:root{--bg:#0f1216;--panel:#181c22;--panel-2:#20252d;--border:#2c323b;--text:#d6dde6;--muted:#8a94a3;--accent:#3fb8ff;--warn:#ffb454;--error:#ff6b6b;--ok:#5ad17a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{height:100vh;background:var(--bg);height:100dvh;color:var(--text);grid-template:"bar bar""side main"minmax(0,1fr)"status status"/300px 1fr;margin:0;display:grid}[hidden]{display:none!important}button,select,input{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:4px 8px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.active{background:var(--accent);color:#041018;border-color:var(--accent)}.icon-glyph{vertical-align:-.2em;flex:none;display:inline-flex}.icon-glyph svg{width:1.15em;height:1.15em}button:has(>.icon-glyph){justify-content:center;align-items:center;gap:.35em;display:inline-flex}.toolbar{background:var(--panel);border-bottom:1px solid var(--border);grid-area:bar}.toolbar-row{padding:5px 10px}.toolbar-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.toolbar-tools{background:var(--bg);border-top:1px solid var(--border);align-items:center;gap:6px;min-height:38px;display:flex}.toolbar-start,.toolbar-end,.edit-tools{align-items:center;gap:6px;display:flex}.toolbar-end{justify-content:flex-end}.toolbar-start>*,.toolbar-end>*,.toolbar-tools *{white-space:nowrap;flex-shrink:0}.toolbar-start>input.project-name{flex-shrink:1}.brand{margin-right:8px}.steps{display:flex}.step{--tip:10px;padding:6px calc(var(--tip) + 12px) 6px calc(var(--tip) + 14px);margin-left:calc(4px - var(--tip));color:var(--muted);clip-path:polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%, var(--tip) 50%);background:#29303a;border:none;border-radius:0;font-size:14px;font-weight:600;position:relative}.step:first-child{clip-path:polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%);border-radius:5px 0 0 5px;margin-left:0;padding-left:16px}.step:last-child{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--tip) 50%);border-radius:0 5px 5px 0;padding-right:16px}.step:hover:not(.active){color:var(--text);background:#343c48}.step.active{color:#041018;background:var(--accent)}.step:focus-visible{outline:2px solid var(--text);outline-offset:-4px}.spacer{flex:1}.sep{background:var(--border);align-self:stretch;width:1px}.muted{color:var(--muted)}.segmented{display:inline-flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-radius:0 4px 4px 0}.segmented button+button{margin-left:-1px}.segmented button.active{z-index:1;position:relative}.segmented button:hover:not(:disabled),.segmented button:focus-visible{z-index:2;position:relative}body[data-view=machine]{grid-template:"bar""main"1fr"status"/1fr}body[data-view=machine] #sidebar{display:none}#sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;grid-area:side;min-height:0;display:flex;overflow:hidden}#design-side{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#design-side>section{display:contents}#job-summary{flex:1;min-height:0;padding:10px;overflow-y:auto}.drawer{border-bottom:1px solid var(--border);flex-direction:column;flex:none;min-height:0;display:flex}.drawer.open{flex:0 auto;min-height:110px}.drawer-title{flex:none;margin:0;font-size:12px}.drawer-title button{text-transform:uppercase;letter-spacing:.04em;width:100%;color:var(--muted);background:var(--panel-2);border:none;border-radius:0;justify-content:flex-start;gap:4px;padding:6px 8px;font-weight:600;display:flex}.drawer-title button:hover:not(:disabled){color:var(--text)}.drawer-title button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.drawer-title .icon-glyph{transition:transform .15s}.drawer.open .drawer-title .icon-glyph{transform:rotate(90deg)}.drawer-body{flex:auto;min-height:0;padding:8px 10px 10px;overflow-y:auto}.drawer-body>h3:first-child{margin-top:0}@media (prefers-reduced-motion:reduce){.drawer-title .icon-glyph{transition:none}}h2{margin:0 0 8px;font-size:14px}h3{color:var(--muted);margin:14px 0 6px;font-size:13px}.button-row{flex-wrap:wrap;gap:6px;display:flex}.op-list{margin:10px 0;padding:0;list-style:none}.op-list li{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:5px 6px;display:flex}.op-list li:hover{background:var(--panel-2)}.op-list li.active{background:#1d3a4d}.op-list li.empty{color:var(--muted);cursor:default}.op-list li>*{flex-shrink:0}.op-name{flex:1}.op-kind{color:var(--muted);font-size:11px}.op-list li>:is(.op-name,.op-kind){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.op-list li>.op-name{flex:auto}.op-list li>.op-kind{flex-shrink:1000}.op-held{color:var(--warn);white-space:nowrap;font-size:11px}.op-no-geometry{color:var(--warn);white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:inline-flex}.op-no-geometry .icon-glyph svg{width:12px;height:12px}.op-list li.no-geometry .op-name{color:var(--muted)}.selection-status.no-geometry>span{color:var(--warn)}button.icon{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:11px}button.icon:hover:not(:disabled){color:var(--accent)}button.icon:disabled{opacity:.25}button.icon .icon-glyph svg{width:14px;height:14px}button.icon.delete:hover{color:var(--error)}.op-index{text-align:right;width:1.4em;color:var(--muted);font-variant-numeric:tabular-nums}.op-list li[draggable=true]{cursor:grab}.op-list li.dragging{opacity:.4}.op-list li.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.op-list li.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.op-cut-order{background:var(--panel-2);min-width:1.6em;color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;border-radius:3px;padding:0 4px;font-size:11px}.group-by-tool{align-items:center;gap:6px;margin:-4px 0 10px;font-size:12px;display:flex}.units-row{align-items:center;gap:10px;padding:4px 8px 6px;display:flex}.units-row .segmented button{min-width:42px}.unit-default{font-size:11px}.stock-panel select{width:100%}.stock-panel label.check input{justify-self:start;width:auto}.stock-actions{margin:6px 0 0 86px}.job-summary p{margin:0 0 12px}.summary-stock{flex-direction:column;gap:2px;display:flex}.summary-stock .muted,.summary-totals{font-size:12px}.summary-ops{margin:0 0 8px;padding:0;list-style:none}.summary-op{border-left:2px solid #0000;border-radius:4px;padding:5px 6px}.summary-op.current{border-left-color:var(--accent);background:#1d3a4d}.summary-op.done .summary-op-title{color:var(--muted)}.summary-op.skipped{opacity:.55}.summary-op-head{align-items:center;gap:6px;display:flex}.summary-op-title{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:0;display:flex}button.summary-op-title{cursor:pointer}button.summary-op-title:hover .op-name{color:var(--accent)}.summary-done{color:#5ad17a;display:inline-flex}.summary-op-detail{padding-left:calc(1.4em + 6px);font-size:12px}.summary-tool-change{color:var(--warn);border-top:1px dashed var(--border);align-items:center;gap:6px;margin:4px 0;padding:3px 6px;font-size:12px;display:flex}.op-editor label.check input{justify-self:start;width:auto}.tab-placement{justify-content:space-between;align-items:center;gap:6px;margin:4px 0;display:flex}.tab-edit{width:100%;margin:6px 0 4px}.tab-list{margin:0 0 6px;padding:0;font-size:12px;list-style:none}.tab-list li{border-radius:4px;grid-template-columns:44px 1fr auto;align-items:center;gap:6px;padding:1px 4px;display:grid}.tab-list li:hover,.tab-list li:focus-within{background:var(--panel-2)}.tab-list li.overlap>span:first-child{color:var(--warn)}.tab-list .tab-warning{color:var(--warn);grid-column:2/-1;align-items:center;gap:4px;font-size:11px;display:inline-flex}.selection-bar{border:1px solid var(--border);background:#181c22eb;border-radius:6px;align-items:center;gap:8px;padding:4px 4px 4px 10px;font-size:12px;display:flex;position:absolute;top:10px;left:10px}.selection-bar:not(:has(#flip-btn:not([hidden]))){padding-right:10px}.trace-panel{border:1px solid var(--border);background:#181c22f2;border-radius:6px;width:290px;max-height:calc(100% - 20px);padding:10px 12px;font-size:12px;position:absolute;top:10px;right:10px;overflow-y:auto;box-shadow:0 4px 16px #0006}.trace-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.trace-head h3{margin:0 0 8px;font-size:13px}.trace-panel h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 2px;font-size:11px;font-weight:600}.trace-mode{display:flex}.trace-mode button{flex:1}.trace-row{grid-template-columns:78px 1fr 52px;align-items:center;gap:6px;margin:3px 0;display:grid}.trace-row input{width:100%}.trace-row em{color:var(--muted);text-align:right;font-size:11px;font-style:normal}.trace-check{align-items:center;gap:6px;margin:4px 0 0 84px;display:flex}.trace-summary{min-height:1.3em;margin:10px 0 8px}.trace-summary.error{color:var(--warn)}.trace-actions{flex-wrap:nowrap;align-items:center}.trace-actions .spacer{flex:1}.view-hint{border:1px solid var(--warn);color:var(--text);pointer-events:none;white-space:nowrap;background:#181c22eb;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.stock-panel label,.op-editor label{grid-template-columns:80px 1fr auto;align-items:center;gap:6px;margin:4px 0;display:grid}.stock-panel label em,.op-editor label em{color:var(--muted);min-width:42px;font-size:11px;font-style:normal}.op-editor label.with-after{grid-template-columns:80px 1fr auto auto}.field-after{align-items:center;gap:4px;display:inline-flex}button.stock-depth{padding:2px 7px;font-size:11px}.depth-warning{color:var(--warn);cursor:help;display:inline-flex}.op-editor input,.op-editor select,.stock-panel input{width:100%}.selection-status{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.field-warning{color:var(--warn);margin:0 0 6px;font-size:11px}.op-editor fieldset.clearing-fields{border:1px solid var(--border);border-radius:6px;margin:0 0 8px;padding:4px 8px 2px}.op-editor fieldset.clearing-fields legend{color:var(--muted);padding:0 4px;font-size:11px}.size-notice{border:1px solid var(--warn);border-radius:4px;margin:0 0 8px;padding:8px;font-size:12px}.size-notice.allowed{border-color:var(--border);color:var(--muted)}.size-notice p{margin:0 0 6px}#warnings,.summary-warnings{color:var(--warn);margin:12px 0 0;padding:0;list-style:none}#warnings{flex:none;max-height:30%;margin:0;padding:8px 10px;overflow-y:auto}#warnings:empty{display:none}#warnings li,.summary-warnings li{align-items:baseline;gap:6px;display:flex}#warnings li .icon-glyph,.summary-warnings li .icon-glyph{position:relative;top:.15em}#viewport{grid-area:main;position:relative;overflow:hidden}#design-view,#gcode-panel{position:absolute;inset:0}#design-view canvas{touch-action:none;display:block}.marquee{pointer-events:none;position:absolute}.marquee.window{border:1px solid var(--accent);background:#3fb8ff1f}.marquee.crossing{background:#5ad17a1f;border:1px dashed #5ad17a}.update-banner{z-index:50;border:1px solid var(--accent);background:var(--panel);border-radius:6px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex;position:fixed;bottom:36px;right:16px;box-shadow:0 4px 16px #0006}.update-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite connection-spin}.dimension-label{pointer-events:none;white-space:nowrap;color:#f2c14e;background:#0a1016d9;border:1px solid #f2c14e;border-radius:3px;padding:2px 6px;font:12px/1.4 ui-monospace,monospace;position:absolute}#gcode-panel{grid-template-columns:minmax(0,1fr) 320px;display:grid}#gcode-panel.listing-collapsed{grid-template-columns:minmax(0,1fr) auto}.sim-main{grid-template-rows:minmax(0,1fr) auto auto;min-width:0;display:grid;position:relative}.sim-stage{min-height:0;position:relative}#sim-view{position:absolute;inset:0}#sim-view canvas{width:100%;height:100%;position:absolute;inset:0}.sim-legend{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100% - 20px);display:flex;position:absolute;bottom:10px;right:10px}.sim-layer{color:var(--text);border:1px solid var(--border);background:#15181dd9;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex}.sim-layer:before{content:"";border-top:2px solid var(--swatch);width:14px;height:0;display:inline-block}.sim-layer.cut{--swatch:#5ad17a}.sim-layer.plunge{--swatch:#f2c14e}.sim-layer.rapid{--swatch:#ff6b6b}.sim-layer.rapid:before{border-top-style:dashed}.sim-layer.material:before{background:#debd8a;border:1px solid #b89668;border-radius:2px;height:8px}.sim-layer[aria-pressed=false]{color:var(--muted);opacity:.6}.sim-layer[aria-pressed=false]:before{opacity:.35}.sim-layer:hover{border-color:var(--accent)}.sim-controls{background:var(--panel);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.sim-controls button{min-width:32px}#sim-scrub{flex:1;min-width:120px;padding:0}#sim-time{font-variant-numeric:tabular-nums;text-align:center;min-width:9ch}.sim-toggle{align-items:center;gap:4px;display:inline-flex}.pause-lifts{align-items:center;gap:4px;margin:6px 0;display:flex}.sim-status{background:var(--panel);justify-content:space-between;gap:12px;min-height:1.4em;padding:0 10px 6px;font:12px ui-monospace,monospace;display:flex}#sim-removed{white-space:nowrap}.gcode-listing{background:var(--panel);border-left:1px solid var(--border);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.gcode-listing-head{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:4px 6px;display:flex}.gcode-listing-title{color:var(--muted);font-size:12px;font-weight:600}.listing-collapsed .gcode-listing-head{border-bottom:none;flex-direction:column;padding:6px 2px}.listing-collapsed .gcode-listing-title{writing-mode:vertical-rl}.listing-collapsed #gcode-text{display:none}#gcode-text{margin:0;padding:8px 8px 8px 0;font:12px/1.35 ui-monospace,SF Mono,Menlo,monospace;overflow:auto}.status-bar{color:var(--muted);background:var(--panel);border-top:1px solid var(--border);grid-area:status;align-items:center;gap:12px;padding:4px 10px;font-size:12px;display:flex}#status{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#status.error{color:var(--error)}#connection-host:empty{display:none}.connection-status{color:var(--muted);white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:0 6px;font-size:12px;display:inline-flex}.connection-status:disabled{opacity:1;cursor:default}.connection-status:not(:disabled):hover{color:var(--text);text-decoration:underline}.connection-status .icon-glyph svg{width:13px;height:13px}.connection-status.online .icon-glyph{color:var(--ok)}.connection-status.reconnecting,.connection-status.offline{color:var(--warn)}.connection-status.connecting .icon-glyph,.connection-status.syncing .icon-glyph,.connection-status.reconnecting .icon-glyph{animation:1.2s linear infinite connection-spin}@keyframes connection-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.connection-status .icon-glyph{animation:none!important}}.toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:34px;right:12px}.toast{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);max-width:min(420px,100vw - 24px);color:var(--text);pointer-events:auto;border-radius:6px;align-items:flex-start;gap:8px;padding:9px 10px 9px 12px;font-size:13px;line-height:1.4;display:flex;box-shadow:0 6px 20px #0006}.toast.warn{border-left-color:var(--warn)}.toast.warn>.icon-glyph{color:var(--warn)}.toast.ok{border-left-color:var(--ok)}.toast.ok>.icon-glyph{color:var(--ok)}.toast>.icon-glyph{margin-top:2px}.toast-message{flex:1}.import-dialog,.app-dialog{width:min(520px,100vw - 32px);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}.import-dialog::backdrop{background:#00000080}.app-dialog::backdrop{background:#00000080}.import-dialog h2,.app-dialog h2{overflow-wrap:anywhere;margin-bottom:4px}.import-dialog p,.app-dialog p{margin:0 0 12px}.confirm-dialog{width:min(400px,100vw - 32px)}.cutting-hint{color:var(--muted);margin:6px 0;font-size:11px}.tool-library-dialog{width:min(760px,100vw - 32px)}.items-intro{color:var(--muted)}.items-tabs{margin-bottom:10px}.items-body{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;display:grid}.items-list ul{border:1px solid var(--border);border-radius:4px;max-height:50vh;margin:0 0 10px;padding:0;list-style:none;overflow-y:auto}.items-list li button{text-align:left;background:0 0;border:none;border-radius:0;width:100%;display:block}.items-list li button:hover{background:var(--panel-2)}.items-list li button.selected{background:#1d3a4d}.items-add{gap:4px;display:grid}.items-add select{width:100%}.items-import{margin-top:10px}.items-import .items-note{margin:4px 0 0}.items-imported{border:1px solid var(--border);border-radius:4px;margin-top:8px;padding:6px 8px}.items-imported p{margin:0 0 4px}.items-editor{max-height:60vh;padding-right:4px;overflow-y:auto}.items-editor h3{margin:12px 0 4px;font-size:12px}.items-empty,.items-note{color:var(--muted);font-size:11px}.items-empty{padding:6px 8px}.items-preset{border:1px solid var(--border);border-radius:4px;margin:6px 0;padding:4px 8px 8px}.items-preset legend{padding:0 4px}.chipload-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.items-editor .button-row{margin-top:8px}@media (max-width:600px){.items-body{grid-template-columns:minmax(0,1fr)}.chipload-row{grid-template-columns:minmax(0,1fr);gap:0}}.unit-list{border:none;margin:0;padding:0}.unit-list legend{margin-bottom:4px;padding:0;font-weight:600}.unit-head,.unit-row{grid-template-columns:20px minmax(0,1fr) minmax(0,9.5em) minmax(0,8em);align-items:center;gap:8px;padding:5px 8px;display:grid}.unit-head{color:var(--muted);font-size:11px}.unit-row{cursor:pointer;border-radius:4px}.unit-row:hover{background:var(--panel-2)}.unit-row.selected{background:#1d3a4d}.unit-row.implausible:not(.selected) .num{color:var(--muted)}.unit-row input{margin:0}.unit-name em{white-space:nowrap;color:var(--accent);border:1px solid;border-radius:8px;margin-left:6px;padding:0 5px;font-size:11px;font-style:normal}.unit-warn{color:var(--warn);margin-left:6px;font-size:11px}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.unit-warn{white-space:nowrap}@media (max-width:480px){.unit-head{display:none}.unit-row{grid-template-columns:20px auto 1fr;row-gap:2px}.unit-name{grid-column:2/-1}.unit-row .num{text-align:left;grid-row:2}.unit-row .num-mm{grid-column:2}.unit-row .num-in{text-align:right;grid-column:3}.unit-row .num-mm:after{content:" mm"}.unit-row .num-in:after{content:" in"}}.scale-row{grid-template-columns:60px 1fr;align-items:center;gap:8px;margin:12px 0 0;display:grid}.import-hint{min-height:1.4em;color:var(--warn);margin-top:4px}.dialog-buttons{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}button.primary{background:var(--accent);color:#041018;border-color:var(--accent)}button.danger{background:var(--error);color:#1a0606;border-color:var(--error)}.menu{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:6px;min-width:260px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 20px #0006}.menu>button{text-align:left;background:0 0;border:none;justify-content:space-between;gap:12px;padding:6px 8px;display:flex}.menu>button:hover:not(:disabled),.menu>button:focus-visible{background:var(--panel-2)}.menu>button:disabled{color:var(--muted);opacity:.6}.menu hr{border:none;border-top:1px solid var(--border);width:100%;margin:4px 0}.file-menu{position:relative}.menu-button{gap:2px;padding-right:5px}.menu-button.open{border-color:var(--accent)}.menu kbd{color:var(--muted);font:11px ui-monospace,monospace}.menu.context-menu{z-index:50;min-width:220px;position:fixed;top:0;left:0;overflow-y:auto}.menu.context-menu button:disabled{color:var(--muted);opacity:.6;background:0 0}.menu.context-menu .danger-item:hover:not(:disabled){color:var(--error)}input.project-name{color:var(--text);background:0 0;border-color:#0000;width:22ch;min-width:14ch;max-width:32ch;padding:3px 6px;font-weight:600}@supports (field-sizing:content){input.project-name{field-sizing:content;width:auto}}input.project-name:hover{border-color:var(--border)}input.project-name:focus{border-color:var(--accent);background:var(--panel-2);outline:none}.toolbar-start>.unsaved{color:var(--warn);margin-left:-4px;font-weight:600}#gcode-text .glb{content-visibility:auto}#gcode-text .gl{text-indent:-4.5em;cursor:pointer;white-space:pre;padding-left:4.5em;display:block}#gcode-text .gl:before{content:attr(data-line);text-align:right;width:3.8em;color:var(--muted);opacity:.6;text-indent:0;margin-right:.7em;display:inline-block}#gcode-text .gl:hover{background:var(--panel-2)}#gcode-text .gl.current{color:#fff;background:#1d3a4d}.shape-note{margin:4px 0 0;font-size:12px}.shape-arrange{margin-top:10px}.shape-trace{margin-top:8px}.shape-arrange button{padding:3px 8px;font-size:12px}.crop-buttons{margin-top:8px}.crop-buttons button{padding:3px 8px;font-size:12px}.account-btn{align-items:center;gap:6px;display:inline-flex}.hub-dialog{width:min(380px,100vw - 32px)}.hub-field{gap:4px;margin-bottom:10px;display:grid}.hub-field input{width:100%;padding:6px 8px}.hub-field small{font-size:11px}.hub-provider{width:100%;margin:0 0 8px;padding:8px;display:block}.hub-providers{gap:8px;margin:0 0 8px;display:grid}.hub-providers .hub-provider{margin:0}.hub-providers.alone{padding:16px 0 8px}.hub-providers.alone+.form-error:empty{min-height:0}.hub-or{text-align:center;margin:4px 0 10px}.hub-links{justify-content:space-between;gap:12px;margin:0 0 4px;display:flex}button.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}button.link:hover{text-decoration:underline}.form-error{min-height:1.4em;color:var(--error);margin:0}.hub-account-actions{justify-content:flex-start;margin:0 0 8px}.save-status{color:var(--muted);display:inline-flex}.save-status.error{color:var(--warn)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body[data-page=library]>.toolbar,body[data-page=library]>#sidebar,body[data-page=library]>#viewport{visibility:hidden}#library-page{z-index:10;background:var(--bg);grid-area:1/1/-2/-1;min-height:0}.library-page{flex-direction:column;height:100%;display:flex}.library-header{background:var(--panel);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:43px;padding:5px 10px;display:grid}.library-header .brand{display:inline}.library-tabs{background:var(--bg);border-radius:6px;gap:2px;padding:2px;display:flex}.library-tab{color:var(--muted);background:0 0;border:none;padding:5px 14px;font-weight:600}.library-tab:hover:not(.active){color:var(--text);background:var(--panel-2)}.library-tab.active{color:#041018;background:var(--accent)}.library-body{flex:1;min-height:0;padding:16px 20px 24px;overflow-y:auto}.library-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-sort{color:var(--muted)}.library-others{margin:12px 0 0}.library-body>.form-error{margin:6px 0}.library-empty{text-align:center;margin:24px 0}.project-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.project-card{border:1px solid var(--border);background:var(--panel);border-radius:6px;min-width:0;position:relative;overflow:hidden}.project-card:hover,.project-card:focus-within{border-color:var(--accent)}.project-card.current{box-shadow:inset 0 0 0 1px var(--accent)}.project-card[aria-busy=true]{opacity:.6;cursor:progress}.project-open{text-align:left;background:0 0;border:none;border-radius:0;flex-direction:column;width:100%;padding:0;display:flex}.project-thumb{aspect-ratio:4/3;background:var(--bg);border-bottom:1px solid var(--border);width:100%;color:var(--accent);place-items:center;padding:14px;display:grid;position:relative}.project-thumb svg{width:100%;height:100%;overflow:visible}.thumb-lines{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.thumb-pictures{fill:#d6dde60f;stroke:#d6dde64d;stroke-width:1px;vector-effect:non-scaling-stroke}.thumb-none{color:var(--border);font-size:32px}.project-badge{color:var(--muted);position:absolute;top:6px;left:6px}.project-current{background:var(--accent);color:#041018;border-radius:8px;padding:0 6px;font-size:11px;font-weight:600;position:absolute;top:6px;right:6px}.project-name,.project-meta,.project-rename{text-overflow:ellipsis;white-space:nowrap;margin:0 36px 0 10px;display:block;overflow:hidden}.project-name{margin-top:8px;font-weight:600}.project-rename{width:calc(100% - 42px);margin:5px 36px 0 6px;padding:2px 4px;font-weight:600}.project-meta{color:var(--muted);margin-bottom:9px;font-size:11px}.project-more{color:var(--muted);background:0 0;border-color:#0000;padding:4px;position:absolute;bottom:8px;right:4px}.project-more:hover:not(:disabled),.project-more:focus-visible{color:var(--text)}button.brand{background:0 0;border:none;padding:2px 4px;font-weight:700}button.brand:hover:not(:disabled){color:var(--accent)}.text-fields textarea{resize:vertical;width:100%;min-height:3em;font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 6px}.text-fields .text-words{display:block}.text-fields .text-words>span{margin-bottom:2px;display:block}.text-fields .text-align{margin-top:6px}.text-dialog{width:min(360px,100vw - 32px)}.arrange .align-row,.arrange .combine-row{margin:4px 0;display:flex}.arrange .align-row button,.arrange .combine-row button{flex:1}.arrange-buttons{gap:6px;margin:6px 0;display:flex}.arrange-buttons button{flex:1}.text-dialog .text-fields label:not(.text-words){grid-template-columns:80px 1fr auto;align-items:center;gap:6px;margin:4px 0;display:grid}.text-dialog .text-fields em{color:var(--muted);min-width:20px;font-size:11px;font-style:normal}.text-fields select,.text-fields input{width:100%}.arrange label.outline-row{grid-template-columns:80px 1fr auto auto}.arrange select{width:100%}.point-type{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.share-row{align-items:center;gap:8px;margin:8px 0;display:flex}.share-row select,.share-address,.share-row input[type=email]{flex:1;min-width:0}.share-members{max-height:30vh;margin:4px 0 8px;padding:0;list-style:none;overflow-y:auto}.share-member{align-items:center;gap:8px;padding:4px 0;display:flex}.share-member>span:first-child{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hub-dialog h3{margin:12px 0 4px;font-size:12px}.view-only-bar{z-index:5;border:1px solid var(--accent);background:#181c22f5;border-radius:6px;align-items:center;gap:10px;width:min(760px,100% - 20px);padding:8px 10px;font-size:12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.view-only-bar>.icon-glyph{color:var(--accent);flex:none}.view-only-text{flex:1;min-width:0}.view-only-bar button{flex:none}.view-only-bar.pulse{animation:.6s ease-out 2 view-only-pulse}@keyframes view-only-pulse{50%{box-shadow:0 0 0 4px rgb(from var(--accent) r g b / .5)}}#viewport:has(#view-only-bar) .selection-bar{top:64px}@media (max-width:760px){body{grid-template:"bar""main"minmax(0,1fr)"side""status"/minmax(0,1fr)}#sidebar{border-right:none;border-top:1px solid var(--border);max-height:42dvh}#design-side{flex:auto}.drawer.open{flex:none;min-height:0}.drawer-body{overflow-y:visible}body[data-view=gcode] #sidebar{max-height:28dvh}.toolbar-top{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.toolbar-start{min-width:0}.toolbar-start>input.project-name{min-width:6ch;max-width:100%}.brand{display:none}.steps{grid-area:2/1/auto/-1}.step{flex:1}.toolbar-tools{scrollbar-width:none;overflow-x:auto}.toolbar-tools::-webkit-scrollbar{display:none}.toolbar-tools .tool-label{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#gcode-panel,#gcode-panel.listing-collapsed{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.gcode-listing{border-left:none;border-top:1px solid var(--border);max-height:35%}.listing-collapsed .gcode-listing-head{flex-direction:row;padding:4px 6px}.listing-collapsed .gcode-listing-title{writing-mode:horizontal-tb}#gcode-toggle .icon-glyph{transform:rotate(90deg)}body:not([data-view=design]) .toolbar-tools{display:none}.view-hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 20px)}.stock-actions{margin-left:0}.library-header{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.library-tabs{grid-area:2/1/auto/-1}.library-tab{flex:1;padding:5px 8px}.library-body{padding:12px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}@media (pointer:coarse){input,select,textarea{font-size:16px}button,select,input:not([type=checkbox],[type=radio],[type=range]){min-height:36px}.toolbar-tools button{min-width:40px}.drawer-title button{padding:10px 8px}.menu>button{padding:10px 12px}.op-list li{padding:8px 6px}button.icon{min-width:32px}}button.font-add{padding:0 2px}.font-missing{border:1px solid var(--warn);border-radius:4px;margin:4px 0 8px;padding:6px 8px;font-size:12px}.font-missing p{margin:0 0 6px}.font-missing p:last-child{margin-bottom:0}.font-missing-actions{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.fonts-dialog{width:min(480px,100vw - 32px)}.fonts-dialog h3{margin:12px 0 4px;font-size:12px}.font-list{max-height:35vh;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.font-row{border-radius:4px;align-items:center;gap:8px;padding:2px 4px;display:flex}.font-row:hover{background:var(--panel-2)}.font-family{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.font-styles{white-space:nowrap;font-size:11px}.font-search{width:100%;margin:0 0 4px}.font-remove{color:var(--muted);background:0 0;border:none;padding:4px 8px}.font-remove:hover:not(:disabled){color:var(--error)}#machine-panel{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;padding:12px;display:grid;position:absolute;inset:0;overflow:auto}@media (max-width:800px){#machine-panel{grid-template-columns:minmax(0,1fr)}}.machine-controls,.machine-main{flex-direction:column;gap:12px;min-width:0;display:flex}.machine-main{min-height:0}.machine-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.machine-card h3{align-items:center;gap:6px;margin:0;display:flex}.op-strip{gap:6px;margin:0;padding:0 0 2px;list-style:none;display:flex;position:relative;overflow-x:auto}.op-strip li{border:1px solid var(--border);background:var(--panel-2);white-space:nowrap;border-radius:4px;flex:none;align-items:baseline;gap:5px;padding:3px 8px;font-size:12px;display:inline-flex}.op-strip .op-index{width:auto}.op-strip li.current{border-color:var(--accent);color:var(--text);background:#1d3a4d}.machine-card .small{font-size:11px;font-weight:400}button.primary:not(:disabled){background:var(--accent);color:#041018;border-color:var(--accent)}button.danger:not(:disabled):hover{border-color:var(--error);color:var(--error)}.machine-warning{color:var(--warn);margin:0}.machine-status-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.machine-state{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:1px 8px;font-weight:600}.machine-state[data-state=idle]{color:#5ad17a;border-color:#5ad17a}.machine-state[data-state=run],.machine-state[data-state=jog],.machine-state[data-state=home]{color:var(--accent);border-color:var(--accent)}.machine-state[data-state=hold],.machine-state[data-state=door],.machine-state[data-state=tool]{color:var(--warn);border-color:var(--warn)}.machine-state[data-state=alarm]{color:var(--error);border-color:var(--error)}.machine-state.stale,.dro.stale{opacity:.45}.stale-note{color:var(--warn);margin-left:8px;font-weight:400}.controller-alert{border:1px solid var(--warn);background:#ffb45414;border-radius:4px;padding:8px 10px}.controller-alert.urgent{border-color:var(--error);background:#ff6b6b1a}.controller-alert strong{color:var(--warn)}.controller-alert.urgent strong{color:var(--error)}.controller-alert p{margin:0 0 6px}.machine-alarm{color:var(--error);border:1px solid var(--error);background:#ff6b6b14;border-radius:4px;padding:6px 8px}.dro{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:2px 10px;display:grid}.dro-axis{color:var(--muted);font-weight:600}.dro-work{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.dro-machine{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.dro button.zero{padding:0 8px}.machine-readout{font-variant-numeric:tabular-nums}.jog{align-items:center;gap:16px;display:flex}.jog-xy{grid-template-columns:repeat(3,44px);grid-auto-rows:36px;gap:4px;display:grid}.jog-z{grid-auto-rows:36px;gap:4px;width:44px;display:grid}.jog-button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.jog-setting{justify-content:space-between;align-items:center;gap:8px;display:flex}.jog-setting input{width:100px}.override-grid{grid-template-columns:auto repeat(3,1fr);align-items:center;gap:4px;display:grid}.job-progress{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.job-progress progress{height:8px;accent-color:var(--accent);flex:1}.machine-console{flex:1;min-height:240px}.console-log{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;overflow-anchor:none;border-radius:4px;flex:1;min-height:120px;padding:6px 8px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.console-line.sent{color:var(--accent)}.console-line.info{color:var(--muted);font-style:italic}.console-line.error{color:var(--error)}.console-input{gap:6px;display:flex}.console-input input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.machine-network{flex-direction:column;gap:6px;display:flex}.machine-url{gap:6px;display:flex}.machine-url input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.machine-network select{min-width:0;max-width:100%}.machine-network .button-row select:first-child{flex:1}.machine-card h3 .segmented button{padding:2px 8px;font-size:12px}.machine-simulator{flex-direction:column;gap:6px;display:flex}.machine-simulator select{min-width:0}.sim-setting{align-items:center;gap:6px;display:flex}.sim-setting select{flex:1}.sim-setting input[type=number]{width:5em}.machine-sim-license{margin:0}.machine-sim-license a{color:var(--accent)}.machine-sim-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.machine-sim-card{flex:none}.machine-sim-wrap{border-radius:4px;height:clamp(220px,42vh,560px);position:relative;overflow:hidden}.machine-sim{position:absolute;inset:0}.machine-sim canvas{width:100%;height:100%;position:absolute;inset:0}.machine-sim-note{color:var(--warn);background:#0f1216d9;border-radius:4px;padding:6px 8px;position:absolute;bottom:8px;left:8px;right:8px}.machine-sim-info{white-space:nowrap;text-overflow:ellipsis;min-height:1.4em;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.start-from input{width:6em}.start-from-dialog{width:min(560px,100vw - 32px)}.start-from-lead-in{background:var(--bg);border:1px solid var(--border);border-radius:4px;max-height:14em;margin:0 0 12px;padding:8px 10px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.start-from-options{gap:16px;margin-bottom:12px;display:flex}.start-from-options label{align-items:center;gap:6px;display:flex}.start-from-options input{width:6em}.start-from-options em{color:var(--muted);font-style:normal}.start-from-check{color:var(--muted);margin-bottom:4px!important}.start-from-warnings{color:var(--warn);margin:0 0 12px;padding-left:20px}.start-from-error{color:var(--error)}.tool-change{border:1px solid var(--warn);background:#ffb45414;border-radius:4px;padding:8px 10px}.tool-change strong{color:var(--warn)}.tool-change ol{margin:6px 0 0;padding-left:20px}.probe-result{min-height:1.4em}.jog-setting input[type=number]{width:100px}.position-caution{color:var(--warn);border:1px solid var(--warn);background:#ffb45414;border-radius:4px;padding:6px 8px}.start-from-move{gap:2px;margin:0 0 12px;display:grid}.start-from-move code{font-size:12px}.start-from-caution{border:1px solid var(--error);background:#ff6b6b14;border-radius:4px;margin:0 0 12px;padding:8px 10px}.start-from-caution strong{color:var(--error)}.start-from-cautions{margin:4px 0 8px;padding-left:20px}.start-from-caution label{align-items:center;gap:6px;display:flex}.job-pin{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.job-pin>span{flex:1;min-width:0}.job-pin-changed{color:var(--warn)}