.hd-stage{aspect-ratio:4/3;border-radius:var(--radius-2xl);background:var(--bg);width:100%;position:relative;overflow:hidden}.hd-stage canvas,.hd-stage img.fb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hd-stage canvas{z-index:1;display:block}.hd-stage .lbl{font-family:var(--hd-mono)}.hd-stage .lbl.r{left:auto;right:8px}.hd-pairs{z-index:4;gap:6px;display:flex;position:absolute;bottom:10px;left:10px}.hd-pair{cursor:pointer;background:0 0;border:0;padding:0;display:flex}.hd-pair .th{aspect-ratio:4/3;border-radius:var(--radius-lg);opacity:.75;outline:1px solid var(--line);width:44px;transition:opacity .25s,outline-color .25s;overflow:hidden}.hd-pair .th img{object-fit:cover;width:100%;height:100%}.hd-pair:hover .th{opacity:.9}.hd-pair.on .th{opacity:1;outline:2px solid var(--fg);outline-offset:2px}.hd-src{opacity:0;pointer-events:none;width:2px;height:2px;position:absolute}.hd-panes{aspect-ratio:4/3;border-radius:var(--radius-2xl);background:var(--bg);justify-content:center;align-items:center;gap:12px;min-height:0;padding:16px;display:flex}.hd-panes .pane{aspect-ratio:9/16;border-radius:var(--radius-xl);background:var(--fill-2);height:100%;margin:0;transition:opacity .4s,box-shadow .4s;position:relative;overflow:hidden}.hd-panes .pane img,.hd-panes .pane video{object-fit:cover;width:100%;height:100%}.hd-panes .to{width:20px;height:20px;color:var(--fg-3);flex:none}.hd-ext{aspect-ratio:4/3;border-radius:var(--radius-2xl);background:var(--bg);flex-direction:column;gap:10px;min-height:0;padding:16px;display:flex}.hd-ext .hd-panes{aspect-ratio:auto;background:0 0;flex:1;gap:4px;min-height:0;padding:0}.hd-ext .add .chip{background:var(--brand);color:var(--brand-foreground)}.hd-ext[data-on="0"] .add,.hd-ext[data-on="1"] .src{opacity:.4}.hd-ext[data-on="1"] .add{box-shadow:0 0 0 2px var(--brand)}.hd-ext .tl{gap:4px;display:grid}.hd-ext .bar{gap:3px;height:6px;display:flex;position:relative}.hd-ext .bar i{border-radius:var(--radius-full);background:var(--fill-3);flex:1}.hd-ext .bar i.nx{background:var(--brand)}.hd-ext .ph{top:-4px;bottom:-4px;left:calc(var(--t,0) * (100% - 2px));background:var(--fg);width:2px;box-shadow:0 0 10px var(--brand);border-radius:2px;position:absolute}.hd-ext:not([data-on]) .ph{opacity:0}.hd-ext .ticks{font:500 10px/14px var(--hd-mono);color:var(--fg-3);justify-content:space-between;display:flex}.hd-ext .ticks .nx{color:var(--brand-ink)}.hd-polish{aspect-ratio:4/3;border-radius:var(--radius-2xl);background:var(--bg);grid-template-rows:auto auto 1fr;gap:12px;min-height:0;padding:16px;display:grid}.hd-polish .was{border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);font:400 12px/18px var(--hd-mono);color:var(--fg-2);padding:8px 12px}.hd-polish .was span{white-space:nowrap;vertical-align:bottom;border-right:1.5px solid var(--fg);max-width:100%;animation:8s steps(28,end) infinite hd-type,.8s step-end infinite hd-caret;display:inline-block;overflow:hidden}@keyframes hd-type{0%{width:0}25%,to{width:28ch}}@keyframes hd-caret{50%{border-color:#0000}}.hd-polish .sw{font:500 12px/16px var(--hd-sans);color:var(--fg-2);align-items:center;gap:6px;display:flex}.hd-polish .sw svg{width:14px;height:14px;color:var(--brand-ink)}.hd-polish .sw i{border-radius:var(--radius-full);background:var(--brand);width:28px;height:16px;margin-left:auto;animation:8s step-end infinite hd-sw-bg;position:relative}.hd-polish .sw i:after{content:"";border-radius:var(--radius-full);background:var(--surface-1);width:12px;height:12px;box-shadow:var(--elev-sm);animation:8s infinite hd-sw-knob;position:absolute;top:2px;left:2px;transform:translate(12px)}@keyframes hd-sw-bg{0%,29%{background:var(--fill-3)}30%,to{background:var(--brand)}}@keyframes hd-sw-knob{0%,28%{transform:none}31%,96%{transform:translate(12px)}to{transform:none}}.hd-polish .now{border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);align-content:start;gap:7px;padding:10px 12px 12px;display:grid}.hd-polish .now .lb{font:500 11px/14px var(--hd-sans);color:var(--fg-3);margin-bottom:2px}.hd-polish .now i{width:var(--w);border-radius:var(--radius-full);background:var(--fill-3);transform-origin:0;height:8px;animation:8s cubic-bezier(.3,0,.2,1) infinite hd-line;animation-delay:calc(var(--i) * .25s);display:block}@keyframes hd-line{0%,34%{transform:scaleX(0)}44%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@container tool (width<=341.98px){.hd-ext{aspect-ratio:1}}@container tool (width<=299.98px){.hd-panes{aspect-ratio:1;gap:8px;padding:10px;position:relative}.hd-panes .to{z-index:1;border-radius:var(--radius-full);background:var(--surface-1);width:28px;height:28px;color:var(--fg);box-shadow:var(--elev-sm);padding:6px;position:absolute;top:50%;left:50%;translate:-50% -50%}}@media (prefers-reduced-motion:reduce){.hd-polish .was span,.hd-polish .sw i,.hd-polish .sw i:after,.hd-polish .now i{animation:none}.hd-pair .th,.hd-panes .pane{transition:none}.hd-polish .was span{border-right-color:#0000}}