.commercial-bar{display:flex;align-items:center;gap:16px;padding:7px 18px;border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);font-size:11px;min-height:36px}.commercial-bar span{flex:1;color:var(--text-secondary)}.commercial-bar button{background:none;border:0;color:var(--text-primary);cursor:pointer;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commercial-overlay{position:fixed;inset:0;background:#000b;z-index:1500;display:grid;place-items:center;padding:20px}.commercial-modal{width:min(660px,100%);max-height:90vh;overflow:auto;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:14px;padding:24px;box-shadow:0 24px 80px #0009;user-select:text}.commercial-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.commercial-title h2{font-size:20px}.commercial-title h3,.configuration-picker h3{font-size:12px}.commercial-modal button,.configuration-picker button{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:6px;padding:8px 12px;cursor:pointer}.commercial-modal button:hover,.configuration-picker button:hover{border-color:var(--brand-accent)}.commercial-modal p{line-height:1.65;margin:10px 0}.commercial-note{color:var(--text-secondary);font-size:12px}.commercial-modal label{display:grid;gap:8px;margin:14px 0}.commercial-modal input,.commercial-modal select,.configuration-picker input,.configuration-picker select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-medium);padding:9px;border-radius:6px;width:100%;min-width:0}.commercial-modal label.commercial-check{display:flex;align-items:center}.commercial-check input{width:auto}.commercial-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.commercial-message{color:var(--issue-warning);min-height:24px}.commercial-list{list-style:none;display:grid;gap:8px;margin:14px 0}.commercial-list li{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border-subtle);padding:10px 0}.commercial-list li>span{flex:1;overflow-wrap:anywhere}.commercial-list small{display:block;color:var(--text-secondary);font-size:10px;margin-top:6px}.configuration-picker{padding:16px 0;margin-bottom:16px;border-bottom:1px solid var(--border-subtle);display:grid;gap:8px}.configuration-picker small{color:var(--text-secondary);line-height:1.6}.configuration-picker button{padding:5px 7px;font-size:10px}.configuration-picker .commercial-actions{margin:0;gap:5px}@media (max-width:600px){.commercial-bar{gap:8px;padding:7px 10px}.commercial-bar span{display:none}.commercial-bar button{max-width:49%;flex:1}.commercial-list li{flex-wrap:wrap}.commercial-list li>span{flex-basis:100%}.commercial-modal{padding:16px}}.app-shell{grid-template-rows:80px 36px minmax(0,1fr)}@media (max-height:680px){.app-shell{grid-template-rows:64px 36px minmax(0,1fr)}}@media (max-width:800px){.app-shell{grid-template-rows:112px 36px minmax(0,1fr)}}.stripe-checkout{border-top:1px solid var(--border-subtle);margin-top:18px;padding-top:16px}.stripe-checkout #checkout-form{background:#fff;border-radius:6px;padding:12px;margin-bottom:12px}.report-overlay{position:fixed;inset:0;z-index:1000;background:#000b;display:grid;place-items:center;padding:20px}.report-dialog{background:var(--bg-panel,#101112);border:1px solid var(--border-medium);border-radius:14px;padding:24px;width:min(620px,100%);max-height:85vh;overflow:auto;color:var(--text-primary);font-size:13px}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.report-heading h2{font-size:20px}.report-dialog p{line-height:1.6;margin:14px 0}.report-dialog label{display:block;margin-bottom:8px}.report-dialog textarea{width:100%;padding:10px;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);resize:vertical}.report-dialog button{padding:9px 12px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-card);color:var(--text-primary);cursor:pointer}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.report-note{color:var(--text-secondary)}.report-message{color:var(--issue-warning);overflow-wrap:anywhere}.report-history{list-style:none;padding:0;display:grid;gap:10px}.report-history li{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border-subtle);padding:10px 0}.report-history small{display:block;overflow-wrap:anywhere;color:var(--text-secondary);margin:6px 0}.report-history li>span{min-width:0;overflow-wrap:anywhere}.report-dialog button:disabled{opacity:.45;cursor:default}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-root: #040506;--bg-panel: #07080a;--bg-card: #111214;--bg-card-hover: #1b1c1e;--bg-input: #111214;--border-subtle: #242527;--border-medium: #363739;--text-primary: #fff;--text-secondary: #9c9c9d;--text-muted: #858587;--brand-accent: #ff6363;--issue-warning: #e6bd79;--issue-error: #ff9b9b;--font-mono: "Geist Mono", Consolas, monospace;--key-shadow: inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.2);color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;font-feature-settings:"calt","kern","liga","ss03";font-size:13px;color:var(--text-primary);background:var(--bg-root)}html,body,#root{width:100%;height:100%;overflow:hidden;user-select:none;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e6e6e6;outline-offset:3px}[hidden]{display:none!important}::selection{background:#452324;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#363739;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#6a6b6c}.app-shell{display:grid;grid-template-rows:80px 36px minmax(0,1fr);height:100dvh;background:var(--bg-root)}.toolbar{display:flex;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--border-subtle);background:#07080af0;backdrop-filter:blur(48px);z-index:30}.toolbar-brand{display:flex;align-items:center;gap:12px;flex:none}.brand-sigil{display:grid;place-items:center;width:40px;height:40px;border:1px solid #543031;border-radius:12px;background:linear-gradient(145deg,#452324,#1a1113);box-shadow:var(--key-shadow)}.brand-text-group{display:grid;gap:3px}.brand-title{font-size:21px;font-weight:600;letter-spacing:.01em;line-height:1.1}.brand-period{color:var(--brand-accent)}.brand-subtitle{color:var(--text-muted);font-size:10px;letter-spacing:.02em}.toolbar-context{display:flex;align-items:center;gap:16px;color:var(--text-secondary);font-size:12px;white-space:nowrap}.context-divider{color:#454647;font-size:22px;font-weight:300}.studio-badge{font:10px var(--font-mono);padding:4px 6px;border:1px solid var(--border-medium);border-radius:5px;color:#9c9c9d}.toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-group+.toolbar-group{border-left:1px solid var(--border-subtle);padding-left:12px}.btn{height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.btn svg{width:17px;height:17px;flex:none}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary,.btn-danger{background:#e6e6e6;color:#454647;border-color:#fff3;box-shadow:var(--key-shadow);min-width:104px}.btn-primary:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:#fff;color:#111214}.btn-danger svg{animation:running-pulse 1.8s ease-in-out infinite}.btn-secondary{background:#111214;border-color:var(--border-medium);color:#e6e6e6;box-shadow:var(--key-shadow)}.btn-secondary:hover:not(:disabled){background:#1b1c1e;border-color:#6a6b6c}.btn-ghost{color:var(--text-secondary);padding:0 8px}.btn-ghost:hover:not(:disabled){background:#1b1c1e;color:#fff}.language-picker{width:118px;height:32px;background:transparent;border:0;border-radius:6px;color:var(--text-secondary);font-size:11px;cursor:pointer;padding:0 4px}.language-picker option,select option{background:#111214;color:#fff}.export-anchor{position:relative}.menu-chevron{font-size:14px;margin-left:4px}.export-menu{position:absolute;right:0;top:calc(100% + 8px);width:210px;padding:6px;background:#111214;border:1px solid var(--border-medium);border-radius:12px;box-shadow:var(--key-shadow);animation:panel-arrive .18s ease-out}.export-menu:before{content:"";position:absolute;height:12px;bottom:100%;width:100%;left:0}.export-menu button{display:flex;gap:12px;align-items:center;width:100%;padding:12px 8px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer;font-size:12px}.export-menu button span{font:10px var(--font-mono);color:#9c9c9d;border:1px solid var(--border-medium);border-radius:4px;padding:4px}.export-menu button small{margin-left:auto;color:var(--text-secondary);font-size:9px;white-space:nowrap}.export-menu button:hover:not(:disabled){background:#242527}.workspace-body{--library-width: 272px;--inspector-width: 304px;display:grid;grid-template-columns:var(--library-width) minmax(0,1fr) var(--inspector-width);min-height:0;position:relative}.app-shell[data-library=closed] .workspace-body{--library-width: 0px}.app-shell[data-inspector=closed] .workspace-body{--inspector-width: 0px}.library-panel{grid-column:1;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border-subtle);background:#07080a;padding:24px 16px 16px;overflow:hidden;animation:panel-arrive .3s ease-out}.inspector-panel{grid-column:3;min-height:0;border-left:1px solid var(--border-subtle);background:#07080a;padding:24px 20px;overflow-y:auto;animation:panel-arrive .3s ease-out}.dock-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 4px}.dock-heading svg{width:16px;height:16px;color:#6a6b6c}.eyebrow{font:10px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.inspector-title{margin-bottom:24px;padding:0 4px}.inspector-title h2{font-size:22px;font-weight:500;letter-spacing:.01em;margin-bottom:8px}.inspector-title p{font-size:11px;color:var(--text-secondary);line-height:1.7;max-width:220px}.main-stage{grid-column:2;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0 24px}.stage-heading{flex:none;height:104px;display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-title{display:grid;gap:6px}.stage-title h2{font-size:28px;font-weight:400;letter-spacing:.01em;line-height:1.2}.stage-tools{display:flex;gap:6px;align-items:center}.workspace-status{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-subtle);border-radius:999px;padding:6px 9px;color:var(--text-secondary);font:10px var(--font-mono);margin-right:8px;white-space:nowrap}.workspace-status i{width:5px;height:5px;border-radius:50%;background:#9c9c9d}.workspace-status.running i{background:#fff;animation:running-pulse 1.5s infinite}.dock-toggle{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid transparent;color:var(--text-muted);background:transparent;cursor:pointer;transition:background .18s,color .18s}.dock-toggle svg{width:16px;height:16px}.dock-toggle[aria-pressed=true]{background:#111214;color:#e6e6e6;border-color:var(--border-subtle)}.dock-toggle:hover{background:#1b1c1e;color:#fff}.parts-section{min-height:0;display:flex;flex-direction:column;flex:1}.panel-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.panel-heading{font-size:13px;font-weight:500;color:#e6e6e6}.parts-total-badge{font:10px var(--font-mono);padding:4px 6px;background:#1b1c1e;color:#9c9c9d;border-radius:5px;white-space:nowrap}.parts-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:1px;min-height:0}.part-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid var(--border-subtle);background:#0c0d0f;border-radius:12px;box-shadow:var(--key-shadow);transition:background .2s,border-color .2s;animation:panel-arrive .25s ease-out}.part-card:hover{background:#111214;border-color:var(--border-medium)}.part-card[data-severity]{border-color:var(--part-issue-color)}.part-card[data-severity=warning]{--part-issue-color: var(--issue-warning)}.part-card[data-severity=error]{--part-issue-color: var(--issue-error)}.part-thumb{width:44px;height:44px;padding:4px;background:#07080a;border:1px solid var(--border-subtle);border-radius:8px}.part-card[data-severity] .part-thumb{border-color:var(--part-issue-color)}.part-info{min-width:0;display:flex;flex-direction:column;gap:5px}.part-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.part-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-meta{color:var(--text-muted);font:9px/1.5 var(--font-mono);overflow-wrap:anywhere}.hole-badge{font:9px var(--font-mono);padding:3px 4px;background:#1b1c1e;color:#9c9c9d;border-radius:4px}.part-actions-col{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-subtle)}.qty-pill{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:10px}.qty-pill .number-field-control{height:28px;width:78px}.qty-pill .number-field-control input{font-size:11px}.btn-icon-delete{width:26px;height:26px;background:transparent;border:0;border-radius:6px;color:var(--text-muted);font-size:20px;cursor:pointer}.btn-icon-delete:hover:not(:disabled){color:var(--issue-error);background:#241619}.part-issue-note,.part-warning-hint{font-size:10px;color:var(--part-issue-color,var(--issue-warning))}.import-diagnostics{margin-top:12px;display:grid;gap:8px;overflow-y:auto;max-height:35%;flex-shrink:0}.empty-parts{flex:1;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:56px 12px 24px}.empty-parts>svg{width:32px;height:32px;color:#454647;margin-bottom:20px}.empty-parts strong{font-size:12px;font-weight:500;color:#9c9c9d}.empty-parts p{font-size:11px;line-height:1.8;color:var(--text-muted);margin-top:8px}.file-types{display:flex;gap:6px;margin-top:20px}.file-types span{font:10px var(--font-mono);padding:5px 7px;border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:5px}.library-import{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;background:#111214;border:1px solid var(--border-medium);border-radius:8px;box-shadow:var(--key-shadow);font-size:11px;cursor:pointer;transition:background .2s;flex:none}.library-import svg{width:15px;height:15px}.library-import span{font:9px var(--font-mono);color:var(--text-muted)}.library-import:hover:not(:disabled){background:#1b1c1e}.library-footnote{padding-top:16px;display:flex;justify-content:center;gap:6px;align-items:center;color:var(--text-muted);font-size:9px;flex:none}.local-dot{width:4px;height:4px;border-radius:50%;background:#6a6b6c;flex:none}.settings-section{display:grid;gap:16px}.settings-group{padding:16px;border:1px solid var(--border-subtle);border-radius:16px;background:#0b0c0e;box-shadow:var(--key-shadow)}.settings-group .panel-heading{font-size:12px}.unit-picker{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted)}.unit-picker select{font:10px var(--font-mono);padding:4px;color:#e6e6e6;background:#1b1c1e;border:1px solid var(--border-subtle);border-radius:5px}.material-preview{display:flex;flex-direction:column;align-items:center;padding:4px 0 16px}.material-preview span{font:10px var(--font-mono);color:var(--text-muted)}.material-preview svg{width:100%;max-height:64px;margin-top:8px}.material-preview svg rect:first-child{stroke:#6a6b6c;fill:#151618}.material-preview svg rect:nth-child(2){stroke:#454647}.material-preview svg path{stroke:#363739}.form-field{display:flex;flex-direction:column;min-width:0;gap:8px}.field-label{font-size:10px;color:var(--text-secondary);line-height:1.5}.sheet-dimensions{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);grid-template-areas:"width swap height";gap:6px;align-items:end;margin-bottom:16px}.field-sheetWidth{grid-area:width}.field-sheetHeight{grid-area:height}.swap-dimensions{grid-area:swap;width:24px;height:36px;padding:0;border:0;box-shadow:none;background:transparent;color:var(--text-muted)}.swap-dimensions svg{width:14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px}.cutting-fields .field-label,.quality-fields .field-label{min-height:30px;display:flex;align-items:end;font-size:9px}.cutting-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cutting-fields .form-field:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 80px;align-items:center;margin-top:4px}.cutting-fields .form-field:last-child .field-label{min-height:0;font-size:10px}.quality-fields{grid-template-columns:1fr;gap:12px}.quality-fields .form-field{display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:center}.quality-fields .field-label{min-height:0;font-size:10px}.form-field select{width:100%;min-width:0;height:36px;padding:0 6px;background:#161719;border:1px solid var(--border-medium);border-radius:8px;color:#e6e6e6;font:11px var(--font-mono)}.number-field-control{display:flex;height:36px;min-width:0;border:1px solid var(--border-medium);border-radius:8px;overflow:hidden;background:#161719;transition:border-color .2s,box-shadow .2s}.number-field-control:focus-within{border-color:#9c9c9d;box-shadow:0 0 0 2px #ffffff0a}.number-field-control input[type=number]{width:100%;min-width:0;padding:0 8px;border:0;outline:0;background:transparent;color:#fff;font:12px var(--font-mono);appearance:textfield;-moz-appearance:textfield}.number-field-control input::-webkit-inner-spin-button,.number-field-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-steppers{display:grid;grid-template-rows:1fr 1fr;width:18px;flex:0 0 18px;border-left:1px solid var(--border-subtle)}.number-steppers button{background:transparent;border:0;color:#6a6b6c;display:grid;place-items:center;cursor:pointer}.number-steppers button+button{border-top:1px solid var(--border-subtle)}.number-steppers button:hover:not(:disabled){background:#2f3031;color:#fff}.number-steppers svg{width:8px;height:6px;fill:none;stroke:currentColor;stroke-width:1.5}.gravity-field{margin-top:20px;display:grid;gap:8px}.gravity-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:#040506;border:1px solid var(--border-subtle);border-radius:10px}.choice-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text-muted);font-size:10px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.choice-button svg{width:16px;height:16px;flex:none}.choice-button.selected{color:#fff;background:#242527;border-color:#363739;box-shadow:var(--key-shadow)}.choice-button:hover:not(:disabled){color:#fff}.permission-options{display:grid;gap:4px}.permission-button,.permission-button.selected{min-height:38px;justify-content:space-between;padding:4px 0;border:0;box-shadow:none;background:transparent;font-size:11px;text-align:left}.permission-label{max-width:170px}.permission-switch{display:flex;align-items:center;padding:3px;width:28px;height:16px;background:#2f3031;border-radius:999px;flex:none;transition:background .22s}.permission-switch i{width:10px;height:10px;border-radius:50%;background:#9c9c9d;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s}.permission-button.selected .permission-switch{background:#e6e6e6}.permission-button.selected .permission-switch i{background:#454647;transform:translate(12px)}.cutting-surface{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--border-medium);border-radius:16px;overflow:hidden;box-shadow:var(--key-shadow);background:#07080a}.surface-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;height:40px;padding:0 16px;flex:none;border-bottom:1px solid var(--border-subtle);background:#0c0d0f;color:var(--text-muted);font:9px var(--font-mono)}.surface-meta span:first-child{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.surface-meta svg{width:14px;height:14px}.optimization-track{height:2px;background:#242527;flex:none;overflow:hidden}.optimization-track span{display:block;height:100%;min-width:2px;background:#e6e6e6;transition:width .35s ease-out}.viewer-wrapper{position:relative;flex:1;min-height:0;display:flex;flex-direction:column-reverse}.canvas-stage{position:relative;flex:1;min-height:0;overflow:hidden;background-color:#07080a;background-image:radial-gradient(#343537 .6px,transparent .6px);background-size:20px 20px;cursor:grab;container-type:size;container-name:stage}.canvas-stage:active{cursor:grabbing}.canvas-stage canvas{position:absolute;inset:0;z-index:1}.is-empty .canvas-stage canvas{opacity:0;pointer-events:none}.sheet-tabs-bar{height:46px;flex:none;padding:0 12px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--border-subtle);background:#0c0d0f;z-index:5}.sheet-tabs-list{display:flex;gap:4px;min-width:0;overflow-x:auto;align-items:center}.sheet-tab{height:30px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid transparent;border-radius:6px;color:var(--text-muted);background:transparent;font-size:10px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}.sheet-tab.active{background:#1b1c1e;color:#e6e6e6;border-color:var(--border-medium);box-shadow:var(--key-shadow)}.sheet-tab:hover{color:#fff}.sheet-tab-eff,.sheet-tab-count{color:#9c9c9d;font:9px var(--font-mono)}.viewport-controls{position:absolute;bottom:62px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#111214f0;backdrop-filter:blur(16px);border:1px solid #454647;border-radius:10px;padding:4px;box-shadow:var(--key-shadow)}.btn-vp{min-width:28px;height:28px;padding:0 8px;color:#e6e6e6;border:0;border-radius:6px;background:transparent;cursor:pointer;font-size:11px}.btn-vp:hover{background:#2f3031}.btn-vp:last-child{border-left:1px solid #363739;margin-left:4px;border-radius:0 6px 6px 0}.vp-zoom-readout{min-width:44px;text-align:center;color:#9c9c9d;font:10px var(--font-mono)}.is-empty .viewport-controls{position:static;transform:none;margin-left:auto;border:0;padding:0;background:transparent;flex-shrink:0}.canvas-welcome{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:default;padding:24px;background:radial-gradient(ellipse at 50% 40%,#45232418,transparent 65%),#07080ad9;overflow-y:auto}.welcome-composition{position:relative;width:300px;height:205px;margin-bottom:24px;flex:none}.drawing-card{position:absolute;border:1px solid #454647;background:#111214;border-radius:14px;box-shadow:var(--key-shadow)}.drawing-card-front{width:206px;height:176px;top:17px;left:72px;transform:rotate(6deg);transition:transform .5s cubic-bezier(.16,1,.3,1)}.welcome-composition:hover .drawing-card-front{transform:translate(4px,-6px) rotate(3deg)}.drawing-card-back{width:166px;height:148px;top:28px;left:9px;transform:rotate(-13deg);border-color:#452324;background:#1a1012}.drawing-card-back>span{display:block;text-align:left;margin:14px;font:9px var(--font-mono);color:#ad7777}.drawing-card-back svg{width:130px;height:86px;fill:#452324;stroke:#915050;stroke-width:1}.drawing-topline,.drawing-bottomline{display:flex;align-items:center;font:8px var(--font-mono);color:#858587;padding:12px 14px 0;gap:6px}.drawing-topline>span:last-child,.drawing-bottomline>span:last-child{margin-left:auto}.drawing-dot{width:4px;height:4px;background:#9c9c9d;border-radius:50%}.drawing-card-front svg{width:182px;height:118px;margin-top:4px;fill:none;stroke:#9c9c9d;stroke-width:1}.drawing-pieces{fill:#232426;stroke:#9c9c9d}.drawing-guides{stroke:#363739;stroke-dasharray:2 4}.drawing-dimension{stroke:#6a6b6c}.drawing-bottomline{padding-top:0;font-size:7px;letter-spacing:.1em}.drawing-cross{position:absolute;color:#454647;font:18px var(--font-mono)}.cross-one{top:8px;right:6px}.cross-two{bottom:0;left:30px}.welcome-eyebrow{margin-bottom:12px}.canvas-welcome h3{max-width:420px;font-size:clamp(26px,2.3vw,36px);font-weight:400;line-height:1.2;letter-spacing:.004em}.canvas-welcome>p{max-width:340px;margin-top:16px;color:var(--text-secondary);font-size:12px;line-height:1.8}.welcome-import{margin-top:24px;height:44px;padding:0 16px;background:#e6e6e6;color:#454647;border-color:#fff4;box-shadow:var(--key-shadow)}.welcome-import:hover:not(:disabled){background:#fff}.welcome-import svg:last-child{margin-left:12px}.welcome-drop{margin-top:12px;font-size:10px;color:var(--text-muted)}.welcome-steps{margin-top:32px;display:flex;gap:12px;align-items:center;font-size:9px;color:var(--text-muted)}.welcome-steps span{display:flex;align-items:center;gap:6px}.welcome-steps b{font:9px var(--font-mono);color:#9c9c9d}.welcome-steps i{width:20px;height:1px;background:#363739}.canvas-welcome>*{flex-shrink:0}.canvas-welcome{justify-content:safe center}@container stage (max-height: 600px){.welcome-composition{zoom:.7;margin-bottom:12px}.welcome-eyebrow,.welcome-steps{display:none}.canvas-welcome h3{font-size:29px}}@container stage (max-height: 480px){.welcome-steps,.welcome-composition{display:none}.canvas-welcome h3{font-size:29px}}@container stage (max-height: 320px){.canvas-welcome>p,.welcome-drop{display:none}.canvas-welcome h3{font-size:24px}.welcome-import{margin-top:16px}}.stats-bar{display:grid;grid-template-columns:1.2fr .65fr 1fr 1.1fr 1.35fr .7fr;flex:none;min-height:96px;padding:20px 0;gap:0}.stat-item{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:0 12px;border-right:1px solid var(--border-subtle)}.stat-item:first-child{padding-left:0}.stat-item:last-child{padding-right:0;border:0}.stat-label{color:var(--text-muted);font-size:9px;line-height:1.5}.stat-value{font:15px/1.4 var(--font-mono);color:#e6e6e6;overflow-wrap:anywhere}.stat-item:first-child .stat-value{font-size:20px;line-height:1}.stat-item:nth-child(5) .stat-value{font-size:10px;color:var(--text-secondary)}.warnings-panel{max-height:96px;flex:none;overflow-y:auto;display:grid;gap:4px;padding-top:8px}.warning-banner{font-size:11px;padding:8px 12px;border:1px solid;border-radius:8px;line-height:1.6}.warning-banner.warning{color:var(--issue-warning);background:#221c12;border-color:#554529}.warning-banner.error{color:var(--issue-error);background:#281619;border-color:#683939}.warning-code{font:10px var(--font-mono)}.global-tooltip,.canvas-tooltip{pointer-events:none;background:#161719f5;color:#e6e6e6;border:1px solid #454647;border-radius:10px;padding:12px;font-size:11px;line-height:1.6;box-shadow:var(--key-shadow);animation:tooltipFadeIn .12s ease-out}.global-tooltip{position:fixed;z-index:9999;max-width:270px}.global-tooltip-title,.tt-title{color:#fff;font-weight:500;margin-bottom:4px}.global-tooltip-desc,.tt-row{color:var(--text-secondary)}.canvas-tooltip{position:absolute;z-index:10}.tt-id,.tt-hole-tag{font:10px var(--font-mono);color:var(--text-muted)}.drop-overlay{position:fixed;z-index:10000;inset:16px;display:grid;place-items:center;pointer-events:none;border:1px dashed #9c9c9d;border-radius:20px;background:#040506ed;backdrop-filter:blur(12px);color:#fff;font-size:24px}.import-error{position:fixed;right:24px;top:96px;max-width:min(400px,90vw);padding:16px;z-index:10001;background:#281619;border:1px solid #683939;border-radius:12px;color:var(--issue-error);cursor:pointer;font-size:12px}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}@keyframes panel-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes running-pulse{50%{opacity:.35}}@media (min-width: 1700px){.workspace-body{--library-width: 300px;--inspector-width: 336px}.main-stage{padding:0 32px}.stage-heading{height:120px}.canvas-welcome h3{font-size:40px}.welcome-composition{margin-bottom:32px}.stats-bar{min-height:112px}}@media (max-width: 1250px){.toolbar{gap:16px;padding:0 20px}.toolbar-context{display:none}.workspace-body{--library-width: 236px;--inspector-width: 280px}.main-stage{padding:0 16px}.inspector-panel{padding:24px 12px}.stage-title h2{font-size:24px}.workspace-status{display:none}.library-panel{padding-right:12px;padding-left:12px}.welcome-composition{width:280px;height:175px;margin-bottom:16px}.drawing-card-front{top:0}.drawing-card-back{top:8px}.welcome-steps{margin-top:24px;gap:8px}.welcome-steps i{width:8px}.stats-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 0;padding:16px 0}.stat-item{padding:0 12px}.stat-item:nth-child(4){padding-left:0}.stat-item:nth-child(3){border-right:0}.stat-label{font-size:8px}.stat-value{font-size:12px}.stat-item:first-child .stat-value{font-size:15px}}@media (max-width: 1000px){.workspace-body{--library-width: 210px;--inspector-width: 256px}.inspector-panel{padding:20px 8px}.settings-group{padding:12px}.toolbar{gap:12px}.toolbar-actions{gap:6px}.toolbar-group+.toolbar-group{padding-left:6px}.btn{padding:0 10px;font-size:11px}.language-picker{width:82px}.brand-subtitle{display:none}.brand-title{font-size:18px}.welcome-composition{display:none}.canvas-welcome h3{font-size:26px}.canvas-welcome{padding:20px}.welcome-steps{display:none}.stage-heading{height:88px}.stage-title h2{font-size:20px}.stage-tools{gap:2px}.dock-toggle{width:28px}.library-import{font-size:10px}.library-import span{display:none}.library-footnote{font-size:8px}}@media (max-height: 850px) and (min-width: 1001px){.welcome-composition{height:155px;width:260px;margin-bottom:16px}.drawing-card-front{width:176px;height:150px;left:65px;top:0}.drawing-card-front svg{width:154px;height:94px}.drawing-card-back{width:144px;height:130px;top:10px}.drawing-card-back svg{width:110px;height:70px}.canvas-welcome h3{font-size:29px}.welcome-steps{margin-top:20px}.canvas-welcome>p{margin-top:12px}.welcome-import{margin-top:20px}.stage-heading{height:88px}}@media (max-height: 680px){.welcome-composition,.welcome-steps{display:none}.canvas-welcome{padding:16px}.canvas-welcome h3{font-size:26px}.canvas-welcome>p{margin-top:8px}.welcome-import{margin-top:16px}.stage-heading{height:76px}.app-shell{grid-template-rows:64px minmax(0,1fr)}.stats-bar{min-height:80px}}@media (max-width: 800px){.app-shell{grid-template-rows:112px minmax(0,1fr)}.toolbar{flex-wrap:wrap;align-content:center;gap:10px;padding:12px 16px}.toolbar-brand{width:100%}.brand-sigil{width:28px;height:28px;border-radius:8px}.brand-sigil svg{width:20px}.brand-title{font-size:16px}.toolbar-actions{margin-left:0;width:100%;gap:4px}.btn{height:30px;padding:0 8px;font-size:10px;gap:4px}.btn-primary,.btn-danger{min-width:66px}.btn svg{width:14px;height:14px}.language-picker{margin-left:auto;width:60px;font-size:10px}.workspace-body{display:flex}.main-stage{width:100%}.library-panel,.inspector-panel{position:absolute;top:76px;bottom:12px;width:min(280px,75vw);z-index:20;border:1px solid var(--border-medium);border-radius:12px}.library-panel{left:8px}.inspector-panel{right:8px}.stage-heading{height:76px}.surface-meta{font-size:8px;padding:0 10px}.sheet-tabs-bar{gap:4px;padding:0 6px}.is-empty .viewport-controls{gap:0}.vp-zoom-readout{min-width:36px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}