:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#e8f7ff;background:#050e17;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:linear-gradient(180deg,#142c3b,#0d202d);border:1px solid #284654;border-radius:5px;padding:9px 11px;font-size:11px;font-weight:800;letter-spacing:.055em;transition:background .15s,border-color .15s,transform .15s}button:hover{border-color:#3be0e5;background:#1a4150}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:not-allowed}select,input[type=search]{color:#d8f5fa;background:#081c2a;border:1px solid #254452;border-radius:4px;padding:10px;font-size:11px;min-width:0}select{max-width:100%}option{background:#10232f}input:focus,select:focus,button:focus-visible,canvas:focus-visible{outline:2px solid #4bebe9;outline-offset:2px}input[type=range]{accent-color:#47e8e8;cursor:pointer;width:100%}.shell{display:flex;min-height:100dvh;flex-direction:column}.top{height:74px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #1e3a48;background:#091722;padding:0 21px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-weight:900;font-size:24px;color:#0e2330;background:#59eae8;border-radius:8px;padding:5px 8px;letter-spacing:-2px}.brand-mark span{font-size:11px;vertical-align:top}.brand strong{display:block;font-size:21px;letter-spacing:.2em;font-weight:900}.brand strong em{font-style:normal;color:#64e9e4}.brand small{font-size:9px;letter-spacing:.18em;color:#8ab3bd}.top-meta{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.18em;color:#6ea0aa}.tag{border:1px solid #2f6070;border-radius:30px;padding:7px 9px;color:#8be7e7}.tag.warn{color:#e7be65;border-color:#6a5738}.icon-button{font-size:22px;padding:5px 12px}.pulse,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68eece;box-shadow:0 0 12px #54eacc}.workbench{display:grid;grid-template-columns:270px minmax(380px,1fr) 308px;min-height:calc(100dvh - 109px);flex:1}.sidebar{background:#091824;min-width:0;display:flex;flex-direction:column}.left{border-right:1px solid #1c3542}.right{border-left:1px solid #1c3542}.side-heading{color:#78afbb;font-size:10px;letter-spacing:.17em;font-weight:900;padding:22px 16px 15px;display:flex;justify-content:space-between}.left input{margin:0 13px 13px}.tree-scroll{overflow:auto;flex:1;max-height:calc(100dvh - 208px);scrollbar-color:#20475b transparent}.group-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid #17313f;border-radius:0;background:#0d2230;color:#a8d7de;font-size:10px;padding:12px 13px}.group-row.active{background:#123849}.group-row:hover{background:#173b4c}.group-dot{display:inline-block;background:var(--c);width:6px;height:6px;border-radius:50%;margin-right:9px}.part-row{width:100%;display:block;text-align:left;padding:8px 12px 8px 27px;border:0;border-left:3px solid transparent;border-bottom:1px solid #122936;border-radius:0;background:transparent;font-weight:500;font-size:11px;letter-spacing:0;color:#aac4cb}.part-row small{display:block;color:#537886;font-size:9px;margin-top:3px}.part-row.selected{border-left-color:#65f3f1;background:#173743;color:#d9ffff}.part-row.hidden-part{opacity:.45;text-decoration:line-through}.side-foot{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-top:1px solid #203c4a}.side-foot button{font-size:9px;padding:8px 3px}.viewer{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 49%,#103647 0,#0b2434 38%,#071723 76%)}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:22px 25px 16px}.eyebrow,.info-label{font-size:10px;color:#55e6df;letter-spacing:.15em;font-weight:900}.viewer-top h1{margin:7px 0 4px;font-size:clamp(17px,1.65vw,26px);letter-spacing:.035em;font-weight:900}.viewer-top p{color:#7e9fa8;margin:0;font-size:11px}.live-pill{display:flex;align-items:center;gap:8px;color:#8bdad7;font-size:9px;letter-spacing:.1em}.mode-strip{display:flex;padding:0 18px;border-bottom:1px solid #1b3a49;overflow-x:auto}.mode{flex:1;white-space:nowrap;padding:13px 8px;background:transparent;border-radius:0;border:none;border-bottom:2px solid transparent;color:#70939c;font-size:10px}.mode.active{border-bottom-color:#67eeeb;color:#e9ffff;background:linear-gradient(0deg,#1d50584f,transparent)}.viewport{height:clamp(340px,47vh,710px);position:relative;overflow:hidden;touch-action:none;background:radial-gradient(ellipse at 50% 54%,#16445d 0,#0e2c42 36%,#071726 76%,#06111b 100%)}.viewport:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 70px,#40788b13 71px),repeating-linear-gradient(90deg,transparent 0,transparent 70px,#40788b13 71px);z-index:1}.viewport:after{content:'';pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 110px #05111e;z-index:1}canvas{position:absolute;width:100%;height:100%;display:block;cursor:grab;z-index:0;touch-action:none}canvas:active{cursor:grabbing}.viewport-corners{position:absolute;top:13px;left:17px;right:15px;display:flex;justify-content:space-between;z-index:2;pointer-events:none;font-size:9px;letter-spacing:.13em;color:#83b1c0}.viewport-left-tags{position:absolute;left:15px;bottom:18px;display:flex;gap:5px;flex-direction:column;z-index:2;pointer-events:none}.viewport-left-tags span{font-size:9px;letter-spacing:.13em;color:#6c9daf}.view-toolbox{position:absolute;right:12px;bottom:15px;z-index:3;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:66%}.view-toolbox button{font-size:9px;padding:7px;background:#071522d9}.toast{position:absolute;z-index:5;top:51px;left:50%;transform:translateX(-50%);padding:8px 12px;background:#103b49e8;border:1px solid #58aaa8;border-radius:5px;color:#c1ffff;font-size:11px;opacity:0;transition:opacity .25s;pointer-events:none;text-align:center}.toast.visible{opacity:1}.control-deck{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;padding:17px 23px;background:#091e2b;border-top:1px solid #1e4051}.deck-group{min-width:0}.deck-group>label,.tool-title{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:900;letter-spacing:.15em;color:#84b7c1;margin-bottom:13px}.deck-group output,.tool-title span{color:#5ee7e4}.deck-group input[type=range]{margin-bottom:10px}.row-inline{display:flex;align-items:center;gap:7px}.row-inline>*{min-width:0}.row-inline select{flex:1}.row-inline button{flex:1}.row-inline label{color:#6eacb7;font-size:10px}.animation .row-inline:last-child{margin-top:9px}.animation .row-inline:last-child input{flex:1;margin:0}.assemble-tools,.operate-tools{background:#102c3b;border-top:1px solid #235267;padding:13px 24px}.assemble-tools[hidden],.operate-tools[hidden]{display:none}.tool-title{margin:0 0 9px}.assemble-tools p{font-size:11px;color:#9dc1c8;margin:10px 0 0}.progress-track{height:6px;background:#071d29;border-radius:6px;margin-bottom:12px;overflow:hidden}.progress-track>div{width:0;height:100%;background:linear-gradient(90deg,#3c8e9f,#57f6d6)}.row-inline.flex-wrap{flex-wrap:wrap}.assemble-tools .row-inline>*{flex:1}.operate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.operate-grid label{display:block;font-size:9px;color:#a7ced3;letter-spacing:.05em}.operate-grid label input{display:block;margin-top:8px}.operate-grid label output{color:#73f1eb}.operate-grid button{font-size:9px}.bottom-status{display:flex;justify-content:space-between;padding:11px 17px;font-size:9px;letter-spacing:.1em;color:#6c9eac;border-top:1px solid #235067;background:#0b1c2a}.inspector{padding:14px 18px;overflow:auto;flex:1}.inspector h2{font-size:17px;line-height:1.3;margin:12px 0;font-weight:800}.status-chip{font-size:9px;letter-spacing:.08em;background:#153947;border:1px solid #305564;color:#a3dfd8;padding:7px 9px;display:inline-block;border-radius:4px}.separator{border-top:1px solid #234351;margin:17px 0}.inspector p{font-size:12px;color:#a6c2c9;line-height:1.55}.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 22px}.specs div{background:#102936;padding:9px;border:1px solid #1c4150;border-radius:4px;min-height:55px}.specs small{font-size:9px;display:block;color:#78a8b2}.specs strong{font-size:10px;display:block;margin-top:7px;font-weight:700}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.action-grid button{font-size:9px}.inspector #markLearned{width:100%;margin-top:8px}.inspector #learnedCount{color:#6699a8;text-align:center;font-size:10px;margin-top:10px}.side-footer{padding:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-top:1px solid #244451;color:#8dd7c6;font-size:9px}.side-footer button{padding:7px;font-size:9px}.side-footer strong{margin-right:auto;color:#e9e1a8}.footer{display:flex;justify-content:space-between;gap:10px;padding:11px 17px;font-size:9px;letter-spacing:.1em;color:#69838c;border-top:1px solid #20404d;background:#06131d}.footer a{color:#6fe7e7;text-decoration:none}@media(max-width:1350px){.workbench{grid-template-columns:226px minmax(350px,1fr) 240px}.top-meta{font-size:8px}.top{padding:0 12px}.control-deck{gap:12px;padding:13px}}@media(max-width:1040px){.workbench{grid-template-columns:minmax(220px,1fr) minmax(340px,2.2fr)}.right{grid-column:1/-1;border-left:0;border-top:1px solid #1c3542}.inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.inspector>.separator{grid-column:1/-1}.top-meta{display:none}.tree-scroll{max-height:640px}.viewport{height:480px}.side-footer{justify-content:flex-start}}@media(max-width:700px){.top{height:65px}.brand strong{font-size:16px}.brand small{font-size:7px}.workbench{display:flex;flex-direction:column}.viewer{order:0}.left{order:1;border:0;border-top:1px solid #254553}.right{order:2}.viewer-top{padding:15px}.viewer-top h1{font-size:18px}.viewer-top p{font-size:10px}.mode-strip{padding:0 4px}.mode{min-width:92px;padding:12px 6px;font-size:9px}.viewport{height:54dvh;min-height:320px}.viewport-corners{font-size:8px}.view-toolbox{max-width:90%}.view-toolbox button{padding:7px 5px}.control-deck{grid-template-columns:1fr;gap:16px;padding:12px}.operate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector{display:block}.tree-scroll{max-height:280px}.footer{flex-wrap:wrap;font-size:8px}.bottom-status span:nth-child(1){display:none}.side-heading{padding:14px}.assemble-tools{padding:12px}.assemble-tools .row-inline button{flex:0 0 auto}.inspector h2{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}