:root{font-family:Arial,sans-serif;color:#dce4db;background:#101d22;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.upload{border:1px solid #435050;background:#1a2a2e;color:#e0e7dc;border-radius:5px;padding:10px 12px;cursor:pointer;min-height:42px}button:hover,.upload:hover{border-color:#d3dcb1;background:#283b3c}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f0b976;outline-offset:3px}header{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #344044;gap:16px}.brand{display:flex;gap:14px;font-weight:700;letter-spacing:2px;font-size:16px}.mark{font-size:34px;color:#e8ac7c}.brand small{display:block;font-weight:400;letter-spacing:.3px;font-size:11px;color:#9daaa7;margin-top:7px}.header-actions{display:flex;gap:8px}.workspace{display:grid;grid-template-columns:250px minmax(300px,1fr) 280px;min-height:calc(100svh - 190px)}aside{padding:28px 24px}.left{border-right:1px solid #344044}.right{border-left:1px solid #344044}.eyebrow{font-size:10px;letter-spacing:2px;color:#b7c8ba;margin-bottom:20px}h1{font:38px/1.07 Georgia,serif;letter-spacing:-1px;margin:0 0 18px;color:#eff0d9}h2{font-size:14px;font-weight:500;margin:20px 0 12px}.intro,.hint{font-size:12px;line-height:1.65;color:#a6b2ac}.stat{display:flex;gap:28px;margin:28px 0}.stat b{font:25px Georgia,serif}.stat small{display:block;font:10px Arial;margin-top:5px;color:#95a49d}.sockets{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.sockets button{width:42px;padding:0;border-radius:50%}.sockets button[aria-pressed=true]{background:#d9e3b9;color:#152626}.primary,.copper{width:100%;background:#d9e3b9;color:#1a2b28;border:none}.copper{background:#df9d78}.legend{display:grid;gap:12px;font-size:11px;margin:28px 0;color:#b9c8b4}.legend span:nth-child(2){color:#e3a180}details{font-size:12px;line-height:1.6;color:#adbbb1}summary{cursor:pointer;min-height:36px}.stage{position:relative;min-height:620px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#263c3d,#101d22 75%)}.viewport{position:absolute;inset:60px 0 100px}.viewport canvas{width:100%;height:100%;display:block;touch-action:pan-y}.stage-top{position:absolute;z-index:1;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.8px}.pill{border:1px solid #50605a;border-radius:20px;padding:8px 12px}.local{color:#a8b7a5;padding-top:8px}.stage-bottom{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end;gap:16px}.stage-bottom em{font:22px Georgia,serif;color:#e3dfca}.stage-bottom small{display:block;font-size:10px;letter-spacing:.5px;color:#94a59d;margin-top:9px}.orbit{font-size:10px;width:145px}.orbit input{width:100%;display:block;margin:10px 0}.orbit output{color:#a6b9a9}.parent{float:right;font-size:11px;color:#899d93}.field{display:block;font-size:12px;margin:22px 0}.field span{display:flex;justify-content:space-between}.field output{color:#e1b28b}.field input{width:100%;margin-top:12px;accent-color:#c9d6af}.field select{display:block;width:100%;margin-top:12px;padding:10px;border:1px solid #4c5c57;border-radius:4px;background:#14252a;color:#e0e8db}.danger{font-size:11px;width:100%;color:#e1aa94}hr{border:0;border-top:1px solid #3c4948;margin:27px 0}.bridges{max-height:180px;overflow:auto}.bridges>div{display:flex;justify-content:space-between;align-items:center;margin:9px 0;font-size:13px}.bridges i{color:#d9a080;margin:0 12px}.bridges button{font-size:10px;padding:5px 10px}footer{padding:15px 24px;border-top:1px solid #354440;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}footer>span{color:#c4d0bd}.exports{display:flex;gap:8px;align-items:center;flex-shrink:0}.upload input{display:none}.privacy{padding:8px 25px 15px;font-size:11px}.privacy p{max-width:900px}.privacy button{font-size:11px}@media(max-width:1050px){.workspace{grid-template-columns:210px minmax(280px,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #344044}.right>*{margin:6px 0}.right hr{display:none}.stage-bottom{display:block}.orbit{margin-top:20px;display:block}.stage{min-height:620px}.viewport{bottom:145px}}@media(max-width:650px){header{padding:16px;align-items:start;flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1;padding:8px;font-size:11px}.workspace{display:flex;flex-direction:column}.stage{order:-1;min-height:520px}.left{border-top:1px solid #344044}h1{font-size:32px}.right{display:block}.viewport{inset:55px 0 145px}.stage-top{font-size:8px;left:16px;right:16px}footer{align-items:start;flex-direction:column}.exports{flex-wrap:wrap}.stat{margin:16px 0}.privacy{padding:12px 16px}.right,.left{padding:22px}.stage-bottom em{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.name-field{display:block;color:#a6b2ac;font-size:11px}.name-field input{margin-top:8px;padding:10px;width:100%;border:1px solid #435050;border-radius:4px;background:#14252a;color:#e6e7d4}.field input.number-field{width:76px;display:block;padding:7px;background:#14252a;color:#dddcc1;border:1px solid #435050;border-radius:4px}