:root{--surface-0:#0a1319;--surface-1:#0c161d;--surface-2:#12222c;--surface-3:#1a303d;--surface-4:#21404f;--border-soft:#172b36;--border:#24404e;--border-strong:#35606f;--text:#d7e4e8;--text-bright:#f1f7f8;--text-muted:#8aa3ad;--text-faint:#647a84;--accent:#35c8d2;--accent-deep:#148f9b;--accent-fill:#10454c;--accent-ink:#9fe8ee;--on-accent:#fff;--warn:#f0a92b;--warn-bright:#fde68a;--warn-fill:#4a3410;--danger:#f87171;--canvas-bg:#0a1319;--canvas-grid:#14242e;--canvas-grid-strong:#1d3644;--canvas-axis-x:#a8414d;--canvas-axis-y:#3f8f5a;--canvas-contrast:#f1f7f8;--shadow-color:#0000008c;--scrim:#0a1319eb;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--surface-0:#eef4f5;--surface-1:#f8fbfb;--surface-2:#fff;--surface-3:#e7eff0;--surface-4:#d8e5e8;--border-soft:#e4edee;--border:#d9e4e6;--border-strong:#b3c7cc;--text:#24343e;--text-bright:#0c161d;--text-muted:#5a6c76;--text-faint:#8496a0;--accent:#148f9b;--accent-deep:#0d6f78;--accent-fill:#d3eef1;--accent-ink:#0b5a63;--on-accent:#fff;--warn:#b9700a;--warn-bright:#7a4a05;--warn-fill:#fbe9c8;--danger:#c0392b;--canvas-bg:#fff;--canvas-grid:#e6edee;--canvas-grid-strong:#d2dfe1;--canvas-axis-x:#c0392b;--canvas-axis-y:#1f7a45;--canvas-contrast:#0c161d;--shadow-color:#0c161d2e;--scrim:#fffffff0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-body);color:var(--text);background:var(--surface-1);margin:0}.app-shell{grid-template-rows:auto 1fr auto auto;height:100%;display:grid}.topbar{border-bottom:1px solid var(--border-soft);background:linear-gradient(var(--surface-2), var(--surface-1));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{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-bright);margin:0;padding:0 .5rem 0 .15rem;font-size:.95rem;font-weight:600}.wordmark{align-items:baseline;gap:.12rem;display:flex}.wordmark-logo{background-color:var(--text-bright);align-self:center;width:5.4rem;height:1.3rem;display:block;-webkit-mask:url(/droplab-logo.png) 0/contain no-repeat;mask:url(/droplab-logo.png) 0/contain no-repeat}.wordmark-suffix{color:var(--accent);font-weight:500}.theme-toggle{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;margin-left:auto;padding:.25rem .4rem;display:inline-flex}.theme-toggle:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.icon{pointer-events:none;flex:none}.icon .accent{stroke:var(--warn)}.icon .accent[fill=currentColor]{fill:var(--warn);stroke:none}button:disabled .icon .accent{stroke:currentColor;fill:currentColor}.file-menu{align-items:center;gap:.5rem;display:flex;position:relative}.file-menu-button{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:.25rem;padding:.28rem .7rem;font-size:.72rem;font-weight:600}.file-menu-button:hover,.file-menu-button.active{background:var(--border-soft);border-color:var(--border-strong)}.file-menu-popup{z-index:40;border:1px solid var(--border);background:var(--surface-2);min-width:232px;box-shadow:0 12px 28px var(--shadow-color);border-radius:.35rem;padding:.25rem;position:absolute;top:calc(100% + .3rem);left:0}.file-menu-group{flex-direction:column;display:flex}.file-menu-group hr{border:none;border-top:1px solid var(--border-soft);margin:.25rem .35rem}.file-menu-popup button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.55rem;padding:.4rem .5rem;font-size:.74rem;display:flex}.file-menu-popup button:hover{background:var(--border-soft)}.file-menu-label{flex:1}.file-menu-shortcut{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.66rem}.file-name{color:var(--text-muted);font-size:.7rem}.preferences-popup{min-width:340px;max-height:70vh;padding:.5rem .6rem;overflow-y:auto}.preferences-group+.preferences-group{border-top:1px solid var(--border-soft);margin-top:.6rem;padding-top:.5rem}.preferences-group h3{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.62rem;font-weight:700}.preferences-row{cursor:pointer;align-items:center;gap:.6rem;padding:.2rem .15rem;font-size:.73rem;display:flex}.preferences-label{flex:1}.preferences-row input[type=number],.preferences-row select{border:1px solid var(--border-soft);background:var(--surface-1);width:11rem;color:var(--text);border-radius:.2rem;padding:.16rem .3rem;font-size:.72rem}.preferences-row input[type=number]{font-variant-numeric:tabular-nums;width:4.5rem}.preferences-footer{border-top:1px solid var(--border-soft);justify-content:flex-end;margin-top:.6rem;padding-top:.5rem;display:flex}.preferences-footer button{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:.25rem;width:auto;padding:.28rem .7rem;font-size:.7rem}.preferences-footer button:disabled{opacity:.45;cursor:default}.quick-access{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:.3rem;align-items:center;gap:.15rem;margin-left:auto;padding:.1rem .2rem;display:flex}.quick-btn{width:28px;height:26px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.2rem;justify-content:center;align-items:center;display:flex}.quick-btn:hover:not(:disabled){background:var(--border-soft);border-color:var(--border-strong)}.quick-btn:disabled{color:var(--border-strong);cursor:default}.toolbar-ribbon{align-items:stretch;gap:.5rem;display:flex;overflow-x:auto}.toolbar-group{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:.35rem;padding:.25rem .35rem}.toolbar-group h2{color:var(--text-muted);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{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:center;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:var(--surface-3)}.ribbon-btn.active{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-fill)}.ribbon-btn.active .icon .accent{stroke:var(--warn-bright)}.ribbon-btn.active .icon .accent[fill=currentColor]{fill:var(--warn-bright)}.ribbon-field .icon{width:18px;height:18px}.ribbon-select{border-color:var(--border-strong);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:var(--scrim);border:1px solid var(--border);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:var(--text-bright)}.viewport-status .coords{color:var(--text-muted);font-family:ui-monospace,Consolas,monospace}.ribbon-field{color:var(--text-muted);border:1px solid var(--border);background:var(--surface-1);border-radius:.2rem;align-items:center;gap:.25rem;padding:0 .3rem;font-size:.62rem;display:flex}.ribbon-field input{width:42px;color:var(--text);background:0 0;border:none;padding:.2rem 0;font-size:.68rem}.ribbon-field input:focus{outline:none}.ribbon-field select{background:var(--surface-1);color:var(--text);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{border-left:1px solid var(--border-soft);background:var(--surface-2);padding:.6rem;overflow-y:auto}.sidebar-resizer{cursor:col-resize;background:var(--border-soft)}.layer-list{overflow-y:auto}.layer-list-resizer{background:var(--surface-2);cursor:row-resize;border-radius:3px;height:7px;margin:.15rem 0 .3rem}.layer-list-resizer:after{background:var(--border-strong);content:"";width:28px;height:1px;margin:3px auto;display:block}.layer-list-resizer:hover{background:var(--surface-3)}body.resizing-panel{cursor:row-resize;-webkit-user-select:none;user-select:none}.sidebar-resizer:hover{background:var(--border-strong)}body.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing-sidebar .sidebar-resizer{background:var(--accent)}.panel{border:1px solid var(--border-soft);background:var(--surface-2);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],.panel select{background:var(--surface-1);color:var(--text);border:1px solid var(--border);border-radius:.25rem}.panel select{max-width:11rem;padding:.12rem .25rem;font-size:.72rem}.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{border:1px solid var(--border);background:var(--surface-2);width:24px;height:22px;color:var(--text);cursor:pointer;border-radius:.2rem;justify-content:center;align-items:center;padding:0;display:flex}.panel-actions button:hover:not(:disabled){background:var(--surface-3)}.panel-actions button:disabled{color:var(--border-strong);cursor:default}.layer-options{position:relative}.layer-options-popup{z-index:30;border:1px solid var(--border);background:var(--surface-2);min-width:220px;box-shadow:0 10px 24px var(--shadow-color);border-radius:.3rem;padding:.25rem;position:absolute;top:calc(100% + .25rem);right:0}.layer-options-popup button{width:100%;height:auto;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.2rem;align-items:center;gap:.45rem;padding:.35rem .45rem;font-size:.72rem;display:flex}.layer-options-popup button:hover:not(:disabled){background:var(--border-soft)}.layer-options-popup button:disabled{opacity:.45;cursor:default}.layer-toggle.layer-move-here:disabled{opacity:.3;cursor:default}.layer-head,.layer-row{grid-template-columns:12px 16px minmax(0,1fr) repeat(5,20px);align-items:center;gap:.2rem;display:grid}.layer-head{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--border-soft);padding:0 .2rem .25rem;font-size:.58rem}.layer-head span:nth-child(3){padding-left:.2rem}.layer-head .layer-head-icon{color:var(--text-faint);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:var(--surface-2)}.layer-row.current{background:var(--surface-3);border-color:var(--border-strong)}.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 var(--border-strong);border-radius:50%;width:7px;height:7px}.layer-row.current .layer-current-mark{border-color:var(--accent);background:var(--accent)}.layer-swatch{border:1px solid var(--border-strong);cursor:pointer;border-radius:2px;width:14px;height:14px;padding:0}.layer-name{min-width:0;color:var(--text);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:.2rem;padding:.12rem .25rem;font-size:.72rem}.layer-name:hover{border-color:var(--border)}.layer-name:focus{border-color:var(--border-strong);background:var(--surface-1);outline:none}.layer-toggle{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.2rem;justify-content:center;align-items:center;padding:0;display:flex}.layer-toggle:hover{background:var(--border-soft)}.layer-toggle .icon{width:15px;height:15px}.layer-toggle.off{color:var(--text-faint)}.layer-colors{z-index:30;border:1px solid var(--border);background:var(--surface-2);box-shadow:0 10px 22px var(--shadow-color);border-radius:.3rem;grid-template-columns:repeat(5,18px);gap:3px;padding:.3rem;display:grid;position:absolute;top:calc(100% - 2px);left:24px}.layer-color{border:1px solid var(--border-strong);cursor:pointer;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{border-top:1px solid var(--border-soft);color:var(--text-muted);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{border:1px solid var(--border);background:var(--surface-1);width:100%;color:var(--text);border-radius:.2rem;padding:.15rem .2rem;font-size:.7rem}.command-line{border-top:1px solid var(--border-soft);background:var(--surface-0);flex-direction:column;gap:.35rem;padding:.45rem .75rem .55rem;font-family:ui-monospace,Consolas,monospace;display:flex}.command-history{height:5.4rem;color:var(--text-muted);padding-right:.4rem;font-size:.72rem;line-height:1.35;overflow-y:auto}.command-history-line.input{color:var(--text-bright)}.command-history-line.prompt{color:var(--accent)}.command-history-line.error{color:var(--danger)}.command-entry{align-items:center;gap:.5rem;display:flex}.command-prompt{color:var(--accent);white-space:nowrap;font-size:.76rem}.prompt-option{color:var(--accent);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:var(--accent);text-decoration:underline}.command-line.expanded .command-history{height:18rem}.command-input-wrap{flex:1;position:relative}.command-line input{border:1px solid var(--border);background:var(--surface-0);width:100%;color:var(--text-bright);border-radius:.3rem;padding:.35rem .45rem;font-family:inherit;font-size:.8rem}.command-suggestions{background:var(--surface-1);border:1px solid var(--border);box-shadow:0 -8px 24px var(--shadow-color);z-index:20;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}.command-suggestions button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:.25rem;grid-template-columns:8rem 3rem 1fr;gap:.5rem;padding:.25rem .4rem;font-family:inherit;font-size:.74rem;display:grid}.command-suggestions button.active{background:var(--accent-deep);color:var(--on-accent)}.suggestion-alias{color:var(--accent)}.suggestion-summary{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-suggestions button.active .suggestion-alias,.command-suggestions button.active .suggestion-summary{color:var(--text)}.cad-hint{color:var(--text-muted);white-space:nowrap;font-size:.68rem}.statusbar{border-top:1px solid var(--border-soft);background:var(--surface-0);color:var(--accent);align-items:center;gap:.8rem;padding:.35rem .75rem;font-size:.74rem;display:flex}.statusbar-spacer{flex:1}.statusbar-coords{color:var(--text);min-width:9rem;font-family:ui-monospace,Consolas,monospace}.statusbar-message{color:var(--text-muted)}.statusbar-facts{color:var(--text-faint)}.statusbar-toggle{border:1px solid var(--border);background:var(--surface-1);color:var(--text-faint);letter-spacing:.04em;cursor:pointer;border-radius:.25rem;padding:.15rem .5rem;font-size:.68rem}.statusbar-toggle.on{background:var(--accent-deep);border-color:var(--accent);color:var(--on-accent)}.print-backdrop{z-index:80;background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.print-dialog{border:1px solid var(--border);background:var(--surface-2);width:min(520px,100%);max-height:min(90vh,720px);box-shadow:0 18px 48px var(--shadow-color);color:var(--text);border-radius:.4rem;flex-direction:column;display:flex}.print-dialog-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.print-dialog-header h2{margin:0;font-size:.95rem;font-weight:700}.print-dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.1rem .35rem;font-size:1.25rem;line-height:1}.print-dialog-body{flex-direction:column;gap:.75rem;padding:.65rem .85rem .4rem;display:flex;overflow-y:auto}.print-dialog-group h3{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.62rem;font-weight:700}.print-dialog-row{align-items:center;gap:.6rem;padding:.18rem 0;font-size:.74rem;display:flex}.print-dialog-row>span:first-child{flex:1}.print-dialog-row select,.print-dialog-row input[type=number]{border:1px solid var(--border-soft);background:var(--surface-1);width:13rem;color:var(--text);border-radius:.2rem;padding:.2rem .35rem;font-size:.72rem}.print-dialog-row input[type=number]{font-variant-numeric:tabular-nums;width:5rem}.print-dialog-row input[type=checkbox]{width:auto}.print-dialog-action{border:1px solid var(--border-soft);background:var(--surface-1);color:var(--text);cursor:pointer;border-radius:.25rem;padding:.25rem .55rem;font-size:.7rem}.print-dialog-action:hover{background:var(--border-soft)}.print-dialog-note,.print-dialog-warning{color:var(--text-muted);margin:.2rem 0 0;font-size:.68rem}.print-dialog-warning{color:var(--accent)}.print-preview{justify-content:center;padding:.5rem 0;display:flex}.print-preview-sheet{border:1px solid var(--border-strong);background:#fff;position:relative;box-shadow:inset 0 0 0 1px #0000000a}.print-preview-margin{pointer-events:none;border:1px dashed #00000040;position:absolute}.print-preview-content{pointer-events:none;background:#2878a047;border:1px solid #2878a0b3;position:absolute}.print-dialog-footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.print-dialog-footer button{border:1px solid var(--border-soft);background:var(--surface-1);color:var(--text);cursor:pointer;border-radius:.25rem;padding:.3rem .7rem;font-size:.72rem}.print-dialog-footer button:disabled{opacity:.45;cursor:default}.print-dialog-footer-actions{gap:.4rem;display:flex}.print-dialog-primary{background:var(--accent-deep)!important;border-color:var(--accent)!important;color:var(--on-accent)!important}