.demo-workbench-layout{grid-template:"title rail""status rail""main rail"minmax(0,1fr)"results rail"/minmax(0,2fr) minmax(320px,420px);align-items:stretch;gap:1rem;display:grid}.demo-workbench-layout__region-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-bg-panel);min-width:0;overflow:hidden}.demo-workbench-layout__region-body{min-width:0;padding:1rem}.demo-workbench-layout__region-header p{margin-bottom:0}.demo-title{grid-area:title}.demo-status{grid-area:status}.demo-main-workspace{grid-area:main}.demo-results{grid-area:results}.demo-main-workspace .demo-workbench-layout__region-body,.demo-results .demo-workbench-layout__region-body{gap:1rem;display:grid}.demo-results{flex-direction:column;max-height:min(40vh,400px);display:flex}.demo-results>.demo-workbench-layout__region-body{overscroll-behavior:auto;scrollbar-gutter:stable;flex:auto;min-height:0;overflow:auto}.demo-workbench-layout__right-rail{grid-area:rail;grid-template-rows:auto minmax(0,1fr) auto;align-self:start;gap:1rem;min-width:0;height:calc(100vh - 2rem);min-height:0;max-height:calc(100vh - 2rem);display:grid;position:sticky;top:1rem;overflow:hidden}.demo-workbench-layout__scroll-region{min-height:0;display:flex;overflow:hidden}.demo-input-source.demo-workbench-layout__scroll-region{max-height:min(18rem,35vh)}.demo-workbench-layout__scroll-region>.demo-workbench-layout__region-body{overscroll-behavior:auto;scrollbar-gutter:stable;flex:auto;min-height:0;overflow:auto}.demo-settings>.demo-workbench-layout__region-body{height:100%}.demo-workbench-layout__actions-region{align-self:end}.demo-workbench-layout__empty-state{color:var(--color-text-muted,#94a3b8);text-align:center;margin:0;padding:1rem;font-style:italic}@media (width<=1100px){.demo-workbench-layout{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"title""status""main""input""settings""actions""results";align-items:stretch}.demo-workbench-layout__right-rail{display:contents}.demo-input-source{grid-area:input}.demo-settings{grid-area:settings}.demo-actions{grid-area:actions}.demo-input-source.demo-workbench-layout__scroll-region,.demo-workbench-layout__scroll-region>.demo-workbench-layout__region-body,.demo-settings>.demo-workbench-layout__region-body{height:auto;max-height:none;overflow:visible}.demo-workbench-layout__scroll-region{display:block;overflow:hidden}.demo-workbench-layout__actions-region{z-index:4;overscroll-behavior-y:auto;border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:min(24vh,224px);position:sticky;bottom:0;overflow-y:auto}.demo-actions .demo-workbench-layout__region-body{padding-bottom:max(1rem, env(safe-area-inset-bottom));background:linear-gradient(180deg, #0f172a00, var(--color-bg-panel,#0f172a) 24%, var(--color-bg-panel,#0f172a) 100%)}.demo-results{max-height:none;margin-bottom:calc(min(24vh,224px) + 1rem)}.demo-results>.demo-workbench-layout__region-body{overflow:visible}}.numeric-chart-svg{border-radius:var(--radius-sm,8px);width:100%;max-width:100%;height:auto;color:var(--color-text-muted);background:radial-gradient(circle at 18% 10%,#3b82f629,#0000 32%),linear-gradient(#0f172adb,#020617b8);border:1px solid #94a3b838;font-family:system-ui,sans-serif;display:block;overflow:visible;box-shadow:inset 0 1px #e2e8f00a}.numeric-chart-svg__background{fill:#0000}.numeric-chart-svg__plot-bg{fill:#02061752;stroke:#94a3b82e;stroke-width:1px}.numeric-chart-svg__axis{fill:none;stroke:#cbd5e1b3;stroke-width:1px;vector-effect:non-scaling-stroke}.numeric-chart-svg__grid{stroke:#94a3b824;stroke-width:1px;vector-effect:non-scaling-stroke}.numeric-chart-svg__zero-line{stroke:#fde68a80;stroke-width:1px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.numeric-chart-svg__tick,.numeric-chart-svg__axis-label{fill:var(--color-text-dim);font-size:11px;font-weight:600}.numeric-chart-svg__axis-label{fill:var(--color-text-muted);font-size:12px}.numeric-chart-svg__empty{fill:var(--color-text-dim);font-size:16px;font-weight:600}.numeric-chart-svg__bar{shape-rendering:crispedges;filter:drop-shadow(0 1px 4px #38bdf81f)}.numeric-chart-svg__histogram-area{opacity:.9;shape-rendering:geometricprecision;filter:drop-shadow(0 1px 4px #38bdf81f)}.numeric-chart-svg__histogram-outline{fill:none;stroke:#bae6fddb;stroke-width:1.25px;stroke-linejoin:round;stroke-linecap:round;shape-rendering:geometricprecision;vector-effect:non-scaling-stroke}.numeric-chart-svg__bar--positive{fill:#38bdf8}.numeric-chart-svg__bar--negative{fill:#14b8a6}.numeric-chart-svg__score-label{fill:var(--color-text-strong);font-size:12px;font-weight:700}.numeric-chart-svg__line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px #38bdf83d);vector-effect:non-scaling-stroke}.numeric-chart-svg__line-area{opacity:.9}.numeric-chart-svg__line-point{fill:var(--color-bg-body);stroke:#38bdf8;stroke-width:1.5px;vector-effect:non-scaling-stroke}.rt-tabs,.rt-single-panel{min-width:0}.rt-tabs{gap:0;display:grid}.rt-tabs__list{border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;gap:.35rem;padding:.75rem 1rem 0;display:flex}.rt-tabs__tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:.75rem .75rem 0 0;padding:.55rem .85rem;font-weight:700;transform:translateY(1px)}.rt-tabs__tab:hover{color:var(--color-text-strong);background:var(--color-border-subtle)}.rt-tabs__tab.is-active{color:var(--color-text-strong);background:var(--color-bg-panel);border-color:var(--color-border-subtle)}.rt-tabs__panel{min-width:0;padding:1rem}.rt-empty{margin:0;padding:1rem}.imgproc-main-workspace,.imgproc-settings,.imgproc-actions-region,.imgproc-input-source{gap:1rem;display:grid}.imgproc-page__timing{margin:.25rem 0 0}.imgproc-comparison-header,.imgproc-page__mode-switch,.imgproc-field,.imgproc-family-card__header,.imgproc-family-card__params,.imgproc-family-card__actions,.imgproc-operation-selector{gap:.75rem;display:flex}.imgproc-comparison-header{flex-wrap:wrap;align-items:center}.imgproc-page__mode-switch{margin-left:auto}.imgproc-page__mode-switch .is-active{background:#0ea5e933;border-color:#38bdf8e6}.imgproc-page__summary{margin:.75rem 0 1rem}.imgproc-page__histogram-wrap{min-height:220px}.imgproc-page__histogram{max-width:100%}.imgproc-stats-list{margin:0;padding-left:1.2rem}.imgproc-run-summary{gap:.75rem;display:grid}.imgproc-run-summary>div,.imgproc-actions-summary{border-radius:var(--radius-md,.75rem);background:#0f172a8c;border:1px solid #94a3b833;min-height:64px;padding:.75rem}.imgproc-run-summary strong,.imgproc-actions-summary strong,.imgproc-actions-summary span{color:#e2e8f0;margin-top:.3rem;font-size:.92rem;line-height:1.35;display:block}.imgproc-run-summary__label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.imgproc-control-panel__header{align-items:center;gap:1rem}.imgproc-counter{color:#bae6fd;white-space:nowrap;background:#0ea5e91a;border:1px solid #7dd3fc52;border-radius:999px;margin-left:auto;padding:.35rem .65rem;font-size:.82rem}.imgproc-operation-toolbar{border-radius:var(--radius-lg,1rem);background:#0f172a6b;border:1px solid #94a3b82e;flex-wrap:wrap;align-items:end;gap:.75rem;padding:.85rem;display:flex}.imgproc-search{flex:220px;gap:.35rem;display:grid}.imgproc-search span{color:#cbd5e1;font-size:.86rem;font-weight:700}.imgproc-search input{width:100%}.imgproc-presets,.imgproc-family-tabs,.imgproc-search-results{gap:.5rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.imgproc-preset{border-radius:var(--radius-md,.75rem);color:#cbd5e1;text-align:left;cursor:pointer;background:#0f172a80;border:1px solid #94a3b838;flex:0 0 150px;gap:.2rem;padding:.65rem .75rem;display:grid}.imgproc-preset:hover,.imgproc-preset:focus-visible,.imgproc-preset--active{background:#0ea5e92e;border-color:#38bdf8e6}.imgproc-preset strong{color:#f8fafc}.imgproc-preset span{color:#94a3b8;font-size:.75rem;line-height:1.35}.imgproc-family-tabs{border-bottom:1px solid var(--color-border-subtle)}.imgproc-family-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:.75rem .75rem 0 0;flex:none;align-items:center;gap:.35rem;padding:.55rem .75rem;font-weight:700;display:inline-flex;transform:translateY(1px)}.imgproc-family-tab:hover,.imgproc-family-tab.is-active{color:var(--color-text-strong);background:var(--color-bg-panel);border-color:var(--color-border-subtle)}.imgproc-family-tab.is-focused small,.imgproc-family-tab small{color:#bae6fd;text-align:center;background:#0ea5e92e;border-radius:999px;min-width:1.4rem;padding:.1rem .35rem;font-size:.72rem}.imgproc-empty-state{border-radius:var(--radius-lg,1rem);background:#0f172a61;border:1px dashed #94a3b859;justify-items:start;gap:.5rem;padding:1rem;display:grid}.imgproc-family-card,.imgproc-tuning-section,.imgproc-tuning-summary{border-radius:var(--radius-lg,1rem);box-shadow:var(--shadow-sm,0 10px 24px #0000002e);background:linear-gradient(#1e293bc7,#0f172ab8);border:1px solid #94a3b833;gap:.8rem;padding:1rem;display:grid}.imgproc-tuning-section--advanced{padding:0}.imgproc-tuning-section--advanced summary{color:#f8fafc;cursor:pointer;gap:.25rem;padding:1rem;display:grid}.imgproc-tuning-section--advanced summary small{color:#94a3b8;font-size:.78rem}.imgproc-tuning-section--advanced[open]{padding-bottom:1rem}.imgproc-tuning-section--advanced[open] .imgproc-family-card__fieldset{padding:0 1rem}.imgproc-family-card__header{justify-content:space-between;align-items:start}.imgproc-family-card__header h4,.imgproc-tuning-group__header h5{color:#f8fafc;margin:0 0 .25rem;font-size:1rem}.imgproc-tuning-group{gap:.65rem;display:grid}.imgproc-tuning-group__header p{margin:0}.imgproc-family-card__count{color:#cbd5e1;background:#0f172a8c;border:1px solid #94a3b83d;border-radius:999px;flex:none;padding:.22rem .5rem;font-size:.75rem}.imgproc-family-card__hint{color:#bae6fd;margin:0;font-size:.84rem;line-height:1.45}.imgproc-family-card__fieldset{border:0;gap:.8rem;min-width:0;margin:0;padding:0;display:grid}.imgproc-artifact-pill{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf2459;border-radius:999px;margin:0;padding:.45rem .65rem;font-size:.82rem}.imgproc-artifact-pill--ready{color:#bbf7d0;background:#10b9811a;border-color:#34d3996b}.imgproc-family-card__params,.imgproc-family-card__actions{flex-wrap:wrap;align-items:center}.imgproc-family-card__actions{align-items:stretch}.imgproc-field{align-items:center}.imgproc-field span{color:#cbd5e1;min-width:84px;font-size:.875rem}.imgproc-field input,.imgproc-field select{min-width:100px}.imgproc-field-slot{min-width:0}.imgproc-operation-selector{flex-wrap:wrap;align-items:stretch}.imgproc-operation-choice{border-radius:var(--radius-md,.75rem);color:#cbd5e1;text-align:left;cursor:pointer;background:#0f172a80;border:1px solid #94a3b838;flex:150px;gap:.25rem;min-width:0;min-height:64px;padding:.65rem .75rem;display:grid}.imgproc-operation-choice:hover,.imgproc-operation-choice:focus-visible,.imgproc-operation-choice.is-active{background:#0ea5e92e;border-color:#38bdf8e6}.imgproc-operation-choice--common{border-color:#7dd3fc75}.imgproc-operation-choice strong{color:#f8fafc;font-size:.88rem;line-height:1.25}.imgproc-operation-choice span{color:#94a3b8;font-size:.72rem;font-weight:700}.imgproc-operation-button{text-align:left;justify-items:start;gap:.1rem;min-width:100px;display:inline-grid}.imgproc-operation-button--primary{min-width:150px}.imgproc-operation-button small{color:#94a3b8;font-size:.72rem;font-weight:600}.imgproc-operation-button--common{border-color:#7dd3fc80}.imgproc-tuning-summary{background:#0f172a8c;gap:.35rem}.imgproc-tuning-summary strong{color:#f8fafc}.imgproc-tuning-summary span{color:#cbd5e1;font-size:.84rem;line-height:1.35}.barcode-empty{margin:0}.barcode-type-selector .panel__header p{margin-bottom:0}.barcode-type-group{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f172a59;overflow:hidden}.barcode-type-group+.barcode-type-group{margin-top:.75rem}.barcode-type-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;font-weight:700;display:flex}.barcode-type-group__actions{align-items:center;gap:.4rem;display:inline-flex}.barcode-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .75rem;padding:0 .9rem .9rem;display:grid}.barcode-type-option{min-width:0;font-size:var(--text-sm);align-items:center;gap:.45rem;display:flex}.barcode-type-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barcode-type-option--master{border-bottom:1px solid #94a3b82e;grid-column:1/-1;padding-bottom:.35rem;font-weight:700}.barcode-type-group .form-error{margin:-.35rem .9rem .9rem}@media (width<=520px){.barcode-type-grid{grid-template-columns:1fr}}.blob-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.blob-filter-panel .panel__header p{margin-bottom:0}.blob-filter-group{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f172a59;overflow:hidden}.blob-filter-group+.blob-filter-group{margin-top:.75rem}.blob-filter-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;font-weight:700;display:flex}.blob-filter-group__actions{align-items:center;gap:.4rem;display:inline-flex}.blob-filter-grid{font-size:var(--text-sm);gap:.45rem;padding:0 .9rem .9rem;display:grid}.blob-filter-grid>.muted{font-size:var(--text-xs);font-weight:700}.blob-filter-grid,.blob-filter-row{grid-template-columns:minmax(118px,1fr) minmax(72px,88px) minmax(72px,88px);align-items:center}.blob-filter-row{grid-column:1/-1;gap:.45rem;display:grid}.blob-filter-row label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.blob-filter-row input[type=number]{width:100%;min-width:0}.blob-viewport{position:relative}.blob-viewport--pick .image-canvas-container,.blob-viewport--pick .image-canvas{cursor:crosshair}.blob-viewport-overlay{pointer-events:none;position:absolute;inset:0}.blob-viewport-overlay .render-mode-toggle-overlay,.blob-seed-badge{pointer-events:auto}.blob-seed-badge{max-width:min(420px,100% - 1.5rem);color:var(--color-text);box-shadow:var(--shadow-md);font-size:var(--text-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172adb;border:1px solid #94a3b861;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .55rem .45rem .7rem;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.blob-seed-badge.is-active{background:#1e40afd1;border-color:#60a5facc}.blob-seed-note{font-size:var(--text-xs);color:var(--color-text-dim)}@media (width<=520px){.blob-filter-grid,.blob-filter-row{grid-template-columns:1fr}.blob-actions-region{gap:.55rem}.blob-actions-region .section-heading,.blob-actions-region>.blob-seed-note{display:none}.blob-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.blob-actions .button{min-height:2.25rem;padding:.45rem .5rem}.demo-workbench-layout:has(.blob-actions-region) .demo-results{margin-bottom:max(12rem, calc(181.5px + 1rem + env(safe-area-inset-bottom)))}.blob-seed-badge{border-radius:var(--radius-md);justify-content:space-between;left:.75rem;right:.75rem}}.calib-main,.calib-slot-stack,.calib-status-stack,.calib-results-summary,.calib-stack{min-width:0}.calib-main,.calib-slot-stack,.calib-status-stack{gap:1rem;display:grid}.calib-stage__header,.calib-view-toggle,.calib-actions,.calib-inline-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.calib-view-toggle{justify-content:flex-end}.calib-section,.calib-result-card{background:#0f172a75;border:1px solid #94a3b838;border-radius:12px;padding:.85rem}.calib-section h2,.calib-result-card h3{margin:0 0 .65rem;font-size:.95rem}.calib-results-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.calib-actions{justify-content:flex-start;align-items:center}.calib-action-reason,.calib-transform-hint{color:#94a3b8;flex:100%;margin:0;font-size:.78rem}.calib-transform-hint{color:#bfdbfe}.calib-details{gap:.75rem;display:grid}.calib-details>summary{cursor:pointer;font-weight:700}.calib-meta,.calib-status-grid{color:#cbd5e1;gap:.35rem;font-size:.86rem;display:grid}.calib-error{color:#fecaca}.calib-json{white-space:pre-wrap;max-height:360px;overflow:auto}@media (width<=1100px){.calib-results-summary{grid-template-columns:1fr}}.camarray-canvases,.camarray-panel-body,.camarray-status-stack,.camarray-results{gap:14px;display:grid}.camarray-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.camarray-card,.camarray-section,.camarray-result-card{background:#0f172ac7;border:1px solid #1e293b;border-radius:12px;padding:12px}.camarray-card h3,.camarray-section h2,.camarray-result-card h2{margin:0 0 8px;font-size:15px}.camarray-field{gap:6px;display:grid}.camarray-field label{color:#cbd5e1;font-size:13px}.camarray-field input,.camarray-field select{width:100%}.camarray-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.camarray-action-reason{color:#94a3b8;flex:100%;margin:0;font-size:.78rem}.camarray-status,.camarray-status-grid{gap:4px;display:grid}.camarray-status-grid{color:#cbd5e1;font-size:.86rem}.camarray-error{color:#fecaca}.camarray-ok{color:#bbf7d0}.camarray-diff{color:#cbd5e1;margin:.5rem 0 0;padding-left:18px;font-size:12px}.camarray-results{grid-template-columns:repeat(2,minmax(0,1fr))}.camarray-result-card:last-child{grid-column:1/-1}.camarray-coord-summary{grid-template-columns:max-content minmax(0,1fr);gap:.25rem .75rem;display:grid}.camarray-coord-summary dt{color:#94a3b8}.camarray-json{white-space:pre-wrap;max-height:320px;overflow:auto}@media (width<=1100px){.camarray-two,.camarray-results{grid-template-columns:1fr}}.annulus-editor-layer{pointer-events:none;position:absolute;inset:0}.annulus-editor-layer.is-disabled{pointer-events:none}.annulus-editor-hit,.annulus-editor-handle{pointer-events:auto;touch-action:none;border:0;margin:0;padding:0;position:absolute}.annulus-editor-hit--move{cursor:move;background:0 0;border-radius:999px;transform:translate(-50%,-50%)}.annulus-editor-handle{border:2px solid #fffffff2;border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a99}.annulus-editor-handle--inner{cursor:ew-resize;background:#2563ebf2}.annulus-editor-handle--outer{cursor:ew-resize;background:#0f172ae6}.circle-score-chart{border-radius:12px}.circle-empty{margin:0}.roi-editor-layer{pointer-events:none;position:absolute;inset:0}.roi-editor-layer.is-disabled{pointer-events:none}.roi-editor-hit,.roi-editor-handle{pointer-events:auto;touch-action:none;border:0;margin:0;padding:0;position:absolute}.roi-editor-hit{cursor:move;background:0 0;border-radius:999px;transform:translate(-50%,-50%)}.roi-editor-handle{background:#0f172ae6;border:2px solid #fffffff2;border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a99}.roi-editor-handle--corner{cursor:nwse-resize}.roi-editor-handle--rotate{cursor:grab;background:#2563ebf2}.roi-editor-handle--edge{background:#0f172ab3;border:1.5px solid #ffffffd9;border-radius:3px;box-shadow:0 0 0 1px #0f172a66}.roi-editor-handle--edge-vertical{cursor:ns-resize}.roi-editor-handle--edge-horizontal{cursor:ew-resize}.contour-mode-select{gap:6px;display:grid}.contour-mode-select select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:8px 10px}.contour-result-panel{margin:0}.crossmark-score-chart{border-radius:8px}.geom-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.geom-canvas-tile,.geom-settings-group,.geom-result-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-bg-panel) 88%, var(--color-bg-body));min-width:0;padding:.875rem}.geom-canvas-tile__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.geom-canvas-tile__header h2,.geom-section-stack h2,.geom-result-section h2,.geom-settings-group h3{color:var(--color-text-strong);margin:0}.geom-canvas-tile__header h2,.geom-result-section h2{font-size:var(--text-lg)}.geom-settings-group h3{font-size:var(--text-md);margin-bottom:.75rem}.geom-canvas-tile__notice,.geom-empty-state,.geom-disabled-reason,.geom-status-stack p,.geom-section-stack p,.geom-actions-region p{color:var(--color-text-muted);margin:0}.geom-canvas-tile__notice,.geom-empty-state,.geom-disabled-reason{font-size:var(--text-sm)}.geom-canvas{aspect-ratio:4/3;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-canvas);width:100%;display:block}.geom-task-badge{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;border-radius:999px;padding:.2rem .55rem}.geom-task-badge--running{color:var(--color-info,#38bdf8);border-color:var(--color-info,#38bdf8)}.geom-task-badge--success{color:var(--color-success,#22c55e);border-color:var(--color-success,#22c55e)}.geom-task-badge--error{color:var(--color-danger,#ef4444);border-color:var(--color-danger,#ef4444)}.geom-section-stack,.geom-settings-stack,.geom-results-stack,.geom-status-stack,.geom-actions-region,.geom-form{gap:.875rem;display:grid}.geom-inline-row{grid-template-columns:minmax(4.75rem,6rem) repeat(4,minmax(4.5rem,1fr));align-items:center;gap:.5rem;display:grid}.geom-inline-row--textarea{grid-template-columns:minmax(4.75rem,6rem) minmax(0,1fr)}.geom-inline-row label{color:var(--color-text-muted);font-weight:600}.geom-inline-row input,.geom-inline-row textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);width:100%;min-width:0;color:var(--color-text);font:inherit;padding:.4rem .5rem;transition:border-color .14s,box-shadow .14s,background .14s}.geom-inline-row input:hover,.geom-inline-row textarea:hover,.geom-inline-row input:focus,.geom-inline-row textarea:focus{border-color:var(--color-focus-ring);box-shadow:0 0 0 1px var(--color-focus-ring);outline:none}.geom-inline-row textarea{resize:vertical;min-height:5.25rem}.geom-primary-action{border:1px solid var(--color-focus-ring);background:var(--color-accent,#2563eb);width:100%;color:var(--color-text-strong,#fff);border-radius:var(--radius-md);cursor:pointer;padding:.7rem .95rem;font-weight:700;transition:filter .14s,transform 80ms,opacity .14s}.geom-primary-action:hover:not(:disabled){filter:brightness(1.08)}.geom-primary-action:active:not(:disabled){transform:translateY(1px)}.geom-primary-action:disabled{cursor:not-allowed;opacity:.55}.geom-summary-grid,.geom-result-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.geom-summary-grid>div,.geom-result-dl dt,.geom-result-dl dd{min-width:0}.geom-summary-grid dt,.geom-result-dl dt{color:var(--color-text-muted);font-size:var(--text-sm)}.geom-summary-grid dd,.geom-result-dl dd{color:var(--color-text);overflow-wrap:anywhere;margin:0}.geom-result-section ul{color:var(--color-text);margin:0;padding-left:1.25rem}.geom-result-section li+li{margin-top:.35rem}.geom-result-section summary{cursor:pointer;color:var(--color-text-strong);font-weight:700}.geom-result-json{overscroll-behavior:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-input);max-height:26rem;color:var(--color-text);white-space:pre-wrap;padding:.75rem;overflow:auto}@media (width<=1100px){.geom-workspace-grid{grid-template-columns:1fr}}@media (width<=720px){.geom-inline-row,.geom-inline-row--textarea,.geom-summary-grid,.geom-result-dl{grid-template-columns:1fr}.geom-inline-row label{margin-top:.25rem}}.ib-main,.ib-status-stack,.ib-results-stack{flex-direction:column;gap:16px;display:flex}.ib-toolbar,.ib-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-panel);box-shadow:var(--shadow-card)}.ib-toolbar{overscroll-behavior-y:auto;gap:12px;padding:14px;display:grid}.ib-status-stack .workflow-checklist{margin:0}.ib-status-metrics{color:var(--color-text-dim);font-size:var(--text-sm);flex-wrap:wrap;gap:10px;display:flex}.ib-source-actions{flex-wrap:wrap;gap:8px;display:flex}.ib-template-panel{gap:8px;display:grid}.ib-meta-list{gap:8px;margin:0;display:grid}.ib-meta-list div{grid-template-columns:minmax(90px,.45fr) 1fr;align-items:baseline;gap:8px;display:grid}.ib-meta-list dt{color:var(--color-text-dim);font-size:var(--text-xs)}.ib-meta-list dd{word-break:break-word;margin:0}.ib-json{overscroll-behavior:auto;border-radius:var(--radius-md);background:var(--color-bg-input);max-height:320px;padding:10px;overflow:auto}.ib-toolbar label{font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;gap:6px;display:flex}.ib-toolbar input,.ib-toolbar select,.ib-param-row input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text);padding:8px 10px;transition:border-color .14s,box-shadow .14s,background .14s}.ib-toolbar input:hover,.ib-toolbar select:hover,.ib-param-row input:hover{border-color:var(--color-border-strong)}.ib-toolbar input:focus-visible,.ib-toolbar select:focus-visible,.ib-param-row input:focus-visible{border-color:var(--color-focus-ring)}.ib-actions button,.ib-source-actions button,.ib-table button{border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-strong);cursor:pointer;padding:9px 12px;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms,opacity .14s}.ib-table button{font-size:var(--text-xs);padding:5px 8px}.ib-actions button:hover:not(:disabled),.ib-source-actions button:hover:not(:disabled),.ib-table button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ib-actions button:active:not(:disabled),.ib-source-actions button:active:not(:disabled),.ib-table button:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active);transform:translateY(1px)}.ib-actions button:disabled,.ib-source-actions button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ib-card{padding:14px}.ib-card__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ib-card__head h3{font-size:var(--text-lg);margin:0}.ib-card__head span{color:var(--color-text-dim);font-size:var(--text-xs)}.ib-image-stage{border-radius:var(--radius-lg);background:var(--color-bg-input);place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.ib-image-layer{max-width:100%;max-height:70vh;display:inline-block;position:relative}.ib-image-layer img{max-width:100%;max-height:70vh;display:block}.ib-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ib-match-point{fill:#3b82f6bf;stroke:#dbeafe;stroke-width:1.5px;vector-effect:non-scaling-stroke}.ib-match-point.selected{fill:#f97316;stroke:#fff7ed}.ib-roi-rect{fill:#f9731614;stroke:#f97316;stroke-width:2px;vector-effect:non-scaling-stroke}.ib-result-polygon{fill:#22c55e1f;stroke:var(--color-success);stroke-width:2px;vector-effect:non-scaling-stroke}.ib-result-line{stroke:#eab308;stroke-width:2.5px;vector-effect:non-scaling-stroke}.ib-result-point{fill:#ef4444;stroke:#fee2e2;stroke-width:1.5px;vector-effect:non-scaling-stroke}.ib-template{object-fit:contain;background:var(--color-bg-input);border-radius:var(--radius-md);width:100%;max-height:180px}.ib-table-wrap{overscroll-behavior-y:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);max-height:260px;overflow:auto}.ib-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ib-table th,.ib-table td{border-bottom:1px solid var(--color-border-subtle);text-align:right;padding:7px 8px}.ib-table th:first-child,.ib-table td:first-child{text-align:left}.ib-table tbody tr{cursor:pointer;transition:background .14s}.ib-table tbody tr:hover,.ib-table tbody tr.selected{background:#3b82f614}.ib-output-list{overscroll-behavior-y:auto;gap:8px;max-height:min(320px,45vh);display:grid;overflow:auto}.ib-output-list div{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-input);gap:4px;padding:8px;display:grid}.ib-output-list code{white-space:pre-wrap;word-break:break-word;color:var(--color-text)}.ib-vector-chart{margin:4px 0}.ib-config-card{overscroll-behavior-y:auto;overflow:visible}.ib-config-list{overscroll-behavior-y:auto;flex-direction:column;gap:12px;max-height:min(720px,70vh);padding-right:2px;display:flex;overflow:auto}.ib-config-algo{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#02061747;padding:10px}.ib-config-algo__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ib-config-algo__selector{align-items:center;gap:8px;display:inline-flex}.ib-param-grid{gap:8px;display:grid}.ib-param-row{font-size:var(--text-xs);grid-template-columns:minmax(110px,1fr) minmax(90px,1fr) 86px;align-items:center;gap:8px;display:grid}.ib-param-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ib-param-row small,.muted{color:var(--color-text-dim)}.ib-action-hint{color:#fde68a;font-size:var(--text-sm);margin-top:.25rem;display:block}.ib-backend-render{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-input);gap:8px;margin-bottom:12px;padding:10px;display:grid}.ib-backend-render__actions{font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;display:flex}.ib-backend-render__actions a{color:var(--color-primary);text-decoration:none}.ib-backend-render__actions a:hover{text-decoration:underline}.ib-backend-render img{object-fit:contain;border-radius:var(--radius-sm);background:#fff;width:100%;max-height:360px}.ib-actions{flex-wrap:wrap;gap:8px;padding:.85rem;display:flex}.ib-action-reasons{flex-basis:100%;gap:4px;display:grid}.ib-results-stack{overscroll-behavior-y:auto}.ib-results-stack details{margin-top:8px}@media (width<=1100px){.ib-param-row,.ib-meta-list div{grid-template-columns:1fr}}.dynamic-task-main{min-height:0}.dynamic-task-preview{object-fit:contain;max-width:100%;max-height:70vh;display:block}.dynamic-task-output-image{object-fit:contain;border-radius:var(--radius-sm);background:#fff;width:100%;max-height:260px}.ib-ocr-main{min-height:0}.ib-ocr-fixed-source{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-input);font-size:var(--text-sm);gap:6px;padding:10px;display:grid}.ib-ocr-fixed-source span,.ib-ocr-paths dd{word-break:break-all}.ib-ocr-viewport{min-height:0}.ib-ocr-viewport .image-canvas-container{width:100%;height:clamp(320px,58vh,640px)}.ib-ocr-viewport .image-canvas{height:100%}.ib-ocr-summary-line{margin:0}.ib-ocr-source-meta{padding-top:2px}.ib-ocr-source-meta dd{word-break:break-word}.ib-ocr-secondary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.line-result-panel{min-width:0}.line-score-chart{border-radius:12px}.line-empty,.path-result-panel{margin:0}.pat-placeholder-workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.pat-placeholder-workspace .panel{min-width:0}.pat-placeholder-upload-stack{gap:.75rem;display:grid}.pat-placeholder-results{min-width:0}.pat-placeholder-results .rt-tabs__list{padding-top:.75rem}@media (width<=1100px){.pat-placeholder-workspace{grid-template-columns:1fr}}.region-stage,.region-form,.region-summary,.region-settings,.region-actions-region{min-width:0}.region-stage,.region-settings,.region-actions-region,.region-summary{gap:1rem;display:grid}.region-stage__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.region-mode-toggle{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.region-details{border-radius:var(--radius-lg,1rem);background:#0f172a6b;border:1px solid #94a3b833;padding:.85rem}.region-details>summary{cursor:pointer;font-weight:700}.region-details>.region-form,.region-details>.field-row:first-of-type{margin-top:.85rem}.region-form,.region-action-grid{gap:12px;display:grid}.region-form .field-row,.region-details .field-row{gap:6px;margin-bottom:10px;display:grid}.region-form label,.region-details label{color:#cbd5e1;font-size:13px}.region-form input,.region-form select,.region-form textarea,.region-details input,.region-details select{box-sizing:border-box;width:100%}.region-actions-region h3,.region-summary h3{margin:0}.region-actions-hint{color:#fbbf24;margin:0;font-size:.85rem;line-height:1.4}.region-action-section{gap:.5rem;display:grid}.region-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-mask-layer{object-fit:contain;mix-blend-mode:screen;opacity:.7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.region-summary pre{overscroll-behavior-y:auto;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}@media (width<=1100px){.region-actions-region{gap:.75rem}.region-action-section{gap:.35rem}.region-action-section h3{font-size:.9rem}.region-action-grid{gap:.5rem}}.sanity-main,.sanity-controls,.sanity-calib,.sanity-pattern,.sanity-position,.sanity-stage{min-width:0}.sanity-main{gap:1rem;display:grid}.sanity-details{padding:.85rem}.sanity-details>summary{cursor:pointer;font-weight:700}.sanity-details>.panel__body{padding:.85rem 0 0}.sanity-controls{gap:1rem;display:grid}.sanity-actions,.sanity-fields,.sanity-points,.sanity-links{gap:.65rem;display:grid}.sanity-actions--sticky{flex-wrap:wrap;padding:.85rem;display:flex}.sanity-row,.sanity-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sanity-controls label,.sanity-calib label{color:#cbd5e1;gap:.25rem;font-size:.85rem;display:grid}.sanity-controls input,.sanity-calib input,.sanity-controls select,.sanity-calib select{box-sizing:border-box;width:100%}.sanity-position dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:0;display:grid}.sanity-position dl>div{min-width:0}.sanity-position dt{color:#64748b;font-size:.78rem}.sanity-position dd{color:#e2e8f0;overflow-wrap:anywhere;margin:0;font-weight:600}.sanity-table{border-collapse:collapse;width:100%;font-size:.82rem}.sanity-table th,.sanity-table td{text-align:right;border-bottom:1px solid #94a3b83d;padding:.35rem}.sanity-table th:first-child,.sanity-table td:first-child{text-align:left}.sanity-table-wrap{overflow-x:auto}@media (width<=720px){.sanity-row,.sanity-field-grid,.sanity-position dl{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text);background:var(--color-bg-body);--color-bg-body:#020617;--color-bg-panel:#0f172a;--color-bg-panel-muted:#0f172ab8;--color-bg-input:#020617;--color-bg-button:#111827;--color-bg-canvas:#0b1220;--color-border:#334155;--color-border-subtle:#1e293b;--color-border-strong:#475569;--color-text:#e2e8f0;--color-text-strong:#f8fafc;--color-text-muted:#cbd5e1;--color-text-dim:#94a3b8;--color-link:#93c5fd;--color-link-hover:#bfdbfe;--color-primary:#1d4ed8;--color-primary-hover:#2563eb;--color-primary-active:#1e40af;--color-focus-ring:#93c5fd;--color-success:#22c55e;--color-error:#f87171;--color-warning:#fbbf24;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-pill:999px;--shadow-card:0 10px 30px #02061738;--shadow-focus:0 0 0 3px #93c5fd38;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg-body);margin:0}a{color:var(--color-link);text-decoration:none;transition:color .14s,text-decoration-color .14s}a:hover{color:var(--color-link-hover);text-decoration:underline}a:active{color:var(--color-focus-ring)}button,input,select,textarea{font:inherit}.shell-layout{min-height:100vh}.shell-header{border-bottom:1px solid var(--color-border-subtle);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af5;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.5rem;display:flex;position:sticky;top:0}.shell-header__intro{flex:0 0 clamp(320px,28vw,420px);min-width:0}.shell-header h1,.shell-header p{margin:0}.shell-header p{color:var(--color-text-dim);margin-top:.25rem}.shell-nav{flex-wrap:wrap;flex:auto;align-items:center;gap:.45rem;min-width:0;max-width:none;padding:.15rem 0 .35rem;display:flex}.shell-nav>a,.shell-nav-trigger{border-radius:var(--radius-pill);color:var(--color-text-muted);white-space:nowrap;border:1px solid #0000;flex:none;padding:.45rem .7rem;line-height:1.25}.shell-nav-trigger{cursor:pointer;background:0 0}.shell-nav>a:hover,.shell-nav-trigger:hover{color:var(--color-text-strong);background:var(--color-border-subtle);text-decoration:none}.shell-nav>a.active,.shell-nav>a[aria-current=page],.shell-nav-group--active .shell-nav-trigger{color:#eff6ff;border-color:var(--color-focus-ring);background:#1d4ed86b;box-shadow:0 0 0 1px #60a5fa26}.shell-nav-group{flex:none;position:relative}.shell-nav-submenu{z-index:40;border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:13rem;box-shadow:var(--shadow-card);background:#0f172afa;gap:.2rem;padding:.4rem;display:none;position:absolute;top:calc(100% + .35rem);left:0}.shell-nav-group:nth-last-child(-n+2) .shell-nav-submenu{left:auto;right:0}.shell-nav-group:hover .shell-nav-submenu,.shell-nav-group:focus-within .shell-nav-submenu{display:grid}.shell-nav-submenu a{border-radius:var(--radius-sm);color:var(--color-text-muted);white-space:nowrap;border:1px solid #0000;padding:.45rem .6rem}.shell-nav-submenu a:hover{color:var(--color-text-strong);background:var(--color-border-subtle);text-decoration:none}.shell-nav-submenu a.active,.shell-nav-submenu a[aria-current=page]{color:#eff6ff;border-color:var(--color-focus-ring);background:#1d4ed86b}.shell-nav a:focus-visible,.text-link:focus-visible,.link-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,.upload-card:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:3px;box-shadow:var(--shadow-focus)}.upload-card:has(input:focus-visible){border-color:var(--color-focus-ring)}.shell-main{padding:1.5rem}.home-page,.home-category,.demo-page-template{gap:1rem;display:grid}.home-page{gap:1.25rem}.home-grid,.page-grid{gap:1rem;display:grid}.home-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.page-grid{grid-template-columns:minmax(0,2fr) minmax(320px,420px);align-items:start}.page-grid--single-column{grid-template-columns:minmax(0,2fr) minmax(280px,360px)}.page-grid__main,.page-grid__side,.viewport-grid{gap:1rem;display:grid}.viewport-grid,.viewport-grid--single{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.flow-layout,.flow-layout__main,.flow-layout__side,.flow-step-list,.stack-list{gap:1rem;display:grid}.flow-layout__content{grid-template-columns:minmax(0,2fr) minmax(280px,360px);align-items:start;gap:1rem;display:grid}.panel,.demo-card,.status-banner{border:1px solid var(--color-border-subtle);background:var(--color-bg-panel);border-radius:var(--radius-xl)}.panel__header,.panel__body,.demo-card,.status-banner{padding:1rem}.panel__header{border-bottom:1px solid var(--color-border-subtle)}.home-hero{border:1px solid var(--color-border-subtle);background:linear-gradient(135deg,#1e40af33,#0f172af5);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:1rem;padding:1.25rem;display:grid}.home-hero h2,.home-hero p,.home-category h3,.demo-card h4,.empty-state h3{margin:0}.home-hero p{color:var(--color-text-muted);max-width:760px;margin-top:.5rem}.eyebrow{color:var(--color-link);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.home-search{gap:.4rem;font-weight:700;display:grid}.home-search input{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-input);width:100%;color:var(--color-text);padding:.75rem .9rem;transition:border-color .14s,box-shadow .14s,background .14s}.home-search input:hover{border-color:var(--color-border-strong)}.home-search input:active{border-color:var(--color-focus-ring)}.home-results-summary,.home-category__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.link-button{color:var(--color-link);cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-weight:700;transition:color .14s,transform 80ms}.link-button:hover{color:var(--color-link-hover);text-decoration:underline}.link-button:active{transform:translateY(1px)}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-bg-panel);gap:.75rem;padding:1.25rem;display:grid}.demo-card{gap:.75rem;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s;display:grid}.demo-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card)}.demo-card:active{transform:translateY(1px)}.demo-card p{margin:0}.demo-card--planned,.demo-card--placeholder,.demo-card--special{background:#0f172ab8}.demo-card--planned,.demo-card--placeholder{border-style:dashed}.demo-card--active{border-color:#22c55e73;box-shadow:0 10px 30px #0206172e}.parameter-layout,.two-column-upload,.action-bar{gap:.75rem;display:grid}.two-column-upload{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.action-bar{grid-template-columns:1fr 1fr}.field-group{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem}.field-row{gap:.35rem;margin-bottom:.75rem;display:grid}.field-row:last-child{margin-bottom:0}.field-row input[type=number],.field-row input[type=text],.field-row select{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text);padding:.65rem .75rem;transition:border-color .14s,box-shadow .14s,background .14s}.field-row input[type=number]:hover,.field-row input[type=text]:hover,.field-row select:hover{border-color:var(--color-border-strong)}.field-row input[type=number]:active,.field-row input[type=text]:active,.field-row select:active{border-color:var(--color-focus-ring)}.field-row input[type=checkbox]{width:1.2rem;height:1.2rem}.upload-card{border-radius:var(--radius-lg);border:1px dashed var(--color-border-strong);background:var(--color-bg-input);cursor:pointer;gap:.4rem;padding:1rem;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s;display:grid}.upload-card:hover{border-color:var(--color-focus-ring);background:#1e40af14}.upload-card:active{background:#1e40af1f;transform:translateY(1px)}.upload-card input{width:100%}.upload-card__title{font-weight:700}.upload-card__hint,.muted{color:var(--color-text-dim)}.viewport-shell{gap:.75rem;display:grid}.viewport-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.viewport-toolbar__actions{flex-wrap:wrap;gap:.5rem;display:flex}.viewport-overlay-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.viewport-overlay-toggle{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;padding:.35rem .55rem;display:inline-flex}.viewport-overlay-toggle input{margin:0}.image-canvas-container{overscroll-behavior-y:contain;width:100%;min-height:240px;position:relative}.image-canvas{background:var(--color-bg-body);border-radius:var(--radius-lg);width:100%;max-width:100%;display:block}.button{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-button);color:var(--color-text);cursor:pointer;padding:.8rem 1rem;transition:color .14s,background .14s,border-color .14s,box-shadow .14s,transform 80ms,opacity .14s}.button:hover:not(:disabled){background:var(--color-border-subtle);border-color:var(--color-focus-ring);color:var(--color-text-strong)}.button:active:not(:disabled){background:var(--color-bg-body);transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button--primary{background:var(--color-primary);border-color:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button--primary:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active)}.button--small{padding:.45rem .7rem}.status-banner--error{background:#220a0a;border-color:#7f1d1d}.status-banner--success{background:#052e16;border-color:#14532d}.status-banner--running,.status-banner--probing{background:#1f1404;border-color:#854d0e}.pill{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);font-size:var(--text-xs);padding:.15rem .45rem}.pill--placeholder{color:var(--color-link);background:#1e40af29}.pill--planned{color:var(--color-text-muted);background:#47556938}.pill--special{color:#fca5a5;background:#7f1d1d2e}.pill--active{color:#86efac;background:#14532d40;border-color:#166534}.demo-card__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.demo-card__top h2,.demo-card__top h4{margin:0}.result-list{margin:0;padding-left:1.2rem}.text-link{font-weight:700}.workflow-template,.workflow-template__intro{gap:1rem;display:grid}.workflow-step-list{gap:.75rem;margin:0;padding-left:1.25rem;display:grid}.workflow-step-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-body);padding:.85rem 1rem}.flow-step-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-body);grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:.9rem 1rem;display:grid}.flow-step-card--active{border-color:var(--color-primary)}.flow-step-card--done{border-color:#14532d}.flow-step-card__index{border-radius:var(--radius-pill);background:var(--color-border-subtle);place-items:center;min-width:2.4rem;height:2.4rem;font-weight:700;display:grid}.placeholder-block{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-body);gap:.35rem;padding:.9rem 1rem;display:grid}.result-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums lining-nums}.result-table th{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim);white-space:nowrap;padding:.5rem .75rem;font-weight:800}.result-table td{text-align:left;vertical-align:top;border-bottom:1px solid #94a3b81f;padding:.5rem .75rem}.result-table th.is-right,.result-table td.is-right{text-align:right}.result-table tbody tr:nth-child(2n){background:#94a3b808}.result-table tbody tr{cursor:pointer;transition:background .14s,box-shadow .14s}.result-table tbody tr:hover{background:#3b82f61a}.result-table tbody tr.is-selected{box-shadow:inset 3px 0 0 var(--color-error);background:#ef44441a}.result-table tbody tr.is-hovered{background:#3b82f624}.result-table td.is-mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.page-grid,.flow-layout__content,.home-hero{grid-template-columns:1fr}.shell-header{flex-direction:column}.shell-header__intro{flex-basis:auto;width:100%}.shell-nav{width:100%;max-width:100%}}.status-banner__main{align-items:center;gap:.65rem;display:flex}.status-banner__meta{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:.2rem;font-weight:500;display:block}.status-banner__hint,.action-bar__hint{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.status-banner__hint{color:#fde68a}.status-spinner{border-radius:var(--radius-pill);border:2px solid #fde68a59;border-top-color:#fde68a;flex:none;width:.85rem;height:.85rem;animation:.9s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}.action-bar__hint{grid-column:1/-1}.action-bar__hint--blocked{color:#fde68a}.workflow-checklist__list{gap:.65rem;margin:0;padding:1rem;list-style:none;display:grid}.workflow-checklist__step{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-body);grid-template-columns:auto 1fr;align-items:start;gap:.7rem;padding:.75rem;display:grid}.workflow-checklist__step--current{border-color:var(--color-focus-ring);box-shadow:0 0 0 1px #93c5fd2e}.workflow-checklist__marker{border-radius:var(--radius-pill);background:var(--color-border-subtle);place-items:center;width:1.75rem;height:1.75rem;font-weight:800;display:grid}.workflow-checklist__step--done .workflow-checklist__marker{color:#dcfce7;background:#166534}.workflow-checklist__step--current .workflow-checklist__marker{background:var(--color-primary);color:#eff6ff}.workflow-checklist__status{color:var(--color-text-dim);font-size:var(--text-xs);margin-left:.5rem;font-weight:700}.workflow-checklist small{color:var(--color-text-muted);margin-top:.2rem;line-height:1.45;display:block}.status-banner{gap:.55rem;display:grid}.status-banner__summary{align-items:center;gap:.55rem;display:flex}.status-banner__error{color:#fecaca}.status-banner__hint{color:var(--color-text-muted);margin:0}.status-banner__hint--alert{color:#fde68a}.status-spinner{border-radius:var(--radius-pill);border:2px solid #facc1559;border-top-color:#fde68a;width:.8rem;height:.8rem;animation:.8s linear infinite status-spin}@media (prefers-reduced-motion:reduce){.status-spinner{animation:none}}.action-bar--guided{grid-template-columns:1fr 1fr}.action-bar__reason,.action-bar__hint{font-size:var(--text-sm);grid-column:1/-1;margin:0}.action-bar__reason{color:#fde68a}.action-bar__hint{color:var(--color-text-muted)}.workflow-checklist__list{gap:.75rem;margin:0;list-style:none;display:grid}.workflow-checklist__step{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-body);grid-template-columns:auto 1fr;gap:.75rem;padding:.75rem;display:grid}.workflow-checklist__step[aria-current=step]{border-color:var(--color-focus-ring);box-shadow:0 0 0 1px #93c5fd29}.workflow-checklist__step--done{border-color:#14532d}.workflow-checklist__step--blocked{border-color:#854d0e}.workflow-checklist__icon{border-radius:var(--radius-pill);background:var(--color-border-subtle);place-items:center;width:1.8rem;height:1.8rem;font-weight:800;display:grid}.workflow-checklist__step p{margin:.35rem 0 0}.workflow-checklist__step strong{margin-right:.5rem}.field-group legend{color:var(--color-text-strong);padding:0 .35rem;font-weight:800}.field-row__label-line{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.field-row__label-line label{color:var(--color-text-strong);font-weight:700}.field-row__help-link{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-link);font-size:var(--text-xs);padding:.12rem .45rem;font-weight:700}.field-row__help-link:hover,.field-row__help-link:focus-visible{border-color:var(--color-focus-ring);text-decoration:none}.field-control{align-items:stretch;width:100%;display:flex}.field-control--with-unit input[type=number]{border-top-right-radius:0;border-bottom-right-radius:0}.field-unit{border:1px solid var(--color-border);border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md);color:var(--color-text-muted);background:#1e293bc7;border-left:0;justify-content:center;align-items:center;min-width:3rem;padding:0 .65rem;display:inline-flex}.field-checkbox{color:var(--color-text-muted);align-items:center;gap:.5rem;display:inline-flex}.field-help,.field-range,.field-error{font-size:var(--text-xs);margin:0;line-height:1.45}.field-help{color:var(--color-text-dim)}.field-range{color:var(--color-link)}.field-error{color:#fecaca;font-weight:700}.field-row--invalid input,.field-row--invalid select{background:#7f1d1d33;border-color:var(--color-error)!important}.field-row--invalid .field-unit{border-color:var(--color-error);color:#fecaca;background:#7f1d1d47}.field-row input[aria-invalid=true]:focus-visible,.field-row select[aria-invalid=true]:focus-visible{outline-color:var(--color-error);box-shadow:0 0 0 3px #f871713d}.viewport-footer{color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;gap:.65rem;display:flex}.viewport-toast{color:#bfdbfe;min-height:1.25rem;font-size:var(--text-sm)}.image-canvas-container.is-panning .image-canvas{cursor:grabbing}.image-canvas{cursor:crosshair;touch-action:none}.result-table-shell{gap:.75rem;display:grid}.result-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;display:flex}.result-table-filter{gap:.25rem;min-width:min(18rem,100%);display:grid}.result-table-filter input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text);padding:.5rem .65rem}.result-table-actions{flex-wrap:wrap;gap:.5rem;display:flex}.result-table-scroll{overscroll-behavior-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:auto}.result-table-sort{all:unset;cursor:pointer;font-weight:700;font-size:inherit}.result-table-sort:disabled{cursor:default;color:var(--color-text-dim)}.result-table-note,.result-table-empty{margin:0}.render-mode-toggle{border-radius:var(--radius-pill);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c2;border:1px solid #94a3b859;align-items:center;gap:.2rem;padding:.25rem;display:inline-flex}.render-mode-toggle__button{border-radius:var(--radius-pill);min-width:3rem;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);letter-spacing:.04em;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .65rem;font-weight:800;transition:background .14s,border-color .14s,color .14s,opacity .14s;display:inline-flex}.render-mode-toggle__button:hover:not(:disabled):not(.is-disabled),.render-mode-toggle__button:focus-visible{color:var(--color-text-strong);border-color:var(--color-border-strong)}.render-mode-toggle__button.is-active{color:#eff6ff;border-color:var(--color-focus-ring);background:#1d4ed8b8}.render-mode-toggle__button:disabled,.render-mode-toggle__button.is-disabled{cursor:not-allowed;opacity:.48}.render-mode-toggle__spinner{border:2px solid #e2e8f047;border-top-color:var(--color-text-strong);border-radius:50%;width:.75rem;height:.75rem;animation:.8s linear infinite render-mode-spin}.render-mode-toggle-overlay{z-index:4;position:absolute;bottom:.75rem;right:.75rem}.render-mode-readonly-note{color:var(--color-link);font-size:var(--text-sm)}.viewport-overlay-hint{border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--text-xs);box-shadow:var(--shadow-card);background:#0f172ac7;margin-top:.35rem;padding:.3rem .5rem;display:block}@keyframes render-mode-spin{to{transform:rotate(360deg)}}.workbench-empty-state{text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-bg-panel);place-content:center;justify-items:center;gap:1.25rem;min-height:320px;padding:2.5rem 1.5rem;display:grid}.workbench-empty-state__skeleton{place-items:center;display:grid;position:relative}.workbench-empty-state__icon{opacity:.6;z-index:1;font-size:2rem;position:absolute}.workbench-empty-state__illustration{width:clamp(200px,50%,320px);color:var(--color-text-dim)}.workbench-empty-state__description{max-width:36rem;color:var(--color-text-muted);margin:0;line-height:1.6}.workbench-empty-state__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.workbench-empty-state__actions .button{font-size:var(--text-base);padding:.75rem 1.5rem}.workbench-empty-state__actions .button--primary,.workbench-empty-state__actions .button--secondary{font-weight:700}.workbench-empty-state__divider{color:var(--color-text-dim);font-size:var(--text-sm)}
