*{box-sizing:border-box}html,body,#root{color:#e5e7eb;background:#0b1220;width:100%;height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-shell{grid-template-rows:auto 1fr auto auto;height:100%;display:grid}.topbar{background:linear-gradient(#111c32,#0b1426);border-bottom:1px solid #23324a;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.35rem;padding:.35rem .6rem;display:flex}.titlebar{align-items:center;gap:.5rem;display:flex}.topbar h1{letter-spacing:.02em;color:#dbeafe;margin:0;padding:0 .5rem 0 .15rem;font-size:.85rem;font-weight:600}.icon{pointer-events:none;flex:none}.icon .accent{stroke:#f0a92b}.icon .accent[fill=currentColor]{fill:#f0a92b;stroke:none}button:disabled .icon .accent{stroke:currentColor;fill:currentColor}.file-menu{align-items:center;gap:.5rem;display:flex;position:relative}.file-menu-button{color:#dbeafe;cursor:pointer;background:#16233c;border:1px solid #24344d;border-radius:.25rem;padding:.28rem .7rem;font-size:.72rem;font-weight:600}.file-menu-button:hover,.file-menu-button.active{background:#24354f;border-color:#3f5a7f}.file-menu-popup{z-index:40;background:#101c30;border:1px solid #2c4160;border-radius:.35rem;min-width:232px;padding:.25rem;position:absolute;top:calc(100% + .3rem);left:0;box-shadow:0 12px 28px #0000008c}.file-menu-group{flex-direction:column;display:flex}.file-menu-group hr{border:none;border-top:1px solid #24344d;margin:.25rem .35rem}.file-menu-popup button{color:#dbeafe;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.55rem;width:100%;padding:.4rem .5rem;font-size:.74rem;display:flex}.file-menu-popup button:hover{background:#24354f}.file-menu-label{flex:1}.file-menu-shortcut{color:#7f93b1;font-variant-numeric:tabular-nums;font-size:.66rem}.file-name{color:#7f93b1;font-size:.7rem}.quick-access{background:#0b1220;border:1px solid #24344d;border-radius:.3rem;align-items:center;gap:.15rem;margin-left:auto;padding:.1rem .2rem;display:flex}.quick-btn{color:#dbeafe;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.2rem;justify-content:center;align-items:center;width:28px;height:26px;display:flex}.quick-btn:hover:not(:disabled){background:#24354f;border-color:#3f5a7f}.quick-btn:disabled{color:#46586f;cursor:default}.toolbar-ribbon{align-items:stretch;gap:.5rem;display:flex;overflow-x:auto}.toolbar-group{background:#0b1220;border:1px solid #24344d;border-radius:.35rem;padding:.25rem .35rem}.toolbar-group h2{color:#7f93b1;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .25rem;font-size:.58rem;font-weight:600}.toolbar{flex-wrap:wrap;align-items:stretch;gap:.25rem;max-width:500px;display:flex}.ribbon-btn{color:#dbeafe;cursor:pointer;text-align:center;background:#1a2842;border:1px solid #334155;border-radius:.2rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.12rem;width:58px;min-height:46px;padding:.25rem .3rem;font-size:.62rem;line-height:1.1;display:flex}.ribbon-btn:hover{background:#243654}.ribbon-btn.active{color:#fde68a;background:#5f430f;border-color:#f59e0b}.ribbon-btn.active .icon .accent{stroke:#fde68a}.ribbon-btn.active .icon .accent[fill=currentColor]{fill:#fde68a}.ribbon-select{border-color:#3f5a7f;justify-content:center;align-self:center;width:68px;min-height:54px;font-weight:600}.workspace{grid-template-columns:minmax(0,1fr) 6px 320px;min-height:0;display:grid}.viewport-shell{min-height:0;position:relative}.viewport{cursor:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.viewport-status{background:#091224e6;border:1px solid #334155;border-radius:.35rem;align-items:center;gap:.75rem;padding:.25rem .55rem;font-size:.75rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.viewport-status .prompt{color:#e2e8f0}.viewport-status .coords{color:#7f93b1;font-family:ui-monospace,Consolas,monospace}.ribbon-field{color:#7f93b1;background:#0b1220;border:1px solid #334155;border-radius:.2rem;align-items:center;gap:.25rem;padding:0 .3rem;font-size:.62rem;display:flex}.ribbon-field input{color:#dbeafe;background:0 0;border:none;width:42px;padding:.2rem 0;font-size:.68rem}.ribbon-field input:focus{outline:none}.ribbon-field select{color:#dbeafe;background:#0b1220;border:none;padding:.2rem 0;font-size:.66rem}.snap-list{grid-template-columns:1fr 1fr;gap:.1rem .5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.snap-list label{text-transform:capitalize;margin-top:.2rem}.rightbar{background:#111c32;border-left:1px solid #23324a;padding:.6rem;overflow-y:auto}.sidebar-resizer{cursor:col-resize;background:#23324a}.layer-list{overflow-y:auto}.layer-list-resizer{cursor:row-resize;background:#1b2942;border-radius:3px;height:7px;margin:.15rem 0 .3rem}.layer-list-resizer:after{content:"";background:#4a5f80;width:28px;height:1px;margin:3px auto;display:block}.layer-list-resizer:hover{background:#263a5c}body.resizing-panel{cursor:row-resize;-webkit-user-select:none;user-select:none}.sidebar-resizer:hover{background:#3f5a7f}body.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing-sidebar .sidebar-resizer{background:#f0a92b}.panel{background:#15243f;border:1px solid #2b3a53;border-radius:.5rem;margin-bottom:.6rem;padding:.6rem}.panel h3{margin:0 0 .5rem;font-size:.85rem}.panel p{margin:0 0 .5rem;font-size:.8rem}.panel label{justify-content:space-between;align-items:center;gap:.4rem;margin-top:.45rem;font-size:.75rem;display:flex}.panel input[type=number],.panel input[type=color]{color:#e5e7eb;background:#0f172a;border:1px solid #334155;border-radius:.25rem}.panel-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.panel-head h3{margin:0}.panel-actions{gap:.15rem;display:flex}.panel-actions button{color:#dbeafe;cursor:pointer;background:#1a2842;border:1px solid #334155;border-radius:.2rem;justify-content:center;align-items:center;width:24px;height:22px;padding:0;display:flex}.panel-actions button:hover:not(:disabled){background:#243654}.panel-actions button:disabled{color:#46586f;cursor:default}.layer-head,.layer-row{grid-template-columns:12px 16px minmax(0,1fr) repeat(4,20px);align-items:center;gap:.2rem;display:grid}.layer-head{color:#7f93b1;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid #24344d;padding:0 .2rem .25rem;font-size:.58rem}.layer-head span:nth-child(3){padding-left:.2rem}.layer-head .layer-head-icon{color:#6d819e;justify-content:center;display:flex}.layer-list{gap:.05rem;max-height:210px;margin:.2rem 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.layer-row{border:1px solid #0000;border-radius:.25rem;padding:.1rem .2rem;position:relative}.layer-row:hover{background:#1a2b48}.layer-row.current{background:#1d2f4d;border-color:#3f5a7f}.layer-current{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:12px;height:18px;padding:0;display:flex}.layer-current-mark{border:1px solid #4b6382;border-radius:50%;width:7px;height:7px}.layer-row.current .layer-current-mark{background:#f0a92b;border-color:#f0a92b}.layer-swatch{cursor:pointer;border:1px solid #47597a;border-radius:2px;width:14px;height:14px;padding:0}.layer-name{color:#dbeafe;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:.2rem;min-width:0;padding:.12rem .25rem;font-size:.72rem}.layer-name:hover{border-color:#334155}.layer-name:focus{background:#0f172a;border-color:#3f5a7f;outline:none}.layer-toggle{color:#9fb3d1;cursor:pointer;background:0 0;border:none;border-radius:.2rem;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.layer-toggle:hover{background:#24354f}.layer-toggle .icon{width:15px;height:15px}.layer-toggle.off{color:#5e7292}.layer-colors{z-index:30;background:#101c30;border:1px solid #2c4160;border-radius:.3rem;grid-template-columns:repeat(5,18px);gap:3px;padding:.3rem;display:grid;position:absolute;top:calc(100% - 2px);left:24px;box-shadow:0 10px 22px #0000008c}.layer-color{cursor:pointer;border:1px solid #47597a;border-radius:2px;width:18px;height:18px;padding:0}.layer-colors input[type=color]{grid-column:span 5;width:100%;height:20px;padding:0}.layer-details{color:#7f93b1;border-top:1px solid #24344d;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.3rem .45rem;margin-top:.5rem;padding-top:.5rem;font-size:.7rem;display:grid}.layer-details select{color:#dbeafe;background:#0f172a;border:1px solid #334155;border-radius:.2rem;width:100%;padding:.15rem .2rem;font-size:.7rem}.command-line{background:#091224;border-top:1px solid #23324a;flex-direction:column;gap:.35rem;padding:.45rem .75rem .55rem;font-family:ui-monospace,Consolas,monospace;display:flex}.command-history{color:#8fa3c0;height:5.4rem;padding-right:.4rem;font-size:.72rem;line-height:1.35;overflow-y:auto}.command-history-line.input{color:#e2e8f0}.command-history-line.prompt{color:#a5b4fc}.command-history-line.error{color:#f87171}.command-entry{align-items:center;gap:.5rem;display:flex}.command-prompt{color:#a5b4fc;white-space:nowrap;font-size:.76rem}.prompt-option{color:#a5b4fc;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.prompt-option:hover{color:#fde68a;text-decoration:underline}.command-line.expanded .command-history{height:18rem}.command-input-wrap{flex:1;position:relative}.command-line input{color:#e2e8f0;background:#020617;border:1px solid #334155;border-radius:.3rem;width:100%;padding:.35rem .45rem;font-family:inherit;font-size:.8rem}.command-suggestions{z-index:20;background:#0b1426;border:1px solid #334155;border-radius:.35rem;max-height:14rem;margin:0;padding:.2rem;list-style:none;position:absolute;bottom:calc(100% + .3rem);left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #020617bf}.command-suggestions button{text-align:left;color:#cbd5f5;cursor:pointer;background:0 0;border:none;border-radius:.25rem;grid-template-columns:8rem 3rem 1fr;gap:.5rem;width:100%;padding:.25rem .4rem;font-family:inherit;font-size:.74rem;display:grid}.command-suggestions button.active{color:#f8fafc;background:#1d4ed8}.suggestion-alias{color:#fbbf24}.suggestion-summary{color:#7f93b1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-suggestions button.active .suggestion-alias,.command-suggestions button.active .suggestion-summary{color:#dbeafe}.cad-hint{color:#7f93b1;white-space:nowrap;font-size:.68rem}.statusbar{color:#a5b4fc;background:#020617;border-top:1px solid #23324a;align-items:center;gap:.8rem;padding:.35rem .75rem;font-size:.74rem;display:flex}.statusbar-spacer{flex:1}.statusbar-coords{color:#cbd5f5;min-width:9rem;font-family:ui-monospace,Consolas,monospace}.statusbar-message{color:#7f93b1}.statusbar-facts{color:#64748b}.statusbar-toggle{color:#64748b;letter-spacing:.04em;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:.25rem;padding:.15rem .5rem;font-size:.68rem}.statusbar-toggle.on{color:#f8fafc;background:#1d4ed8;border-color:#3b82f6}