:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf2;background:#0c1016;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:1180px;min-height:700px;background:#0c1016}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.desktop-app{width:100vw;height:100vh;display:grid;grid-template-columns:248px minmax(680px,1fr) 292px;grid-template-rows:76px minmax(0,1fr) 32px;grid-template-areas:"top top top" "library workspace properties" "status status status";gap:1px;overflow:hidden;background:#090d12}.eyebrow{margin:0 0 4px;color:#758499;font-size:10px;font-weight:800;letter-spacing:.16em}.top-toolbar{grid-area:top;z-index:20;display:grid;grid-template-columns:minmax(360px,1fr) 120px minmax(520px,1fr);align-items:center;gap:20px;padding:10px 16px;border-bottom:1px solid #27313d;background:linear-gradient(180deg,#1a222d,#111821);box-shadow:0 8px 28px #00000047}.mission-summary{display:flex;align-items:center;gap:13px;min-width:0}.level-number{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #f3bd65;border-radius:11px;color:#261706;background:linear-gradient(180deg,#ffd68f,#e69337);box-shadow:inset 0 1px #ffffffa6,0 5px 16px #0000004d;font-size:15px;font-weight:950}.mission-summary h1{margin:0;color:#f6f8fa;font-size:18px;line-height:1.05;letter-spacing:.01em}.mission-copy{margin:5px 0 0;color:#9ca8b7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-state{display:grid;justify-items:center;gap:4px}.mode-chip{min-width:84px;padding:6px 12px;border:1px solid rgba(244,185,92,.55);border-radius:6px;color:#2b1a08;background:#f0b65d;box-shadow:inset 0 1px #ffffff80;text-align:center;font-size:9px;font-weight:950;letter-spacing:.16em}.run-state b{color:#c8d1dd;font-size:12px;font-variant-numeric:tabular-nums}.simulation-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px}.toolbar-divider{width:1px;height:30px;margin:0 3px;background:#303b48}.tool-button,.wide-action,.connection-button,.project-actions button,.action-grid button,.run-button{border:1px solid #354253;border-radius:7px;color:#dce3eb;background:linear-gradient(180deg,#283442,#1b2530);box-shadow:inset 0 1px #ffffff0f,0 3px 10px #0003;transition:border-color .12s ease,background .12s ease,transform .12s ease,opacity .12s ease}.tool-button:hover:not(:disabled),.wide-action:hover:not(:disabled),.connection-button:hover:not(:disabled),.project-actions button:hover:not(:disabled),.action-grid button:hover:not(:disabled){border-color:#60738a;background:linear-gradient(180deg,#334255,#202b37)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.34;filter:grayscale(.4)}.tool-button{height:36px;padding:0 12px;font-size:11px;font-weight:750}.icon-only{width:38px;padding:0;font-size:17px}.run-button{height:44px;min-width:126px;border-color:#f5c16e;border-radius:9px;color:#2d1b08;background:linear-gradient(180deg,#ffd68e,#e89336);font-size:12px;font-weight:950;letter-spacing:.035em}.run-button:hover:not(:disabled){background:linear-gradient(180deg,#ffe0a4,#f09c3f)}.side-panel{min-height:0;overflow:hidden;background:linear-gradient(180deg,#151d27,#101720)}.library-panel{grid-area:library;display:flex;flex-direction:column;border-right:1px solid #27313d}.properties-panel{grid-area:properties;display:flex;flex-direction:column;border-left:1px solid #27313d}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 16px 10px}.panel-heading h2{margin:0;color:#f0f3f7;font-size:17px}.panel-badge,.state-badge{padding:4px 7px;border:1px solid #344252;border-radius:5px;color:#90a0b3;background:#111923;font-size:9px;font-weight:800;letter-spacing:.06em}.state-badge.active{color:#18301f;border-color:#61b978;background:#91d4a2}.state-badge.fixed{color:#352408;border-color:#d8ad5d;background:#efc46e}.state-badge.locked{color:#142635;border-color:#6da3c8;background:#9cc5df}.panel-description{margin:0;padding:0 16px 14px;color:#8492a3;font-size:11px;line-height:1.45}.parts-list{display:grid;gap:6px;padding:0 10px}.palette-part{position:relative;min-height:64px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid #2c3744;border-radius:8px;color:#e7ebef;background:linear-gradient(180deg,#1e2834,#18212b);box-shadow:inset 0 1px #ffffff09;text-align:left}.palette-part:hover:not(:disabled){border-color:#566a82;background:linear-gradient(180deg,#293746,#1d2834)}.palette-part.dragging{opacity:.4}.part-copy{min-width:0}.part-copy b{display:block;color:#e8edf3;font-size:12px}.part-copy small{display:block;margin-top:4px;color:#8190a1;font-size:9px;line-height:1.2}.palette-part em{align-self:start;color:#f0b65d;font-size:11px;font-style:normal;font-weight:900}.palette-icon{position:relative;width:52px;height:44px;display:block}.ball-icon:before{content:"";position:absolute;left:10px;top:6px;width:34px;height:34px;border:3px solid #0d141b;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 9%,#bac7d0 10% 24%,#5b6975 46%,#111820 81%);box-shadow:0 5px 7px #00000059}.plank-icon:before,.lever-icon:before{content:"";position:absolute;left:1px;top:16px;width:50px;height:12px;transform:rotate(-14deg);border:2px solid #2d1c12;border-radius:3px;background:linear-gradient(180deg,#e0a15c,#743b1c);box-shadow:0 5px 6px #00000052}.lever-icon:after{content:"";position:absolute;left:21px;top:17px;width:10px;height:10px;border:3px solid #2c2118;border-radius:50%;background:#e69a42}.wall-icon:before{content:"";position:absolute;left:1px;top:16px;width:50px;height:13px;transform:rotate(-6deg);border:2px solid #171b1f;border-radius:3px;background:linear-gradient(180deg,#89969e,#242b30);box-shadow:0 5px 6px #00000052}.pulley-icon:before{content:"";position:absolute;left:8px;top:3px;width:39px;height:39px;border:6px solid #252c31;border-radius:50%;background:radial-gradient(circle,#e8a34c 0 14%,#161c21 15% 48%,#8e9aa2 49% 60%,#252c31 61%);box-shadow:0 5px 6px #00000057}.weight-icon:before{content:"";position:absolute;left:11px;top:3px;width:34px;height:40px;clip-path:polygon(31% 0,69% 0,74% 16%,87% 24%,100% 100%,0 100%,13% 24%,26% 16%);background:linear-gradient(90deg,#15191c,#9ca5aa 42%,#343b3f 66%,#0b0d0f);filter:drop-shadow(0 6px 5px rgba(0,0,0,.38))}.connections-card,.shortcut-card{margin:12px 10px 0;padding:12px;border:1px solid #283441;border-radius:8px;background:#111923}.connections-card{display:grid;gap:7px}.connection-button{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:11px;font-weight:800}.connection-button span{color:#f0b65d}.connection-button.active{color:#2d1b08;border-color:#f5c16e;background:linear-gradient(180deg,#ffd589,#e99a42)}.shortcut-card{margin-top:auto;margin-bottom:10px}.shortcut-card dl{margin:6px 0 0}.shortcut-card dl div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.shortcut-card dl div:last-child{border-bottom:0}.shortcut-card dt{color:#d4dce5;font-size:9px;font-weight:850}.shortcut-card dd{margin:0;color:#758397;font-size:9px}.workspace-panel{grid-area:workspace;min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr);background:#0e141c}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 12px;border-bottom:1px solid #26313d;background:#121a23}.workspace-header strong{color:#b9c4d1;font-size:11px}.workspace-tools{display:flex;align-items:center;gap:16px}.toggle-control{display:flex;align-items:center;gap:7px;color:#98a7b8;font-size:10px;cursor:pointer}.toggle-control input{accent-color:#eaaa4e}.zoom-hint{color:#667689;font-size:9px}.canvas-frame{position:relative;min-width:0;min-height:0;margin:10px;overflow:hidden;border:1px solid #344352;border-radius:9px;background:#152331;box-shadow:inset 0 0 0 1px #ffffff06,0 12px 30px #00000047}#game-canvas{width:100%;height:100%;display:block;cursor:default}#game-canvas.cursor-move{cursor:grabbing}#game-canvas.cursor-drag{cursor:move}#game-canvas.cursor-rotate,#game-canvas.cursor-tool{cursor:crosshair}.canvas-corner-label{position:absolute;right:10px;bottom:8px;padding:4px 7px;border:1px solid rgba(130,160,187,.25);border-radius:4px;color:#aac1d780;background:#09101780;font-size:8px;font-weight:850;letter-spacing:.12em;pointer-events:none}.property-content{min-height:0;overflow:auto;padding:0 10px 10px}.property-group,.project-actions{margin-bottom:9px;padding:12px;border:1px solid #283441;border-radius:8px;background:#111923}.property-group h3,.project-actions h3{margin:0 0 10px;color:#9cabbb;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.group-title-row{display:flex;align-items:center;justify-content:space-between}.group-title-row span{color:#f0b65d;font-size:11px;font-weight:800}.numeric-grid,.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.numeric-grid label{color:#758496;font-size:9px;font-weight:800}.numeric-grid input,.angle-controls input{width:100%;height:34px;margin-top:5px;border:1px solid #334252;border-radius:6px;outline:none;color:#e5ebf1;background:#0c131b;padding:0 9px;font-size:11px;font-variant-numeric:tabular-nums}.numeric-grid input:focus,.angle-controls input:focus{border-color:#d99d47;box-shadow:0 0 0 2px #d99d471f}.angle-controls{display:grid;grid-template-columns:38px 1fr 38px;gap:6px}.angle-controls label{position:relative}.angle-controls label span{position:absolute;right:9px;top:10px;color:#6e7e91;font-size:10px;pointer-events:none}.angle-controls input{margin:0;padding-right:24px;text-align:center}.wide-action{width:100%;min-height:38px;padding:0 10px;font-size:10px;font-weight:800}.wide-action+.wide-action{margin-top:7px}.wide-action.secondary{color:#aeb9c6;background:#151e28}.action-grid button,.project-actions button{min-height:36px;padding:0 8px;font-size:9px;font-weight:800}.danger-button{color:#ffd7d0!important;border-color:#704139!important;background:linear-gradient(180deg,#62352f,#3a211e)!important}.project-actions{margin:auto 10px 10px}.properties-panel:not(.has-selection) .property-content{opacity:.38;pointer-events:none}.status-bar{grid-area:status;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 12px;border-top:1px solid #27313d;color:#9ba8b8;background:#111821;font-size:10px}.status-light{width:7px;height:7px;border-radius:50%;background:#eeb15a;box-shadow:0 0 10px #eeb15abf}#status-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-shortcuts{color:#617083;font-size:9px}.palette-ghost{position:fixed;z-index:1000;left:0;top:0;min-width:112px;height:44px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #f5bf68;border-radius:7px;color:#2b1a08;background:linear-gradient(180deg,#ffd88f,#e99a41);box-shadow:0 14px 34px #00000061;font-size:10px;font-weight:900;pointer-events:none;will-change:transform}.result-card{position:absolute;z-index:60;left:50%;top:50%;width:380px;padding:27px;border:1px solid #526277;border-radius:12px;color:#e9edf2;background:linear-gradient(180deg,#1b2632,#111923);box-shadow:0 24px 70px #0000009e;text-align:center;transform:translate(-50%,-50%) scale(.94);opacity:0;pointer-events:none;transition:.18s ease}.result-card.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.result-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;color:#1c2b20;background:#8fd0a0;font-size:26px;font-weight:950;box-shadow:0 0 30px #71c48640}.result-card h2{margin:0 0 7px;font-size:22px}.result-card>p:not(.eyebrow){margin:0;color:#9eabb9;font-size:12px}.result-card b{display:block;margin:16px 0;color:#f0b65d;font-size:17px}.result-card button{height:42px;padding:0 18px;border:1px solid #f2bd67;border-radius:7px;color:#2d1b08;background:linear-gradient(180deg,#ffd68f,#e8953a);font-size:10px;font-weight:900}.fatal-error{position:absolute;z-index:100;left:50%;top:50%;width:min(620px,calc(100vw - 40px));padding:22px;transform:translate(-50%,-50%);border:2px solid #ff936f;border-radius:12px;color:#fff;background:#371b17;box-shadow:0 18px 50px #0000008c;text-align:center}.fatal-error strong,.fatal-error span,.fatal-error small{display:block}.fatal-error span{margin:10px 0;color:#ffd0c2}.fatal-error small{color:#d8aaa0}.desktop-app.simulating .library-panel,.desktop-app.simulating .properties-panel{opacity:.56;pointer-events:none}.desktop-app.completed:after{content:"";position:absolute;z-index:50;inset:0;background:#04080c8c;pointer-events:none}@media(max-width:1320px){.desktop-app{grid-template-columns:218px minmax(620px,1fr) 260px}.top-toolbar{grid-template-columns:minmax(320px,1fr) 100px minmax(470px,1fr);gap:12px}.mission-copy,.part-copy small,.shortcut-card{display:none}}:root{--amber:#f4b85d;--amber2:#ffda92;--panel:#171d24;--panel2:#10151b;--line:#343d48;--text:#edf1f5;--muted:#8e9aa7}.desktop-app{background:radial-gradient(circle at 50% 15%,#1a2028 0,#0c1015 62%)}.top-toolbar{background:linear-gradient(180deg,#242a31,#14191f);border-bottom-color:#3a424b;box-shadow:0 10px 32px #0000006b,inset 0 -1px #ffffff08}.level-number{border-radius:50%;box-shadow:inset 0 2px #ffffff8c,0 0 0 5px #f4b85d14,0 7px 20px #00000061}.mission-summary h1{font-size:20px;letter-spacing:.01em}.side-panel{background:linear-gradient(180deg,#1b2128,#11161c 65%,#0d1217)}.library-panel{box-shadow:8px 0 24px #0000002e}.properties-panel{box-shadow:-8px 0 24px #0000002e}.palette-part{min-height:68px;border-color:#343d47;background:linear-gradient(180deg,#252c34,#181e25);box-shadow:inset 0 1px #ffffff0e,0 4px 10px #00000029}.palette-part:hover:not(:disabled){transform:translate(3px);border-color:#d49a48;background:linear-gradient(180deg,#343b43,#222830);box-shadow:inset 3px 0 #f0b65d,0 7px 18px #00000040}.palette-part em{min-width:28px;padding:3px 5px;border:1px solid rgba(244,184,93,.35);border-radius:9px;text-align:center;background:#f4b85d14}.connections-card,.shortcut-card,.property-group,.project-actions{border-color:#343d47;background:linear-gradient(180deg,#191f26,#11161c);box-shadow:inset 0 1px #ffffff06}.workspace-panel{background:#090d11}.workspace-header{height:46px;background:linear-gradient(180deg,#171c22,#11161b);border-bottom-color:#343c45}.canvas-frame{margin:14px;border:8px solid #2a2119;border-radius:13px;background:#13202c;box-shadow:0 0 0 1px #4c4035,0 0 0 5px #15110e,0 20px 45px #0000007a,inset 0 0 40px #0000004d}.canvas-frame:before,.canvas-frame:after{content:"";position:absolute;z-index:6;left:18px;right:18px;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,218,146,.16),transparent);pointer-events:none}.canvas-frame:before{top:10px}.canvas-frame:after{bottom:10px}.objective-strip{position:absolute;z-index:7;top:17px;left:50%;width:min(560px,65%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;transform:translate(-50%);pointer-events:none}.objective-strip span{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#d7e0e7;background:#080d12c2;box-shadow:0 5px 15px #00000038;font-size:9px;font-weight:900;letter-spacing:.12em}.objective-strip i{width:8px;height:8px;border-radius:50%;display:block}.objective-start i{background:#80b9df;box-shadow:0 0 10px #80b9dfcc}.objective-finish i{background:#7dcc91;box-shadow:0 0 10px #7dcc91cc}.objective-line{height:1px;background:linear-gradient(90deg,#80b9df40,#f4b85dd9,#7dcc9140);position:relative}.objective-line:after{content:"➜";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);color:#f4b85d;font-size:16px;text-shadow:0 0 9px rgba(244,184,93,.5)}.build-prompt{position:absolute;z-index:7;left:50%;bottom:24px;display:flex;align-items:center;gap:12px;padding:9px 14px;transform:translate(-50%);border:1px solid rgba(244,184,93,.28);border-radius:8px;color:#d7dee5;background:#0a0f14c7;box-shadow:0 8px 22px #00000040;pointer-events:none;transition:opacity .2s ease}.build-prompt strong{color:#f4b85d;font-size:9px;letter-spacing:.12em}.build-prompt span{font-size:9px;color:#9eabb7}.state-legend{position:absolute;z-index:7;left:14px;bottom:14px;display:flex;gap:12px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#080d12b3;pointer-events:none}.state-legend span{display:flex;align-items:center;gap:5px;color:#8492a0;font-size:8px}.state-legend i{width:8px;height:8px;border-radius:2px}.legend-level{background:#8bbad8}.legend-fixed{background:#e5ad51}.legend-free{border:1px solid #b8c3ce;background:transparent}.canvas-corner-label{right:13px;bottom:13px}.run-button{position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,0 0 0 3px #f4b85d14,0 8px 19px #0000004d}.run-button:after{content:"";position:absolute;top:-50%;left:-35%;width:30%;height:200%;transform:rotate(22deg);background:#ffffff40;transition:left .35s ease}.run-button:hover:after{left:110%}.status-bar{background:linear-gradient(180deg,#151a20,#0f1419)}.desktop-app.simulating .build-prompt{opacity:0}.desktop-app.simulating .objective-strip{opacity:.7}.result-card{border-color:#7e6a4e;background:radial-gradient(circle at 50% 0,#303239,#151a20 58%,#0e1318);box-shadow:0 30px 100px #000000bf,0 0 0 6px #f4b85d0f}@media(max-height:780px){.palette-part{min-height:56px}.part-copy small{display:none}.connections-card{margin-top:8px}.panel-heading{padding-top:12px}.canvas-frame{margin:9px}.build-prompt{bottom:14px}}