@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#dce3ec;background:#111923;font-synthesis:none;font-size:12px;--panel: #151e29;--muted: #7e8c9e;--line: #ffffff10;--accent: #d5ee80;--stage: #eef1f4}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:9px 12px;background:transparent;color:inherit;cursor:pointer;transition:background .15s}button:hover{background:#ffffff0b}button:disabled{opacity:.3;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8fbc49;outline-offset:2px}svg{flex-shrink:0}a{color:inherit;text-decoration:none}.topbar{height:66px;display:flex;align-items:center;padding:0 23px;gap:20px;border-bottom:1px solid var(--line);background:#111923}.brand{display:flex;gap:10px;align-items:center;font-size:23px;letter-spacing:-1px}.brand strong{font-weight:800}.brand strong span{font-weight:500}.brandmark{display:grid;place-items:center;width:32px;height:34px;background:var(--accent);color:#263027;border-radius:9px}.brandmark svg{width:24px;height:24px}.divider{width:1px;height:25px;background:var(--line);margin:0 2px}.project-title{font-weight:600;padding:8px 0}.project-ext{color:#7d8b9d;font-weight:400}.save-status{font-size:10px;color:#7f8d9e}.top-actions{margin-left:auto;display:flex;gap:8px}.top-actions button{font-size:11px}.primary{background:var(--accent);color:#253020;font-weight:750;border:1px solid #cce57e}.primary:hover{background:#e2f5aa}.workspace{height:calc(100dvh - 97px);display:grid;grid-template-columns:230px minmax(0,1fr) 250px}.left-panel,.right-panel{background:var(--panel);display:flex;flex-direction:column;min-height:0}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-heading{height:55px;padding:20px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.badge{font-size:8px;letter-spacing:1px;background:#26313d;color:#99a7b7;border-radius:3px;padding:4px 6px}.tabs{display:flex;border-bottom:1px solid var(--line);margin:0 14px;gap:20px}.tabs button{font-size:11px;padding:10px 0;border-radius:0;color:#8b99ab}.tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.tree-label{padding:24px 18px 12px;display:flex;justify-content:space-between;color:#748396;font-size:9px;letter-spacing:1.3px}.tree{overflow:auto;flex:1;padding:0 8px}.tree-empty{color:#778698;padding:16px 10px;line-height:1.9;font-size:11px}.tree-row{display:flex;align-items:center;gap:7px;border-radius:6px;margin-bottom:3px;padding:3px 5px;cursor:pointer;min-height:35px}.tree-row:hover{background:#ffffff07}.tree-row.selected{background:#d5ee8013;color:#e0eeae;border:1px solid #d5ee8029}.tree-row .row-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.tree-row .row-icon{color:#8fa6b7;display:flex}.tree-row button{padding:4px;opacity:.4}.tree-row:hover button{opacity:1}.tree-row button svg{width:14px;height:14px}.tree-row.hidden{opacity:.45}.feature-number{color:#6c7b8c;font-size:9px;width:16px}.left-bottom{border-top:1px solid var(--line);padding:16px 15px}.kernel-badge{display:flex;gap:8px;align-items:center;color:#9aa8b8;font-size:9px}.dot{display:inline-block;width:6px;height:6px;background:#a9d872;border-radius:50%;vertical-align:middle}.dot.pending{background:#e7b567}.help-button{display:flex;width:100%;justify-content:flex-start;padding:18px 0 0;font-size:11px;color:#c2ccd9}.help-button kbd{margin-left:auto}kbd{font-size:9px;border:1px solid #ffffff20;border-radius:4px;padding:2px 5px;color:#8a99aa}.stage{position:relative;overflow:hidden;color:#293743}#viewport{position:absolute;inset:0}#viewport canvas{display:block;touch-action:none}.toolbar{position:absolute;top:19px;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:5px;border:1px solid #d4dce2;background:#fffefcfa;box-shadow:0 5px 18px #27384912;border-radius:12px;white-space:nowrap;z-index:2}.toolbar button{padding:9px 11px;gap:7px;font-size:11px;font-weight:650}.toolbar button:hover{background:#e8edf0}.toolbar small{color:#7b8995}.tool-divider{width:1px;height:25px;background:#e1e5e9;margin:0 3px}.selection-controls{position:absolute;top:84px;left:22px;display:flex;align-items:center;gap:2px;font-size:10px;color:#71818d}.selection-controls>span{margin-right:7px}.selection-controls button{padding:5px 9px;font-size:10px}.selection-controls button.active{background:#d9e1e7;color:#344957}.view-widget{position:absolute;right:18px;top:100px;width:100px;text-align:center}.view-cube{height:92px;position:relative;margin:0 auto;width:85px}.view-cube button{position:absolute;display:block;background:#fafcff;border:1px solid #b9c8d4;border-radius:0;font-size:7px;font-weight:750;letter-spacing:.7px;color:#6d8394;box-shadow:1px 4px 5px #00000007;padding:0}.view-cube button:hover{background:#d5ee80}.cube-top{width:48px;height:37px;left:18px;top:1px;transform:rotate(-30deg) skew(30deg)}.cube-front{width:42px;height:43px;left:1px;top:35px;transform:skewY(30deg)}.cube-right{width:42px;height:43px;left:43px;top:35px;transform:skewY(-30deg)}.iso-view{font-size:9px;padding:7px;color:#81909c}.view-widget select{width:106px;font-size:8px;color:#84929f;background:transparent;border:0}.welcome{position:absolute;left:8%;top:24%;max-width:490px}.welcome-eyebrow{font-size:9px;letter-spacing:2.3px;color:#7c8d98;font-weight:700}.welcome h1{font-size:clamp(30px,3vw,49px);font-weight:750;letter-spacing:-2px;line-height:1.18;margin:18px 0;color:#23343e}.welcome h1 span{color:#85959f}.welcome p{color:#7b8b96;line-height:1.9;font-size:12px;margin:20px 0 23px}.welcome-actions{display:flex;gap:12px}.welcome-actions button{font-size:11px;padding:12px 15px}.welcome-actions>button:not(.primary){background:#ffffffab;border-color:#d4dce2}.examples{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:40px}.examples>span{font-size:8px;letter-spacing:1.8px;color:#8d9ca6;margin-bottom:5px}.examples button{width:240px;padding:8px 0;color:#5a717e;font-size:11px}.examples button>span{margin-left:auto}.examples button:hover{color:#273b47}.viewport-bottom{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.history-controls,.view-options{display:flex;align-items:center;border:1px solid #d8e0e6;background:#ffffffec;border-radius:9px;box-shadow:0 3px 12px #33445508;padding:3px;pointer-events:auto}.history-controls button{padding:8px}.history-controls button:hover,.view-options button:hover{background:#e9edf0}.history-controls>span,.view-options>span{height:20px;width:1px;background:#d8e0e6;margin:0 3px}.view-options button,.view-options select{font-size:10px;padding:8px;border:0;background:transparent;color:#506776}.view-options select{width:65px}#inspector{padding:0 17px;flex:1;overflow:auto}.inspector-empty{padding-top:52px;text-align:center}.inspector-empty>svg{width:35px;height:35px;color:#4d6072;margin-bottom:14px}.inspector-empty h3{font-size:12px;font-weight:550}.inspector-empty p{font-size:10px;line-height:1.9;color:#7d8fa1}.inspector-name{font-size:16px;margin:10px 0 5px;color:#eef3f8}.kind-label{font-size:9px;color:#8a9fb0}.inspector-section{border-top:1px solid var(--line);margin-top:23px;padding-top:17px}.eyebrow{font-size:8px;color:#76899b;letter-spacing:1.1px}.measure-row{display:flex;justify-content:space-between;margin:12px 0;font-size:10px;color:#8da0b1}.measure-row strong{color:#ccd9e4;font-weight:500;font-variant-numeric:tabular-nums}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:15px}.inspector-actions button{background:#202d3a;font-size:10px;justify-content:flex-start;padding:10px 8px}.inspector-actions button:hover{background:#30404e}.inspector-actions button svg{width:15px;height:15px}.wide-button{width:100%;background:#233240;margin:15px 0 0;font-size:10px}.right-bottom{padding:20px 17px;border-top:1px solid var(--line)}.right-bottom p{font-size:10px;line-height:1.9;color:#8999a9}.engine-label{font-size:9px;color:#a6b5c3}.engine-label span{color:#5d7386;padding:0 5px}.statusbar{height:31px;background:#111923;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:9px;color:#8293a4;border-top:1px solid var(--line)}.statusbar .dot{margin-right:7px;width:5px;height:5px}.navigation-hint{font-size:8px;letter-spacing:.2px}.muted{color:#6c7f91}.busy{position:absolute;bottom:75px;left:50%;transform:translate(-50%);padding:11px 17px;border:1px solid #cdd9e0;background:#fffffff5;border-radius:30px;display:flex;align-items:center;gap:10px;font-size:11px;box-shadow:0 5px 15px #00000010;z-index:5;white-space:nowrap}.spinner{width:15px;height:15px;border:2px solid #d5dde2;border-top-color:#55808c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}#toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);padding:13px 20px;background:#172531;color:#e9f4e5;border:1px solid #4c6568;border-radius:9px;max-width:600px;box-shadow:0 5px 30px #0003;z-index:100;line-height:1.7;font-size:12px}#toast.error{background:#38292b;border-color:#885559;color:#ffe5df}.context-menu{position:fixed;background:#17232f;color:#dfe7ee;min-width:205px;padding:7px;border:1px solid #344656;border-radius:10px;box-shadow:0 12px 36px #0003;z-index:10}.context-menu button{display:flex;width:100%;justify-content:flex-start;font-size:11px;padding:10px}.context-menu hr{border:0;border-top:1px solid #ffffff10}.context-menu .menu-label{font-size:9px;color:#8498ab;padding:10px 12px}dialog{padding:0;border:1px solid #3b4b5c;border-radius:16px;background:#18232e;color:#dfe8ef;box-shadow:0 30px 110px #0005;width:430px;max-width:calc(100vw - 24px);max-height:90dvh}dialog::backdrop{background:#0e192779;backdrop-filter:blur(3px)}.dialog-head{padding:22px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:18px;font-weight:650;letter-spacing:-.4px}.dialog-head button{padding:4px}.dialog-body{padding:20px 24px;max-height:65dvh;overflow:auto}.dialog-hint{font-size:11px;line-height:1.8;color:#8fa4b5;margin:0 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#9caebd;min-width:0}.field:has(select),.field.checkbox{grid-column:1/-1}.field input,.field select,.text-input{width:100%;background:#101a24;color:#e0eaf3;border:1px solid #334656;border-radius:6px;padding:10px 11px;font-size:12px;outline:none}.field input:focus,.field select:focus{border-color:#a2c462}.field.checkbox{flex-direction:row;align-items:center;line-height:1.7}.field.checkbox input{width:15px;accent-color:#bddb76}.dialog-footer{padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line)}.dialog-footer button{font-size:11px}.dialog-footer .preview-button{margin-right:auto;border:1px solid #405263}.dialog-error{background:#5d32344d;border:1px solid #764a4d;color:#ffc7bf;padding:12px;margin-top:15px;border-radius:7px;font-size:11px;line-height:1.7}.sketch-dialog{width:890px}.sketch-dialog .dialog-body{display:grid;grid-template-columns:1fr 270px;gap:25px}.sketch-pad-head{display:flex;justify-content:space-between;font-size:9px;color:#b3c0ca;margin-bottom:10px}.sketch-pad-head label{display:flex;align-items:center;gap:4px}.sketch-pad{width:100%;background:#edf2f5;border-radius:9px;touch-action:none;cursor:crosshair}.field-help{font-size:9px;line-height:1.8;color:#7f95a7}.help-content{font-size:12px;line-height:1.9;color:#b4c4d2}.help-content h3{color:#e3ecf3;font-size:13px}.help-content code{color:#d5ee80}.export-format{display:flex;flex-direction:column;gap:7px}.export-format button{padding:15px;border:1px solid #344655;text-align:left;justify-content:space-between}.export-format small{color:#8b9dad;font-size:10px}.measure-note{color:#8aa0b2;line-height:1.8;font-size:10px}.feature-params{margin-top:14px}.mobile-toggle{display:none}@media(min-width:1600px){.workspace{grid-template-columns:250px minmax(0,1fr) 275px}.welcome{left:12%;top:26%}}@media(max-width:1200px){.workspace{grid-template-columns:195px minmax(0,1fr) 210px}.save-status{display:none}.toolbar button{padding:9px 8px;font-size:10px;gap:5px}.toolbar svg{width:16px}.toolbar{top:14px}.view-widget{right:9px;top:125px}.topbar{padding:0 16px;gap:14px}.welcome{left:7%;top:27%}.welcome h1{font-size:34px}.selection-controls{left:15px}.right-bottom .eyebrow{font-size:7px}}@media(max-width:960px){.workspace{grid-template-columns:170px minmax(0,1fr)}.right-panel{display:none}.toolbar button{padding:9px 10px}.top-actions button span,.project-ext,.navigation-hint{display:none}.sketch-dialog .dialog-body{grid-template-columns:1fr 240px}}@media(max-width:600px){.workspace{grid-template-columns:1fr}.left-panel{display:none}.topbar{height:58px;padding:0 10px;gap:10px}.brand{font-size:20px}.brandmark{width:28px;height:28px}.divider,.project-title{display:none}.top-actions{gap:0}.top-actions button{padding:8px}.top-actions .primary{font-size:10px}.workspace{height:calc(100dvh - 89px)}.toolbar{top:12px}.toolbar button{padding:9px}.toolbar button span,.toolbar small{display:none}.toolbar svg{width:21px;height:21px}.selection-controls{top:69px}.view-widget{top:113px;transform:scale(.8);transform-origin:top right}.welcome{top:29%;left:9%}.welcome h1{font-size:31px}.welcome p{font-size:11px}.examples{margin-top:23px}.view-options button{font-size:9px}.viewport-bottom{left:12px;right:12px;bottom:12px}.sketch-dialog .dialog-body{display:block}.sketch-dialog .fields{margin-top:20px}.sketch-pad{max-height:220px}.statusbar{font-size:8px}.right-bottom{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}