:root{--bg:#0a0a0a;--gray-1:#151515;--gray-2:#2a2a2a;--gray-3:#404040;--gray-4:#757575;--gray-5:#a3a3a3;--gray-6:#d4d4d4;--fg:#fff;--black:#000;--panel-a:#0a0a0ad9;--dim-a:#0009;--font:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--inset:16px;--radius-1:2px;--radius-2:4px;--hairline:1px solid var(--gray-2);--border-strong:1px solid var(--gray-3);--dur-1:.12s;--dur-2:.18s;--dur-3:.24s;--dur-4:.4s;--dur-exit:.16s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-inout:cubic-bezier(.45, 0, .25, 1);--z-video:0;--z-grid:1;--z-canvas:10;--z-chrome:20;--z-prompt:30}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);overscroll-behavior:none;margin:0}::selection{background:var(--fg);color:var(--bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--gray-3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gray-4)}.t1{letter-spacing:.08em;text-transform:lowercase;color:var(--gray-5);font-size:10px;font-weight:500;line-height:14px}.t2{letter-spacing:.06em;text-transform:lowercase;font-size:11px;font-weight:500;line-height:14px}.t3{font-size:12px;font-weight:400;line-height:16px}.t3b{font-size:12px;font-weight:700;line-height:16px}.t4{text-transform:lowercase;font-size:14px;font-weight:400;line-height:20px}.t5{letter-spacing:.02em;font-size:18px;font-weight:700;line-height:24px}.wordmark{letter-spacing:.14em;text-transform:uppercase;color:var(--fg);font-size:11px;font-weight:700;line-height:14px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#video{object-fit:cover;width:100%;height:100%;z-index:var(--z-video);background:var(--bg);position:fixed;inset:0}#video.mirror{transform:scaleX(-1)}#view{width:100%;height:100%;z-index:var(--z-canvas);pointer-events:auto;position:fixed;inset:0}#grid{z-index:var(--z-grid);background-image:radial-gradient(var(--gray-2) 1px, transparent 1px);transition:opacity var(--dur-4) var(--ease-inout);background-size:24px 24px;position:fixed;inset:0}body[data-state=idle] #video,body[data-state=unsupported] #video,body[data-present=sync] #video{opacity:0}body:not([data-state=idle]):not([data-state=unsupported]) #grid{opacity:0;pointer-events:none}body[data-state=acquire] #view,body[data-state=lost] #view{cursor:crosshair}.chip-header{top:var(--inset);left:var(--inset);z-index:var(--z-chrome);align-items:center;gap:var(--sp-2);height:28px;padding:0 var(--sp-3);border-radius:var(--radius-1);background:var(--panel-a);border:var(--hairline);display:flex;position:fixed}.chip-header .t1{letter-spacing:0}.rec{color:var(--fg);animation:rec-pulse 1.6s var(--ease-inout) infinite}@keyframes rec-pulse{50%{opacity:.35}}.hud{top:var(--inset);right:var(--inset);z-index:var(--z-chrome);width:176px;height:140px;padding:var(--sp-3);border-radius:var(--radius-2);background:var(--panel-a);border:var(--hairline);row-gap:var(--sp-1);transition:opacity var(--dur-3) var(--ease-out);grid-template-rows:repeat(5,20px);margin:0;display:grid;position:fixed}.hud-row{align-items:center;gap:var(--sp-3);display:flex}.hud-row dt{flex:none;width:26px}.hud-row dd{color:var(--fg);white-space:pre;margin:0}#m-fps{width:5ch}#m-inf,#m-mode,#m-tier{width:7ch}#m-prs{width:4ch}.meter{border-radius:var(--radius-1);background:var(--gray-2);flex:none;width:72px;height:4px}.meter i{border-radius:var(--radius-1);background:var(--fg);width:0;height:100%;transition:width var(--dur-1) linear;display:block}.hud[data-weak=true] .meter i,.hud[data-weak=true] #m-prs{background-color:var(--gray-5)}.hud[data-weak=true] #m-prs{color:var(--gray-5);background:0 0}body[data-state=idle] .hud,body[data-state=unsupported] .hud{opacity:0;pointer-events:none}.bar{bottom:var(--sp-5);z-index:var(--z-chrome);align-items:center;gap:var(--sp-4);height:56px;padding:6px var(--sp-3);border-radius:var(--radius-2);background:var(--panel-a);border:var(--hairline);display:flex;position:fixed;left:50%;transform:translate(-50%)}.divider{background:var(--gray-2);width:1px;height:24px}#btn-camera{border-radius:var(--radius-1);width:88px;height:32px;font:inherit;letter-spacing:.06em;text-transform:lowercase;background:var(--fg);color:var(--bg);cursor:pointer;transition:background var(--dur-2) var(--ease-inout), color var(--dur-2) var(--ease-inout);border:0;font-size:11px;font-weight:700}#btn-camera:hover{background:var(--gray-6)}#btn-camera:active{background:var(--gray-5)}#btn-camera[data-mode=stop]{border:1px solid var(--gray-3);color:var(--gray-6);background:0 0;font-weight:500}#btn-camera[data-mode=stop]:hover{background:var(--gray-1);border-color:var(--gray-5);color:var(--fg)}#btn-camera:disabled{border:1px solid var(--gray-2);color:var(--gray-4);cursor:not-allowed;background:0 0}#btn-flip{border:1px solid var(--gray-3);border-radius:var(--radius-1);width:56px;height:32px;font:inherit;letter-spacing:.06em;text-transform:lowercase;color:var(--gray-6);cursor:pointer;transition:background var(--dur-2) var(--ease-inout), color var(--dur-2) var(--ease-inout);background:0 0;font-size:11px;font-weight:500}#btn-flip:hover{background:var(--gray-1);border-color:var(--gray-5);color:var(--fg)}.engines{border:var(--border-strong);border-radius:var(--radius-1);width:315px;height:44px;display:flex;overflow:hidden}.engine{appearance:none;border:0;border-left:1px solid var(--gray-3);width:156px;font:inherit;color:var(--gray-5);cursor:pointer;transition:background var(--dur-2) var(--ease-inout), color var(--dur-2) var(--ease-inout);background:0 0;flex-direction:column;flex:none;align-items:flex-start;gap:2px;padding:7px 12px 8px;display:flex}.engine:first-child{border-left:0}.engine .label{letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:14px;display:flex}.dot{border:1px solid var(--gray-4);border-radius:50%;flex:none;width:4px;height:4px}.engine .readout{width:14ch;color:var(--gray-5);white-space:pre;font-size:12px;line-height:16px}.engine .readout b{font-weight:700}.engine:hover:not(:disabled):not([aria-checked=true]){background:var(--gray-1);color:var(--gray-6)}.engine:hover:not(:disabled):not([aria-checked=true]) .readout{color:var(--gray-6)}.engine[aria-checked=true]{background:var(--fg);color:var(--bg)}.engine[aria-checked=true] .label{font-weight:700}.engine[aria-checked=true] .dot{background:var(--bg);border-color:var(--bg)}.engine[aria-checked=true] .readout{color:var(--gray-3)}.engine[aria-checked=true] .readout b{color:var(--bg)}.engine:disabled{color:var(--gray-4);cursor:not-allowed}.engine:disabled .dot{border-color:var(--gray-2)}.engine:disabled .readout{color:var(--gray-4)}.blink{animation:1.06s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}.chips{gap:var(--sp-2);display:flex}.chip{border-radius:var(--radius-1);border:1px solid var(--gray-2);height:28px;color:var(--gray-5);font:inherit;letter-spacing:.06em;text-transform:lowercase;cursor:pointer;transition:color var(--dur-1) var(--ease-inout), border-color var(--dur-1) var(--ease-inout), background var(--dur-1) var(--ease-inout);background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:500;display:flex}.chip:hover{border-color:var(--gray-5);color:var(--gray-6)}.chip[aria-pressed=true]{border-color:var(--fg);color:var(--fg)}.chip[aria-pressed=true] .dot{background:var(--fg);border-color:var(--fg)}.chip[aria-pressed=true]:hover{background:var(--gray-1)}.picker{gap:var(--sp-2);display:flex}.swatch{border-radius:var(--radius-1);border:1px solid var(--gray-3);background:var(--gray-1);cursor:pointer;width:32px;height:32px;transition:border-color var(--dur-2) var(--ease-inout), opacity var(--dur-2) var(--ease-inout);place-items:center;padding:4px;display:grid}.swatch canvas{object-fit:contain;opacity:.8;filter:grayscale();max-width:100%;max-height:100%}.swatch:hover{border-color:var(--gray-5)}.swatch:hover canvas,.swatch[aria-checked=true] canvas{opacity:1}.swatch[aria-checked=true]{border-color:var(--fg)}.bench-link{color:var(--gray-5);white-space:nowrap;letter-spacing:.06em;text-transform:lowercase;font-size:11px;font-weight:500;text-decoration:none}.bench-link:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.prompt{z-index:var(--z-prompt);max-width:420px;min-height:40px;padding:10px var(--sp-4);border-radius:var(--radius-2);background:var(--panel-a);border:var(--hairline);text-align:center;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.prompt[hidden]{opacity:0;pointer-events:none;display:block;transform:translate(-50%)translateY(4px)}.idle{z-index:var(--z-chrome);place-content:center;justify-items:center;gap:var(--sp-2);text-align:center;transition:opacity var(--dur-4) var(--ease-inout);display:grid;position:fixed;inset:0}.idle .wordmark{font-size:18px;line-height:24px}.idle-sub{margin:0 0 var(--sp-5)}#btn-start{border-radius:var(--radius-1);background:var(--fg);width:120px;height:36px;color:var(--bg);font:inherit;letter-spacing:.06em;text-transform:lowercase;cursor:pointer;transition:background var(--dur-2) var(--ease-inout);border:0;font-size:11px;font-weight:700}#btn-start:hover{background:var(--gray-6)}#btn-start:disabled{border:1px solid var(--gray-2);color:var(--gray-4);cursor:not-allowed;background:0 0}.idle-note{margin:var(--sp-1) 0 0;max-width:420px}body:not([data-state=idle]):not([data-state=unsupported]) .idle{opacity:0;pointer-events:none}:focus-visible{outline:1.5px solid var(--fg);outline-offset:2px}@media (max-width:1023px){.bar{flex-wrap:wrap;width:calc(100% - 24px);max-width:640px;height:92px}.divider{display:none}}@media (max-width:743px){:root{--inset:12px}.bar{bottom:calc(12px + env(safe-area-inset-bottom))}.prompt{bottom:calc(124px + env(safe-area-inset-bottom))}.hud{width:136px;height:56px;padding:var(--sp-2) 10px;grid-template-rows:repeat(2,20px)}.hud-row:nth-child(3),.meter{display:none}.engines{flex:1;width:auto;min-width:0}.engine{flex:1;width:auto;min-width:0;padding-inline:8px}.engine .readout{text-overflow:ellipsis;width:auto;overflow:hidden}}@media (prefers-reduced-motion:reduce){*{transition-duration:80ms!important;animation-duration:1ms!important}}@media (prefers-contrast:more){:root{--gray-2:var(--gray-4);--gray-5:var(--gray-6)}}.bench{z-index:var(--z-chrome);gap:var(--sp-4);flex-direction:column;max-width:760px;margin:0 auto;padding:48px 24px 64px;display:flex;position:relative}.bench-head{justify-content:space-between;align-items:center;display:flex}#run{border-radius:var(--radius-1);background:var(--fg);width:112px;height:36px;color:var(--bg);font:inherit;letter-spacing:.06em;text-transform:lowercase;cursor:pointer;border:0;font-size:11px;font-weight:700}#run:disabled{border:1px solid var(--gray-2);color:var(--gray-4);cursor:not-allowed;background:0 0}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--gray-2);text-align:left;color:var(--gray-6);padding:7px 10px 7px 0;font-size:12px;line-height:16px}th{color:var(--gray-5);letter-spacing:.08em;text-transform:lowercase;font-size:10px;font-weight:500}