.layout{flex:1;grid-template-columns:minmax(320px,400px) 1fr;min-height:0;display:grid}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:12px;display:flex}.card-head{align-items:center;gap:8px;display:flex}.card-head>.head-actions,.card-head>.check:not(.check~.check){margin-left:auto}.help{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.help ol{margin:8px 0;padding-left:18px}.help li{margin-bottom:4px}.help p{font-size:var(--fs-sm);margin:6px 0 2px}.step-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.grid-dot{background:var(--grid-color)}.bar-dot{background:var(--bar-color)}.badge{font-size:var(--fs-xs);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);padding:2px 8px}.badge.ok{background:var(--good-bg);color:var(--good-text)}.badge.todo{background:var(--warn-bg);color:var(--warn-text)}.bar-strip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;height:28px}table.ticks{border-collapse:collapse;width:100%;font-size:var(--fs-md)}table.ticks th{text-align:left;font-weight:500;font-size:var(--fs-sm);color:var(--muted);padding:2px 4px}table.ticks td{padding:3px 4px}table.ticks td.pos{font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}table.ticks input{width:110px}table.ticks td.pos input{width:76px;margin-right:3px}table.ticks tr.invalid input{border-color:var(--danger)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);max-height:360px;overflow:auto}.table-wrap:has(table:empty){display:none}.result-table{border-collapse:collapse;font-family:var(--mono);font-size:var(--fs-xs)}.result-table th{background:var(--surface-2);text-align:center;white-space:nowrap;z-index:var(--z-sticky);padding:3px 6px;font-weight:600;position:sticky;top:0}.result-table th.rowhead{text-align:left;z-index:calc(var(--z-sticky) + 1);position:sticky;left:0}.result-table thead th.rowhead{z-index:calc(var(--z-sticky) + 2)}.result-table td{text-align:right;white-space:nowrap;cursor:default;border:1px solid #80808026;padding:3px 6px}.result-table td.flagged{outline:2px solid var(--flag-color);outline-offset:-2px}.result-table td.hl{outline:2px solid var(--highlight-color);outline-offset:-2px}.stage{background:var(--stage);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.viewer{flex:1;min-height:0;position:relative;overflow:hidden}.viewer-canvas{cursor:crosshair;touch-action:none;display:block;position:absolute;inset:0}.viewer-canvas.grab{cursor:grab}.viewer-canvas.grabbing{cursor:grabbing}.viewer-canvas.over-handle,.viewer-canvas.dragging{cursor:move}.viewer-loupe{pointer-events:none;border:2px solid #fff;border-radius:50%;width:132px;height:132px;display:none;position:absolute;top:0;left:0;box-shadow:0 2px 10px #00000073}.empty-state{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.empty-card{text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);max-width:420px;padding:28px 32px}.empty-card p{margin:4px 0}.empty-card .btn{margin-top:12px}.empty-stack{flex-direction:column;gap:12px;max-width:420px;display:flex}.empty-card.dropzone{cursor:pointer}.empty-card.examples{border-style:solid;padding:18px 32px}.empty-card.examples .btn{margin:8px 3px 0}.empty-icon{border-radius:var(--radius-md);background:linear-gradient(90deg, transparent 32%, var(--surface) 32% 34%, transparent 34% 66%, var(--surface) 66% 68%, transparent 68%), linear-gradient(transparent 32%, var(--surface) 32% 34%, transparent 34% 66%, var(--surface) 66% 68%, transparent 68%), conic-gradient(from -90deg, var(--brand-1) 0 25%, var(--brand-2) 0 50%, var(--brand-3) 0 75%, var(--brand-4) 0);width:48px;height:48px;margin:0 auto 10px}.drop-overlay{border:3px dashed var(--accent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 12%, transparent);font-size:var(--fs-lg);color:var(--text);pointer-events:none;place-items:center;font-weight:600;display:grid;position:absolute;inset:8px}.modebar{background:var(--text);max-width:calc(100% - 24px);color:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);font-size:var(--fs-md);align-items:center;gap:12px;padding:6px 8px 6px 14px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.modebar .btn{height:var(--control-h-sm);min-height:var(--control-h-sm);font-size:var(--fs-sm);padding:0 10px}.viewbar{background:var(--surface);border-top:1px solid var(--border);min-height:36px;font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:4px 12px;display:flex}.viewbar-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.zoom-group{margin-left:auto}.viewbar .btn,.viewbar input.num,.viewbar select{height:var(--control-h-sm);min-height:var(--control-h-sm);font-size:var(--fs-sm)}.viewbar .btn:not(.icon-only){padding:0 10px}.viewbar input.num{width:52px;padding:2px 6px}.viewbar select{width:auto;padding:2px 6px}#page-count{color:var(--muted)}.viewbar input.zoom-level{width:58px;height:var(--control-h-sm);min-height:var(--control-h-sm);text-align:center;font-size:var(--fs-sm);font-family:var(--mono);font-variant-numeric:tabular-nums;padding:2px 4px}.source-info{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:160px;min-width:0;overflow:hidden}.statusbar{background:var(--surface);border-top:1px solid var(--border);min-height:28px;font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;align-items:center;gap:12px;padding:4px 12px;display:flex;overflow:hidden}.swatch{border-radius:var(--radius-sm);border:1px solid var(--border);width:14px;height:14px;display:inline-block}#status-cell{color:var(--text)}.toast{border-radius:var(--radius);background:var(--text);color:var(--bg);box-shadow:var(--shadow);z-index:var(--z-toast);max-width:calc(100% - 32px);padding:10px 16px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.toast.error{background:var(--danger);color:var(--danger-contrast)}@media (max-width:820px){.layout{grid-template-columns:1fr}.stage{order:-1;height:62vh;min-height:320px}.sidebar{border-right:none;padding:12px 16px;overflow:visible}}.roi-dot{background:var(--region-color)}.shape-icon{--roi-color:currentColor;border:2px solid var(--roi-color);flex:none;width:14px;height:12px;display:inline-block}.shape-icon.ellipse{border-radius:50%}.shape-icon.rect{border-radius:1px}.shape-icon.polygon{background:var(--roi-color);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);border:none}.agent h3{font-size:var(--fs-sm);margin:0 0 6px;font-weight:600}.agent-review{border:1px solid var(--bar-color);border-radius:var(--radius-md);padding:8px}.agent-review ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.agent-review li{font-size:var(--fs-sm);flex-direction:column;gap:4px;display:flex}.agent-review li>.chip{align-self:flex-start}.agent-log{max-height:280px;font-size:var(--fs-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);overflow-wrap:anywhere;margin:0;padding:6px 8px 6px 26px;overflow-y:auto}.agent-log li{margin:2px 0}.agent-log .tool{font-family:var(--mono);color:var(--muted)}.agent-log .error{color:var(--danger)}.agent-log .result{color:var(--muted)}.agent-log .done{font-weight:600}.agent-log .who{border-radius:var(--radius-sm);font-size:var(--fs-xs);text-transform:uppercase;background:var(--border);color:var(--muted);margin-right:6px;padding:0 5px;font-weight:600;display:inline-block}.agent-log .who.agent{background:var(--accent-soft);color:var(--accent)}.agent-log .who.decision{background:var(--decision-bg);color:var(--decision-text)}.settings-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(760px,100vw - 32px);height:min(720px,100vh - 32px);color:var(--text);padding:0;box-shadow:0 12px 40px #00000040}.settings-dialog[open]{flex-direction:column;display:flex}.settings-dialog::backdrop{background:#0a0c1073}.settings-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:0;padding:10px 12px 10px 16px;display:flex}.settings-head h2{font-size:var(--fs-lg);letter-spacing:0;text-transform:none;font-weight:650}.settings-head .btn.icon-only{width:var(--control-h);min-width:var(--control-h)}.settings-body{flex:1;grid-template-columns:170px 1fr;min-height:0;display:grid}.settings-nav{border-right:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:2px;padding:10px 8px;display:flex}.settings-nav button{text-align:left;color:var(--text);font:inherit;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;padding:7px 10px}.settings-nav button:hover{background:var(--surface)}.settings-nav button.active{background:var(--accent-soft);font-weight:600}.settings-pane{flex-direction:column;gap:10px;min-width:0;padding:14px 18px 18px;display:flex;overflow-y:auto}.settings-pane h3{font-size:var(--fs-base);margin:0}.settings-pane fieldset{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;margin:0;padding:8px 12px 12px;display:flex}.settings-pane legend{font-weight:600;font-size:var(--fs-md);padding:0 4px}table.hotkeys{border-collapse:collapse;width:100%;font-size:var(--fs-md);table-layout:fixed}table.hotkeys td{border-bottom:1px solid var(--border);vertical-align:middle;padding:4px 6px}table.hotkeys td:nth-child(2){white-space:nowrap;width:110px}table.hotkeys td:last-child{width:250px}.hotkey-actions{justify-content:flex-end;gap:var(--space-1);display:flex}.settings-pane :is(.hotkey-actions,.color-row) .btn{height:var(--control-h-sm);min-height:var(--control-h-sm);padding:0 var(--space-2);font-size:var(--fs-md)}table.hotkeys tr:last-child td{border-bottom:0}table.hotkeys tr.capturing td{background:var(--accent-soft)}kbd{text-align:center;min-width:1.6em;font:var(--fs-sm) var(--mono);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);border-bottom-width:2px;margin:1px 4px 1px 0;padding:1px 6px;display:inline-block}@media (max-width:600px){.settings-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap}}.bar-match{margin:0;line-height:1.4}.bar-match .btn{margin-left:var(--space-1);vertical-align:middle}.bar-match code{color:var(--text);font-weight:600}.bar-match.exact code{color:var(--good-text)}.axis-block+.axis-block{margin-top:var(--space-2)}.axis-block .card-actions select{width:auto}.profile-plot{width:100%;height:140px;margin-top:var(--space-2);cursor:crosshair;touch-action:none;display:block}#profile-view .card-actions{margin-top:var(--space-3)}#profile-edit .fields{margin-top:var(--space-2)}.profile-at{margin:var(--space-2) 0 0;font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums}.profile-at:empty{display:none}.hotkey-list,.color-list{flex-direction:column;gap:10px;display:flex}.color-row{font-size:var(--fs-md);align-items:center;gap:8px;display:flex}.color-name{flex:1;min-width:0}.color-swatches{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.color-swatches input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:28px;height:24px;padding:0 2px}