:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18202a;font-synthesis:none;--ink:#18202a;--muted:#66717f;--line:#cfd6df;--line-dark:#b7c0ca;--panel:#fff;--soft:#eef2f6;--accent:#4f8fe8;--danger:#991b1b;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f6f8;min-width:320px;min-height:100vh;margin:0;overflow-y:scroll}body.annotation-large-open,body.gallery-modal-open{overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed!important}a{color:#245fae}p{color:var(--muted)}.shell{min-height:100vh}.app-view[hidden],.studio-view[hidden]{display:none}.masthead{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:24px;min-height:70px;padding:7px max(28px,50% - 560px);display:grid}.brand{cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;align-items:center;gap:9px;padding:0;display:inline-flex}.brand img{width:45px;height:45px;display:block}.brand>span{gap:0;display:grid}.brand strong{font-size:26px;line-height:1.05}.brand small{color:var(--muted);font-size:15px;line-height:1.15}.brand small b{color:var(--ink)}.main-nav{border:1px solid var(--line-dark);background:#fff;justify-self:end;width:300px;display:inline-flex}.main-nav button{border:0;border-right:1px solid var(--line-dark);color:#000;cursor:pointer;white-space:nowrap;background:#fff;flex:auto;min-width:0;min-height:38px;padding:0 19px;font-size:13px}.main-nav button:last-child{border-right:0}.main-nav button.active{color:#fff;background:var(--ink)}main{width:min(1176px,100%);margin:0 auto;padding:8px 28px 56px}.mode-switch{border:1px solid var(--line-dark);background:#fff;flex:none;width:100%;display:inline-flex}.mode-switch button{border:0;border-right:1px solid var(--line-dark);color:#505b68;cursor:pointer;white-space:nowrap;background:#fff;flex:1;min-width:0;min-height:32px;padding:0 9px;font-size:11px;font-weight:600}.mode-switch button:last-child{border-right:0}.mode-switch button.active{color:#fff;background:var(--ink)}.workspace,.live-layout,.annotation-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.workspace,.live-layout{grid-template-areas:"main sidebar"}.workspace-main,.live-main{grid-area:main}.workspace-main,.live-main,.annotation-main{min-width:0}.drop-zone{border:1px solid var(--line);background:#fff;min-height:92px}.drop-zone.dragging{border-color:var(--accent);background:#eef6ff;box-shadow:inset 0 0 0 2px #4f8fe82e}.drop-zone>button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:14px;width:100%;min-height:92px;padding:16px 18px;display:flex}.drop-zone>button>strong{font-size:14px}.drop-zone>button>small{color:var(--muted);flex:1;font-size:12px}.drop-zone>button>b{border:1px solid var(--line-dark);background:#fff;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.drop-icon{color:var(--muted);gap:4px;display:inline-flex}.file-ticket{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:92px;padding:14px 18px;display:grid}.file-ticket>div{color:var(--muted)}.file-ticket .file-thumbnail{border:1px solid var(--line);background:#111820;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.file-ticket .file-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.file-ticket .file-thumbnail svg{color:#c4ccd5;width:21px;height:21px}.file-ticket>span{gap:4px;display:grid}.file-ticket small{color:var(--muted);font-size:12px}.file-ticket button{border:1px solid var(--line);cursor:pointer;background:#fff;place-items:center;width:34px;height:34px;display:grid}.processing-bar,.source-bar,.annotation-command{border:1px solid var(--line);background:#fff;align-items:center;gap:9px;min-height:58px;margin-top:10px;padding:10px;display:flex}.processing-bar label{color:#505b68;align-items:center;gap:6px;margin-right:auto;font-size:12px;display:flex}.processing-bar input{border:1px solid var(--line-dark);background:#fff;width:76px;height:34px;padding:0 7px}.processing-bar small{color:var(--muted)}button.primary,button.secondary,button.source-button,.annotation-command button,.annotation-actions-panel button,.tool-group button,.live-actions button,.record-controls button,.stage-empty button{border:1px solid var(--line-dark);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}button.primary,.annotation-command .save-button,.annotation-actions-panel .save-button{color:#fff;border-color:var(--ink);background:var(--ink)}button.danger{color:var(--danger);border-color:#cfaeae}button.ghost{background:#fff}.cancel-button{border:1px solid var(--line-dark);color:#505b68;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.cancel-button:hover{background:var(--soft)}.preview-stage,.live-stage{border:1px solid var(--line);background:#111820;min-height:500px;margin-top:10px;position:relative;overflow:hidden}.preview-stage:not(.ready){background:#fbfaf7;border-color:#d8d4cb}.workspace.file-drag-active .preview-stage{border-color:var(--accent);box-shadow:inset 0 0 0 3px #4f8fe866}.workspace.file-drag-active .stage-empty{color:#174f91;background:#e2f0ffd1}.preview-stage canvas,.live-stage video,.live-stage canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.live-stage canvas{pointer-events:none}.stage-empty{z-index:2;color:#68736f;text-align:center;background:#fbfaf7;align-content:center;place-items:center;gap:9px;padding:24px;display:grid;position:absolute;inset:0}.stage-empty>:not(.scan-grid){z-index:1;position:relative}.stage-empty .scan-grid{opacity:.32;background-image:linear-gradient(#78847e1a 1px,#0000 1px),linear-gradient(90deg,#78847e1a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.stage-empty strong{color:var(--ink);letter-spacing:-.02em;font-size:clamp(18px,2vw,24px)}.stage-empty>span{max-width:330px;font-size:12px;line-height:1.5}.stage-empty button{color:#fff;background:#394f59;border-color:#394f59;margin-top:6px;box-shadow:0 5px 14px #394f5929}.stage-empty button:hover{background:#263b44;border-color:#263b44}.puzzle-illustration{width:124px;height:124px;margin:0 0 3px}.puzzle-core{transform-box:fill-box;transform-origin:50%;animation:90s linear infinite puzzle-core-gentle-spin}.puzzle-detection-frame{fill:none;stroke:#2563eb;stroke-width:5px;opacity:0}.preview-stage:not(.ready):hover .puzzle-detection-frame{opacity:1}@keyframes puzzle-core-gentle-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.puzzle-core{animation:none}}.piece-readout{z-index:3;color:#fff;background:#111820db;min-width:108px;padding:12px 14px;display:grid;position:absolute;bottom:16px;left:16px}.piece-readout span,.piece-readout small{letter-spacing:.08em;font-size:9px}.piece-readout strong{font-size:38px;line-height:1}.style-rail,.annotation-toolbar{border:1px solid var(--line);background:#fff;border-top:0;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.style-rail{flex-wrap:nowrap;gap:6px;padding:10px}.style-rail>label,.tool-group>label,.appearance-group>label{color:var(--muted);font-size:10px;font-weight:700}.color-picker{gap:5px;display:flex}.color-picker button{color:#18202a;background:var(--color);cursor:pointer;border:1px solid #8e98a3;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid}.color-picker button.rainbow{background:conic-gradient(#ff5c35,#ffb000,#c8f04b,#3de0b7,#4fb7ff,#af7cff,#f05da9,#ff5c35)}.color-picker button.selected{outline:2px solid var(--ink);outline-offset:2px}.rail-divider{background:var(--line);width:1px;height:28px}.toggle{border:1px solid var(--line-dark);cursor:pointer;background:#fff;align-items:center;gap:7px;min-height:32px;padding:0 9px 0 5px;font-size:11px;display:inline-flex}.toggle>span{color:var(--muted);background:var(--soft);padding:3px 5px;font-size:8px;font-weight:700}.toggle.on>span{color:#fff;background:var(--ink)}.range-label,.opacity{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.range-label input,.opacity input{width:82px;accent-color:var(--accent)}.range-label b,.opacity b{min-width:32px;color:var(--ink);font-size:10px}.style-rail .color-picker{gap:4px}.style-rail .color-picker button{width:22px;height:22px}.style-rail .toggle{gap:5px;padding:0 7px 0 4px}.style-rail .range-label{white-space:nowrap;flex:0 auto;gap:5px}.style-rail .range-label input{width:58px}.progress-line{background:#dfe4e9;height:4px;margin-top:8px}.progress-line span{background:var(--accent);height:100%;transition:width .2s;display:block}.status-copy{min-height:18px;color:var(--muted);margin:7px 0 0;font-size:12px}.workspace-main>.preview-stage,.live-main>.live-stage{margin-top:0}.analysis-player{border:1px solid var(--line);background:#111820;overflow:hidden}.analysis-player canvas{background:#111820;width:100%;height:auto;display:block}.analysis-player-controls{border-top:1px solid var(--line-dark);background:#fff;grid-template-columns:36px auto minmax(100px,1fr) auto auto;align-items:center;gap:9px;min-height:48px;padding:7px 10px;display:grid}.analysis-player-controls button{border:1px solid var(--line-dark);cursor:pointer;background:#fff;place-items:center;width:36px;height:32px;padding:0;display:grid}.analysis-player-controls button:hover{background:var(--soft)}.analysis-player-controls button svg{width:15px;height:15px}.analysis-player-controls>span{color:#505b68;font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:10px;font-weight:650}.analysis-player-controls input{width:100%;accent-color:var(--accent);cursor:pointer}.analysis-player-controls small{color:var(--muted);white-space:nowrap;font-size:9px}.inspector,.live-inspector,.annotation-inspector{border:1px solid var(--line);background:#fff;gap:11px;padding:14px;display:grid;position:sticky;top:14px}.inspector-kicker{color:var(--muted);font-size:10px;font-weight:700}.metric-grid{border:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;align-content:center;gap:3px;min-height:76px;padding:10px;display:grid}.metric:nth-child(2n){border-right:0}.metric span{color:var(--muted);font-size:9px;font-weight:700}.metric strong{font-size:23px}.metric small{color:var(--muted);font-size:9px}.metric.accent strong{color:#245fae;font-size:31px}.export-stack{gap:7px;padding-top:3px;display:grid}.export-stack h2,.export-stack h3{margin:0;font-size:15px}.export-stack>p{margin:0 0 5px;font-size:11px;line-height:1.45}.export-stack button{border:1px solid var(--line-dark);cursor:pointer;text-align:left;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:42px;padding:0 10px;font-size:11px;font-weight:600;display:grid}.export-stack button.featured{color:#fff;border-color:var(--ink);background:var(--ink)}.export-stack button.data-download{grid-template-columns:auto 1fr}.download-style-controls{border:1px solid var(--line);background:var(--soft);gap:10px;margin:1px 0 3px;padding:10px;display:grid}.download-style-controls label,.download-line-control>span{color:#505b68;font-size:10px;font-weight:700}.download-color-control{gap:9px;display:grid}.download-color-control>label{display:block}.download-style-controls .color-picker{grid-template-columns:repeat(6,26px);justify-content:center;justify-items:center;gap:10px;width:100%;padding:1px 4px 3px;display:grid}.export-stack .download-style-controls .color-picker button{background:var(--color);border:1px solid #84909d;border-radius:50%;grid-template-columns:1fr;place-items:center;width:26px;height:26px;min-height:26px;padding:0;display:grid}.export-stack .download-style-controls .color-picker button.rainbow{background:conic-gradient(#ff5c35,#ffb000,#c8f04b,#3de0b7,#4fb7ff,#af7cff,#f05da9,#ff5c35)}.download-toggle-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.export-stack .download-toggle-row .toggle{text-align:left;grid-template-columns:none;justify-content:flex-start;gap:6px;min-height:32px;padding:0 7px 0 5px;display:inline-flex}.download-line-control,.download-confidence-control{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.download-line-control input,.download-confidence-control input{width:100%;accent-color:var(--accent)}.download-line-control b,.download-confidence-control b{min-width:28px;color:var(--ink);text-align:right;font-size:10px}.plot-layout-control{gap:6px;display:grid}.plot-layout-control>span{color:#505b68;font-size:10px;font-weight:700}.plot-layout-control>div{border:1px solid var(--line-dark);grid-template-columns:1fr 1fr;display:grid}.export-stack .plot-layout-control button{border:0;border-right:1px solid var(--line-dark);color:#505b68;cursor:pointer;text-align:center;background:#fff;min-height:30px;padding:0 6px;font-size:10px;font-weight:600;display:block}.export-stack .plot-layout-control button:last-child{border-right:0}.export-stack .plot-layout-control button.active{color:#fff;background:var(--ink)}.download-progress{gap:6px;padding:3px 1px 1px;display:grid}.download-progress p{color:#505b68;justify-content:space-between;gap:8px;margin:0;font-size:10px;font-weight:600;display:flex}.download-progress p strong{color:var(--ink);font-size:10px}.download-progress .progress-line{height:5px;margin:0}.download-progress.error p{color:var(--danger);font-weight:500;line-height:1.4;display:block}.csv-icon{font-size:9px;font-weight:700}.local-card,.setup-tip{border:1px solid var(--line);background:var(--soft);gap:9px;padding:11px;display:flex}.local-card svg,.setup-tip svg{flex:none;width:17px}.local-card strong,.setup-tip strong{font-size:11px}.local-card p,.setup-tip p{margin:3px 0 0;font-size:10px;line-height:1.45}.file-sidebar,.live-sidebar{grid-area:sidebar;gap:8px;display:grid;position:sticky;top:10px}.live-sidebar .live-inspector{position:static}.sidebar-model-status{color:#89929d;margin:-1px 2px 0;font-size:9px;line-height:1.35}.upload-panel,.downloads-panel,.live-appearance-panel{border:1px solid var(--line);background:#fff;padding:14px}.upload-panel>h2,.downloads-panel>h2,.live-appearance-panel>h2,.live-inspector>h2{color:var(--ink);margin:0 0 11px;font-size:15px}.upload-panel>h2{margin-bottom:5px}.upload-help{color:var(--muted);margin:0 0 11px;font-size:10px;line-height:1.45}.live-inspector>h2,.downloads-panel>h2{margin-bottom:0}.live-appearance-panel .download-style-controls{margin:0}.file-sidebar .drop-zone{min-height:0}.file-sidebar .drop-zone>button{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:14px}.file-sidebar .drop-zone>button>small{flex:0;line-height:1.4}.file-sidebar .drop-zone>button>b{justify-content:center;width:100%;margin-top:3px}.file-sidebar .file-ticket{grid-template-columns:auto minmax(0,1fr) auto;min-height:0;padding:13px}.file-sidebar .file-ticket strong,.file-sidebar .file-ticket small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-sidebar .processing-bar{border-top:0;flex-direction:column;align-items:stretch;margin-top:0}.file-sidebar .processing-bar button{width:100%}.processing-status{gap:5px;display:grid}.processing-status p{min-height:14px;color:var(--muted);margin:0;font-size:10px;line-height:1.4}.processing-status .progress-line{height:5px;margin:0}.annotation-file-drag-active .annotation-canvas-shell{border-color:var(--accent);box-shadow:inset 0 0 0 3px #4f8fe866}.annotation-file-drag-active .annotation-canvas-shell .stage-empty{color:#174f91;background:#e2f0ffd1}.sampling-control{border:1px solid var(--line);background:var(--soft);gap:8px;padding:12px;display:grid}.sampling-heading{align-items:center;gap:7px;display:flex}.sampling-heading label{color:var(--ink);margin:0;font-size:13px;font-weight:700}.help-tooltip{border:1px solid var(--line-dark);color:#505b68;cursor:help;background:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;line-height:1;display:inline-grid;position:relative}.help-tooltip:after{content:attr(aria-label);z-index:8;border:1px solid var(--line-dark);width:270px;color:var(--ink);opacity:0;pointer-events:none;background:#fff;padding:9px 10px;font-size:11px;font-weight:400;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 20px #18202a29}.help-tooltip:hover:after,.help-tooltip:focus:after{opacity:1;transform:translate(-50%)}.sampling-control>p{color:var(--muted);margin:-2px 0 0;font-size:11px}.interval-entry{border:1px solid var(--line-dark);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;overflow:hidden}.interval-entry:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #4f8fe82e}.interval-entry.invalid{border-color:#b45353}.interval-entry.invalid:focus-within{border-color:#b45353;box-shadow:0 0 0 2px #b4535324}.interval-entry input{width:100%;height:46px;color:var(--ink);appearance:textfield;background:0 0;border:0;outline:0;padding:0 11px;font-size:20px;font-weight:650}.interval-entry input::-webkit-inner-spin-button{appearance:none;margin:0}.interval-entry input::-webkit-outer-spin-button{appearance:none;margin:0}.interval-entry>span{border-left:1px solid var(--line);color:var(--muted);background:#f8fafb;align-items:center;padding:0 11px;font-size:11px;display:flex}.interval-presets{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.interval-presets button{border:1px solid var(--line-dark);color:#505b68;cursor:pointer;background:#fff;min-width:0;min-height:29px;padding:0 3px;font-size:10px;font-weight:650}.interval-presets button:hover{background:#f8fafb}.interval-presets button.active{border-color:var(--ink);color:#fff;background:var(--ink)}.sampling-control>small{color:var(--muted);font-size:10px}.sampling-control>small.interval-error{color:var(--danger);margin-top:-3px}.sampling-control>small strong{color:var(--ink);font-size:11px}.downloads-panel.export-stack{padding-top:14px}.chart{border:1px solid var(--line);background:#fff;min-width:0;position:relative;overflow:hidden}.chart svg{width:100%;height:100%;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.chart-axis{color:var(--muted);pointer-events:none;justify-content:space-between;font-size:10px;line-height:1;display:flex;position:absolute;bottom:7px;left:40px;right:40px}.grid-line{stroke:#e1e5ea;stroke-width:1px;vector-effect:non-scaling-stroke}.chart-label{z-index:1;gap:2px;display:grid;position:absolute;top:12px;left:14px}.chart-label span{color:var(--muted);font-size:9px;font-weight:700}.chart-label strong{font-size:24px}.chart-label.value-only{gap:0}.chart-legend{z-index:2;color:var(--muted);gap:10px;font-size:9px;display:flex;position:absolute;top:13px;right:13px}.chart-legend span{align-items:center;gap:4px;display:inline-flex}.chart-legend i{border-radius:2px;width:14px;height:3px;display:inline-block}.chart-empty{height:100%;color:var(--muted);place-items:center;font-size:12px;display:grid}.source-bar{margin-top:0}.source-bar>div{align-items:center;gap:8px;display:flex}.source-bar>div>span,.source-bar>label{color:var(--muted);font-size:10px;font-weight:700}.source-bar label{gap:4px;margin-left:auto;display:grid}.source-bar select{border:1px solid var(--line-dark);background:#fff;min-width:145px;height:34px;padding:0 8px}.camera-source-panel{gap:8px;display:grid}.camera-source-panel .source-button{justify-content:flex-start;width:100%}.camera-source-panel label{color:var(--muted);gap:5px;font-size:9px;font-weight:700;display:grid}.camera-source-panel select{border:1px solid var(--line-dark);background:#fff;width:100%;height:36px;padding:0 9px}.camera-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.camera-actions button,.stop-camera{border:1px solid var(--line-dark);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.camera-actions button:hover:not(:disabled){background:var(--soft)}.camera-actions button:disabled{color:#9aa3ad;border-color:var(--line);cursor:not-allowed}.stop-camera{color:#505b68;border-color:var(--line);background:var(--soft);width:100%;margin-top:1px}.stop-camera:hover{color:var(--danger);background:snow;border-color:#cfaeae}.camera-actions svg,.stop-camera svg{width:15px;height:15px}.camera-status{color:var(--danger);margin:0;font-size:10px;line-height:1.4}.live-metrics{grid-template-columns:1fr}.live-metrics .metric{border-bottom:0;border-right:0}.pair-card{border:1px solid var(--line);background:#fff;border-top:0;grid-template-columns:105px 1fr auto;align-items:center;gap:16px;padding:14px;display:grid}.pair-card img{width:105px;height:105px}.pair-card span{color:var(--muted);font-size:9px;font-weight:700}.pair-card h3{margin:5px 0 3px;font-size:19px}.pair-card p,.pair-card strong{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.pair-card strong{color:#166534;margin-top:7px;display:block}.pair-card>button{cursor:pointer;background:0 0;border:0;align-self:start}.live-actions{gap:8px;margin:9px 0;display:flex}.best-setup-note{color:var(--muted);margin:6px 2px 0;font-size:10px;line-height:1.45}.best-setup-note strong{color:#505b68}.record-panel{border:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px;padding:14px;display:grid}.record-panel>div:first-child>span{color:var(--muted);font-size:9px;font-weight:700}.record-panel h3{margin:5px 0 3px;font-size:16px}.record-panel p{margin:0;font-size:11px}.record-panel .chart{grid-column:1/-1}.record-controls{gap:7px;display:flex}.big-count{border:1px solid var(--line);background:#fff;align-content:center;place-items:center;min-height:150px;display:grid}.big-count span{color:var(--muted);font-size:9px;font-weight:700}.big-count strong{color:#166534;font-size:64px;line-height:1}.live-overlay-setup{border:1px solid var(--line);background:#fff;margin-top:14px}.overlay-setup-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:16px;display:flex}.overlay-setup-heading>div>span{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:750}.overlay-setup-heading h2{margin:4px 0 3px;font-size:20px}.overlay-setup-heading p{max-width:650px;margin:0;font-size:11px;line-height:1.5}.overlay-sharing-status{color:#166534;white-space:nowrap;background:#effaf2;border:1px solid #a7d7b5;align-items:center;gap:6px;padding:6px 8px;font-size:9px;font-weight:750;display:inline-flex}.overlay-sharing-status i{background:#16a34a;border-radius:50%;width:7px;height:7px}.overlay-sharing-status.stale{color:#991b1b;background:#fff1f1;border-color:#e4a6a6}.overlay-sharing-status.stale i{background:#dc2626}.overlay-widget-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.overlay-widget-options label{border:1px solid var(--line);cursor:pointer;align-items:center;gap:9px;min-height:46px;padding:8px 10px;display:flex}.overlay-widget-options label:has(input:checked){background:#f1f7ff;border-color:#9ebbe3}.overlay-widget-options input{accent-color:var(--ink);flex:none}.overlay-widget-options label>span{gap:2px;display:grid}.overlay-widget-options b{font-size:10px}.overlay-widget-options small{color:var(--muted);font-size:8px;line-height:1.3}.overlay-generate-button{width:100%}.overlay-generate-button svg{width:15px;height:15px}.overlay-reset-button{border:1px solid var(--line);color:#505b68;cursor:pointer;background:#fff;min-height:32px;font-size:10px;font-weight:650}.overlay-setup-status{border-top:1px solid var(--line);color:#166534;background:#effaf2;margin:0;padding:8px 16px;font-size:10px}.overlay-setup-status.error{color:var(--danger);background:#fff5f5}.overlay-session-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:6px 16px;display:flex}.overlay-session-actions span{color:var(--muted);font-size:9px}.overlay-session-actions button{color:var(--danger);cursor:pointer;background:0 0;border:0;padding:4px 7px;font-size:9px;font-weight:700}html.pico-overlay-page,body.pico-overlay-page,body.pico-overlay-page #root,#root.pico-overlay-root{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;background-color:#0000!important;background-image:none!important}.hud-editor-stage,.hud-output{font-synthesis:none;font-kerning:normal;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hud-editor-stage{background-color:#1a222c;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:100%;height:auto;min-height:0;overflow:hidden}.hud-editor-video-region{background:#111820;position:absolute;inset:0;overflow:hidden}.hud-editor-video-region video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hud-editor-video-region .stage-empty{z-index:4}.hud-widget{z-index:6;color:#fff;border:1px solid #ffffff2e;min-width:0;position:absolute;overflow:hidden;container-type:size}.hud-editor-widget{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.hud-editor-widget.selected{z-index:8;outline-offset:1px;outline:2px solid #4f8fe8}.hud-drag-label{z-index:8;color:#fff;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;background:#111820c2;max-width:calc(100% - 10px);padding:3px 5px;font-size:8px;font-weight:700;line-height:1;position:absolute;top:5px;left:5px;overflow:hidden}.hud-editor-widget:hover .hud-drag-label,.hud-editor-widget.selected .hud-drag-label{opacity:1}.hud-resize-handle{z-index:9;cursor:nwse-resize;opacity:0;background:#4f8fe8;border-top:2px solid #fff;border-left:2px solid #fff;width:20px;height:20px;position:absolute;bottom:0;right:0}.hud-editor-widget:hover .hud-resize-handle,.hud-editor-widget.selected .hud-resize-handle{opacity:1}.hud-responsive-content{width:100%;height:100%}.hud-number{align-content:center;gap:var(--hud-number-gap,2px);width:100%;height:100%;padding:var(--hud-number-padding,12px);color:inherit;text-shadow:0 2px 7px #000000bf;display:grid}.hud-number span{color:currentColor;font-size:var(--hud-number-label-size,14px);letter-spacing:.08em;white-space:nowrap;opacity:.78;font-weight:750;overflow:hidden}.hud-number strong{color:currentColor;font-size:var(--hud-number-value-size,54px);letter-spacing:-.05em;white-space:nowrap;line-height:.9;overflow:hidden}.hud-chart{width:100%;height:100%;color:inherit}.hud-chart .chart{width:100%;color:inherit;background:0 0;border:0;height:100%!important}.hud-chart .chart-label{top:var(--hud-chart-top,10px);left:var(--hud-chart-side,10px)}.hud-chart .chart-label span{color:currentColor;font-size:var(--hud-chart-label-size,11px);opacity:.72}.hud-chart .chart-label strong{color:currentColor;font-size:var(--hud-chart-value-size,26px);text-shadow:0 2px 7px #000000bf}.hud-chart .chart-legend{top:var(--hud-chart-top,10px);right:var(--hud-chart-side,10px);color:#ffffffb3;font-size:var(--hud-chart-detail-size,9px)}.hud-chart .chart-axis{left:var(--hud-chart-side,10px);right:var(--hud-chart-side,10px);bottom:var(--hud-chart-bottom,5px);color:#ffffffa6;font-size:var(--hud-chart-detail-size,9px)}.hud-chart .grid-line{stroke:#ffffff24}.hud-chart .chart-empty{color:#ffffffa8;font-size:var(--hud-chart-empty-size,12px)}.hud-detection-boxes{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.hud-builder-grid{grid-template-columns:1.15fr .85fr;display:grid}.hud-builder-section{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:14px 16px}.hud-builder-section:nth-child(2n){border-right:0}.hud-builder-section h3{margin:0 0 10px;font-size:12px}.hud-builder-section h3 small{color:var(--muted);font-size:9px;font-weight:500}.hud-select-control{color:var(--muted);gap:5px;font-size:9px;font-weight:700;display:grid}.overlay-widget-options+.hud-select-control{margin-top:9px}.hud-select-control select{border:1px solid var(--line-dark);background:#fff;width:100%;height:34px;padding:0 8px}.hud-appearance-editor>strong{margin-bottom:9px;font-size:11px;display:block}.hud-appearance-editor>p{margin:0;font-size:10px}.hud-text-control{gap:5px;margin-bottom:8px;display:grid}.hud-text-control span{color:var(--muted);font-size:9px;font-weight:650}.hud-text-control input{border:1px solid var(--line-dark);width:100%;height:32px;padding:0 8px}.hud-color-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hud-color-controls label{border:1px solid var(--line);grid-template-columns:1fr 34px;align-items:center;gap:7px;padding:6px 8px;display:grid}.hud-color-controls span,.hud-opacity-control>span{color:var(--muted);font-size:9px;font-weight:650}.hud-color-controls input{border:1px solid var(--line-dark);background:#fff;width:34px;height:28px;padding:2px}.hud-opacity-control{grid-template-columns:auto minmax(80px,1fr) 34px;align-items:center;gap:8px;margin-top:8px;display:grid}.hud-opacity-control input{width:100%;accent-color:var(--accent)}.hud-opacity-control b{font-size:9px}.hud-generate-section{border-right:0;grid-column:1/-1;grid-template-columns:minmax(210px,.75fr) minmax(220px,1fr) minmax(160px,.7fr);align-items:center;gap:10px;display:grid}.hud-generate-section h3{grid-column:1/-1;margin-bottom:0}.hud-generate-section p{margin:0;font-size:10px;line-height:1.55}.hud-generate-section>small{color:var(--muted);grid-column:1/-1;font-size:9px}.hud-resolution-card{border:1px solid var(--line-dark);background:#f8fafb;gap:3px;padding:11px 12px;display:grid}.hud-resolution-card span{color:var(--muted);letter-spacing:.06em;font-size:9px;font-weight:750}.hud-resolution-card strong{color:var(--ink);letter-spacing:-.03em;font-size:25px;line-height:1}.hud-resolution-card small{color:var(--muted);font-size:9px}.hud-resolution-card .hud-overlay-speed{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:5px;padding-top:6px;font-weight:700}.hud-generated-link{border-bottom:1px solid var(--line);background:#f8fafb;gap:8px;padding:14px 16px;display:grid}.hud-generated-link>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.hud-generated-link>div strong{font-size:12px}.hud-generated-link>div span{color:#9a5b00;font-size:9px;font-weight:700}.hud-generated-link>label{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.hud-generated-link input{border:1px solid var(--line-dark);color:#505b68;background:#fff;min-width:0;height:34px;padding:0 8px;font-size:9px}.hud-generated-link button{border:1px solid var(--line-dark);cursor:pointer;background:#fff;align-items:center;gap:5px;min-height:34px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.hud-generated-link button svg{width:14px}.hud-generated-link p{margin:0;font-size:10px}.hud-output{width:100%;height:100%;min-height:100vh;margin:0;padding:0;position:relative;overflow:hidden;background-color:#0000!important;background-image:none!important}.hud-output .hud-widget{pointer-events:none}.hud-connection-note,.hud-invalid{color:#fff;background:#111820cc;place-items:center;font-size:14px;display:grid}.hud-connection-note{z-index:20;padding:9px 12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.disclosure{border:1px solid var(--line-dark);background:#fff;margin:0 0 14px}.disclosure summary{cursor:pointer;background:var(--soft);justify-content:flex-start;align-items:center;gap:7px;min-height:44px;padding:0 13px;font-size:15px;font-weight:700;list-style:none;display:flex}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary svg{transition:transform .2s}.disclosure[open] summary svg{transform:rotate(180deg)}.disclosure>div{border-top:1px solid var(--line);color:#44505d;padding:3px 14px 14px;font-size:12px;line-height:1.55}.disclosure>div,.disclosure>div p{color:#000}.disclosure ol{margin-bottom:0;padding-left:20px}.disclosure li+li{margin-top:5px}kbd{border:1px solid var(--line-dark);background:#fff;padding:1px 4px;font-size:10px}.annotation-layout{grid-template-columns:minmax(0,1fr) 300px}.annotation-inspector>h2{color:var(--ink);margin:0;font-size:15px}.annotation-command{margin-top:0}.annotation-command button:not(.primary):not(.save-button){background:#fff}.annotation-command button{white-space:nowrap}.annotation-command button[aria-label=Undo],.annotation-command button[aria-label=Redo]{width:38px;padding:0}.command-spacer{flex:1}.shortcut-strip{border:1px solid var(--line);background:#fff;border-top:0;flex-wrap:wrap;display:flex}.shortcut-strip span{border-right:1px solid var(--line);min-width:max-content;color:var(--muted);text-align:center;flex:1;padding:7px 8px;font-size:10px}.annotation-canvas-shell{border:1px solid var(--line);touch-action:none;background:#111820;border-top:0;height:clamp(540px,70vh,820px);position:relative;overflow:hidden}.annotation-canvas-shell canvas{cursor:crosshair;touch-action:none;position:absolute;inset:0}.annotation-status-live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.model-overlay{color:#fff;background:#111820d1;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.annotation-toolbar{border-top:1px solid var(--line);grid-template-columns:auto 1fr;display:grid}.tool-group,.appearance-group{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.appearance-group{justify-content:flex-end}.tool-group button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.review-panel{border:1px solid var(--line);background:#fff}.review-panel summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:40px;padding:0 9px;list-style:none;display:flex}.review-panel summary span{font-size:11px;font-weight:700}.review-panel summary strong{color:var(--muted);font-size:9px}.review-panel>div{border-top:1px solid var(--line);max-height:165px;padding:4px;overflow:auto}.review-panel>div>p{margin:10px;font-size:10px}.review-panel>div>button{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e4e8ec;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;width:100%;min-height:39px;padding:5px;display:grid}.review-panel>div>button.active{z-index:1;box-shadow:inset 0 0 0 2px var(--accent);background:#eef6ff;position:relative}.review-panel button.reviewed{opacity:.5}.review-panel button span{gap:2px;display:grid}.review-panel button strong{font-size:10px}.review-panel button small{color:var(--muted);font-size:9px}.contributor{color:var(--muted);gap:6px;font-size:9px;font-weight:700;display:grid}.contributor input{border:1px solid var(--line-dark);background:#fff;height:38px;padding:0 9px}.contributor small{font-size:9px;font-weight:400}.annotation-actions-panel{border-bottom:1px solid var(--line);gap:9px;padding-bottom:12px;display:grid}.annotation-actions-panel h2{color:var(--ink);margin:0;font-size:15px}.annotation-actions-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.annotation-actions-grid>button{min-width:0;padding:0 8px}.annotation-actions-grid>.large-mode-button,.annotation-actions-grid>.save-button{grid-column:1/-1}.annotation-gallery-link{border:1px solid var(--line);color:#505b68;background:var(--soft);align-items:center;gap:7px;min-height:34px;padding:0 9px;font-size:10px;font-weight:650;text-decoration:none;display:flex}.annotation-gallery-link:hover{border-color:var(--line-dark);color:var(--ink);background:#fff}.annotation-gallery-link.armed{color:#174f91;background:#eef6ff;border-color:#8aadd9}.annotation-gallery-link span{flex:1}.annotation-gallery-link svg{width:14px;height:14px}.annotation-actions-panel .confirm-cancel{color:#fff;border-color:var(--danger);background:var(--danger)}.annotation-actions-panel .save-button.saved{color:#fff;background:#15803d;border-color:#15803d}.annotation-save-confirmation{color:#14532d;background:#f0fdf4;border:1px solid #a7d7b5;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px;margin:-1px 0 0;padding:8px 9px;font-size:10px;line-height:1.4;display:grid}.annotation-save-confirmation svg{width:14px;height:14px;margin-top:1px}.annotation-save-confirmation span{min-width:0}.annotation-save-confirmation strong{overflow-wrap:anywhere;color:#14532d;font-size:10px;display:block}.annotation-layout.large-mode{z-index:1000;background:#f4f6f8;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:8px;min-width:0;min-height:0;padding:8px;display:grid;position:fixed;inset:0}.annotation-layout.large-mode .annotation-main{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.annotation-layout.large-mode .annotation-command{flex-flow:row;min-width:0;margin:0}.annotation-layout.large-mode .annotation-command button{flex:none}.annotation-layout.large-mode .annotation-canvas-shell{height:auto;min-height:0}.annotation-layout.large-mode .annotation-toolbar{grid-template-columns:auto minmax(0,1fr);min-width:0}.annotation-layout.large-mode .annotation-inspector{overscroll-behavior:contain;align-content:start;min-width:0;height:100%;min-height:0;position:static;top:auto;overflow:hidden auto}.annotation-layout.large-mode .large-mode-button{border-color:var(--ink)}.gallery-page{gap:14px;display:grid}.gallery-heading{border:1px solid var(--line);background:#fff;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);align-items:center;gap:clamp(36px,6vw,88px);padding:26px 30px;display:grid}.gallery-heading h1{color:var(--ink);margin:0;font-size:30px;line-height:1.05}.gallery-heading p{color:#505b68;justify-self:end;width:100%;max-width:760px;margin:0;font-size:13px;line-height:1.55}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.gallery-card{border:1px solid var(--line);cursor:zoom-in;text-align:left;background:#fff;min-width:0;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;overflow:hidden}.gallery-card:hover{border-color:#8a96a4;transform:translateY(-2px);box-shadow:0 8px 18px #18202a1a}.gallery-card canvas{aspect-ratio:4/3;background:#111820;width:100%;display:block}.gallery-card>span{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:44px;padding:0 10px;display:grid}.gallery-card b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.gallery-card small{color:var(--muted);font-size:9px;font-weight:700}.gallery-card svg{width:14px;color:var(--muted)}.gallery-loading,.gallery-error{border:1px solid var(--line);min-height:220px;color:var(--muted);background:#fff;place-items:center;margin:0;font-size:12px;display:grid}.gallery-error{color:var(--danger)}.gallery-modal{z-index:1100;color:var(--ink);background:#e9edf1;grid-template-rows:auto minmax(0,1fr) auto;padding:8px;display:grid;position:fixed;inset:0}.gallery-modal-bar,.gallery-controls{border:1px solid var(--line-dark);background:#fff;align-items:center;gap:10px;min-width:0;display:flex}.gallery-modal-bar{border-bottom:0;min-height:56px;padding:7px}.gallery-modal-bar>button,.gallery-modal-bar nav button,.gallery-zoom-controls button{border:1px solid var(--line-dark);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.gallery-modal-bar>button{width:40px;padding:0}.gallery-modal-bar svg{width:17px}.gallery-modal-bar>div{flex:1;gap:2px;min-width:0;display:grid}.gallery-modal-bar span,.gallery-selection span{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:800}.gallery-modal-bar strong{font-size:13px}.gallery-modal-bar nav{gap:6px;display:flex}.gallery-viewer-shell{touch-action:none;background:#0d1218;border:1px solid #26313c;min-height:0;position:relative;overflow:hidden}.gallery-viewer-shell canvas{cursor:grab;touch-action:none;position:absolute;inset:0}.gallery-viewer-shell canvas:active{cursor:grabbing}.gallery-viewer-hint{color:#d7dee7;pointer-events:none;background:#070a0ec2;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:inline-flex;position:absolute;bottom:12px;left:12px}.gallery-viewer-hint svg{width:13px}.gallery-image-loading{color:#9aa5b1;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.gallery-controls{border-top:0;min-height:66px;padding:8px}.gallery-zoom-controls{gap:5px;display:flex}.gallery-zoom-controls button svg{width:15px}.gallery-appearance{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.gallery-appearance .toggle svg{width:14px}.gallery-appearance>label{color:var(--muted);align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.gallery-appearance>label input{width:90px;accent-color:var(--accent)}.gallery-appearance>label b{min-width:28px;color:var(--ink);font-size:9px}.gallery-selection{border-left:1px solid var(--line);grid-template-columns:auto auto;align-items:center;gap:1px 8px;min-width:112px;padding-left:12px;display:grid}.gallery-selection span{grid-column:1/-1}.gallery-selection strong{font-size:18px}.gallery-selection small{color:var(--muted);font-size:9px}.about-page{grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);align-items:stretch;gap:18px;display:grid}.about-copy,.about-media{border:1px solid var(--line);background:#fff}.about-copy{color:#44505d;padding:18px 22px;font-size:13px;line-height:1.52}.about-copy h1{color:var(--ink);margin:0 0 8px;font-size:25px}.about-copy h2{color:var(--ink);margin:16px 0 5px;font-size:15px}.about-copy p{margin:0}.about-copy .about-intro{color:#44505d;font-size:14px;line-height:1.52}.about-copy ol,.about-copy ul{margin:5px 0 0;padding-left:18px}.about-copy li+li{margin-top:4px}.about-media{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;padding:9px;display:grid}.about-media video{border:1px solid var(--line);object-fit:contain;background:#111820;width:100%;height:100%;min-height:0;position:static}.about-media p{margin:0;font-size:11px;line-height:1.4}.site-notes{color:#5d6875;border-top:1px solid #d7dee7;margin-top:18px;padding-top:12px;font-size:13px;line-height:1.45}.site-notes h2{color:#2f3a46;letter-spacing:0;margin:0 0 6px;font-size:13px;font-weight:700}.site-notes ul{margin:0;padding-left:18px}.site-notes li+li{margin-top:3px}.site-notes ul ul{margin-top:3px;padding-left:22px}.phone-page{align-content:center;gap:14px;width:min(520px,100%);min-height:100vh;margin:auto;padding:22px;display:grid}.phone-brand{align-items:center;gap:12px;display:flex}.phone-brand .brand-mark{display:none}.phone-brand>div{gap:3px;display:grid}.phone-brand strong{font-size:22px}.phone-brand small{color:var(--muted);font-size:10px}.phone-frame{aspect-ratio:3/4;border:1px solid var(--line);background:#111820;position:relative;overflow:hidden}.phone-frame video{object-fit:cover;width:100%;height:100%}.phone-reticle{position:absolute;inset:25px}.phone-reticle i{border-style:solid;border-color:#fff;width:35px;height:35px;position:absolute}.phone-reticle i:first-child{border-width:2px 0 0 2px;top:0;left:0}.phone-reticle i:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.phone-reticle i:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.phone-reticle i:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.phone-empty{color:#a0a9b4;align-content:center;place-items:center;gap:9px;display:grid;position:absolute;inset:0}.phone-copy{border:1px solid var(--line);background:#fff;gap:10px;padding:12px;display:flex}.privacy-note{text-align:center;margin:0;font-size:10px}.status-light{background:#9aa3ad;border-radius:50%;width:9px;height:9px}.status-light.live{background:#16a34a}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.masthead{grid-template-columns:1fr;justify-items:center;gap:10px;padding:12px 18px}.brand{justify-self:center}main{padding:18px}.workspace,.live-layout,.annotation-layout,.about-page{grid-template-columns:1fr}.workspace,.live-layout{grid-template-areas:"main""sidebar"}.inspector,.live-inspector,.annotation-inspector,.file-sidebar,.live-sidebar{position:static}.about-media{grid-template-rows:auto auto;width:min(420px,100%)}.about-media video{height:auto}.gallery-heading{grid-template-columns:1fr;gap:10px;padding:20px}.gallery-heading p{justify-self:start;max-width:none}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.brand small{display:none}.main-nav{width:100%}.main-nav button{flex:1;padding:0 8px}.mode-switch button{flex:1}.processing-bar,.source-bar,.annotation-command{flex-direction:column;align-items:stretch}.processing-bar label{flex-wrap:wrap;margin:0}.source-bar>div{flex-direction:column;align-items:stretch}.source-bar label{margin-left:0}.preview-stage,.live-stage{min-height:390px}.hud-editor-stage{min-height:0}.analysis-player-controls{grid-template-columns:36px auto minmax(80px,1fr) auto}.analysis-player-controls small{display:none}.style-rail{flex-wrap:wrap;align-items:flex-start}.rail-divider{display:none}.pair-card{grid-template-columns:90px 1fr}.pair-card img{width:90px;height:90px}.pair-card>button{display:none}.record-panel{grid-template-columns:1fr}.record-controls{flex-wrap:wrap}.overlay-widget-options,.hud-builder-grid{grid-template-columns:1fr}.hud-builder-section{border-right:0}.hud-generate-section{grid-template-columns:1fr}.hud-generate-section h3,.hud-generate-section>small{grid-column:1}.command-spacer{display:none}.annotation-command .save-button{width:100%}.shortcut-strip{flex-wrap:nowrap;overflow:auto}.annotation-canvas-shell{height:60vh;min-height:460px}.annotation-toolbar{grid-template-columns:1fr}.appearance-group{justify-content:flex-start}.about-copy{padding:19px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-card>span{grid-template-columns:1fr auto}.gallery-card>span svg{display:none}.gallery-modal{padding:0}.gallery-modal-bar{border-left:0;border-right:0}.gallery-controls{border:0;flex-direction:column;align-items:stretch}.gallery-zoom-controls,.gallery-appearance{justify-content:center}.gallery-selection{border-top:1px solid var(--line);border-left:0;grid-template-columns:auto auto 1fr;min-height:38px;padding:7px 4px 0}.gallery-selection span{grid-column:auto}.gallery-viewer-hint{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}