:root[data-theme=light]{--sv-color-background:#f7f5f2;--sv-color-surface:#fff;--sv-color-surface-subtle:#f0eeea;--sv-color-surface-raised:#fcfbf9;--sv-color-ink:#161b24;--sv-color-ink-muted:#5e6674;--sv-color-border:#d8d4ce;--sv-color-border-strong:#aaa59d;--sv-color-brand:#2856c6;--sv-color-brand-hover:#1f46aa;--sv-color-brand-contrast:#fff;--sv-color-focus:#3969e8;--sv-color-info:#2563eb;--sv-color-success:#137a52;--sv-color-warning:#8a4b00;--sv-color-danger:#b52f45;--sv-color-teaching-accent:#6d4ae8;--sv-color-data-accent:#0e7180}:root[data-theme=dark]{--sv-color-background:#11151d;--sv-color-surface:#181e29;--sv-color-surface-subtle:#202735;--sv-color-surface-raised:#252d3b;--sv-color-ink:#f3f0eb;--sv-color-ink-muted:#b7bdca;--sv-color-border:#333c4b;--sv-color-border-strong:#566174;--sv-color-brand:#7ea1ff;--sv-color-brand-hover:#9ab5ff;--sv-color-brand-contrast:#0b1020;--sv-color-focus:#98b6ff;--sv-color-info:#75a7ff;--sv-color-success:#55c79a;--sv-color-warning:#f3b562;--sv-color-danger:#ff7b8e;--sv-color-teaching-accent:#ae93ff;--sv-color-data-accent:#62cad3}:root{--sv-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--sv-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--sv-radius-small:6px;--sv-radius-medium:10px;--sv-radius-large:16px;--sv-radius-round:999px;--sv-space-1:4px;--sv-space-2:8px;--sv-space-3:12px;--sv-space-4:16px;--sv-space-5:24px;--sv-space-6:32px;--sv-space-7:48px;--sv-motion-fast:.12s;--sv-motion-normal:.18s;--sv-shadow-raised:0 16px 48px #12182224}:root[data-density=comfortable]{--sv-density-control-height:44px;--sv-density-row-height:52px;--sv-density-content-gap:16px}:root[data-density=compact]{--sv-density-control-height:36px;--sv-density-row-height:40px;--sv-density-content-gap:10px}.sv-skip-link{z-index:1000;clip:rect(0 0 0 0);white-space:nowrap;border-radius:var(--sv-radius-small);width:1px;height:1px;color:var(--sv-color-brand-contrast);background:var(--sv-color-brand);margin:-1px;padding:0;font-weight:750;text-decoration:none;position:fixed;inset-block-start:var(--sv-space-2);inset-inline-start:var(--sv-space-2);overflow:hidden}.sv-skip-link:focus{width:auto;height:auto;padding:var(--sv-space-2) var(--sv-space-3);clip:auto;white-space:normal;outline:3px solid var(--sv-color-focus);outline-offset:2px;margin:0;overflow:visible}.sv-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.sv-button,.sv-field input,.sv-select){min-height:var(--sv-density-control-height);border:1px solid var(--sv-color-border-strong);border-radius:var(--sv-radius-medium);font:inherit}.sv-button{justify-content:center;align-items:center;gap:var(--sv-space-2);padding:0 var(--sv-space-4);color:var(--sv-color-ink);background:var(--sv-color-surface);cursor:pointer;transition:background-color var(--sv-motion-fast) ease, border-color var(--sv-motion-fast) ease, transform var(--sv-motion-fast) ease;display:inline-flex}.sv-button:hover{background:var(--sv-color-surface-subtle);border-color:var(--sv-color-ink-muted)}.sv-button:active{transform:translateY(1px)}.sv-button--primary{color:var(--sv-color-brand-contrast);background:var(--sv-color-brand);border-color:var(--sv-color-brand)}.sv-button--primary:hover{color:var(--sv-color-brand-contrast);background:var(--sv-color-brand-hover);border-color:var(--sv-color-brand-hover)}.sv-button--danger{color:var(--sv-color-danger);border-color:color-mix(in srgb, var(--sv-color-danger) 45%, var(--sv-color-border));background:var(--sv-color-surface)}.sv-button--small{min-height:32px;padding-inline:var(--sv-space-3);font-size:.875rem}.sv-button:disabled{opacity:.55;cursor:not-allowed}:where(.sv-button,.sv-field input,.sv-select,[role=tab]):focus-visible{outline:3px solid var(--sv-color-focus);outline-offset:3px}.sv-badge{min-height:24px;padding:1px var(--sv-space-2);border-radius:var(--sv-radius-round);color:var(--sv-color-ink-muted);background:var(--sv-color-surface-subtle);letter-spacing:.02em;border:0;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.sv-badge--info{color:var(--sv-color-info);background:color-mix(in srgb, currentColor 9%, var(--sv-color-surface))}.sv-badge--success{color:var(--sv-color-success);background:color-mix(in srgb, currentColor 9%, var(--sv-color-surface))}.sv-badge--warning{color:var(--sv-color-warning);background:color-mix(in srgb, currentColor 9%, var(--sv-color-surface))}.sv-badge--danger{color:var(--sv-color-danger);background:color-mix(in srgb, currentColor 9%, var(--sv-color-surface))}.sv-alert{padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-medium);color:var(--sv-color-info);background:color-mix(in srgb, currentColor 8%, var(--sv-color-surface));border:0}.sv-alert--success{color:var(--sv-color-success)}.sv-alert--warning{color:var(--sv-color-warning)}.sv-alert--danger{color:var(--sv-color-danger)}.sv-context-band{gap:var(--sv-space-1);padding:var(--sv-space-1);border-radius:var(--sv-radius-medium);color:var(--sv-color-ink);background:color-mix(in srgb, var(--sv-color-brand) 7%, var(--sv-color-surface));border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));margin:0;display:grid}.sv-context-band>div{align-content:start;gap:var(--sv-space-1);min-width:0;padding:var(--sv-space-2) var(--sv-space-3);display:grid}.sv-context-band dt{color:var(--sv-color-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:800}.sv-context-band dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:750;overflow:hidden}.sv-context-band dd.is-mono{font-family:var(--sv-font-mono)}.sv-flat-navigation{background:var(--sv-color-surface-subtle);border:0}.sv-app-header{z-index:40;border-bottom:1px solid var(--sv-color-border);color:var(--sv-color-ink);background:color-mix(in srgb, var(--sv-color-surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative}.sv-app-header__inner{align-items:center;gap:var(--sv-space-3);width:min(100%,1600px);min-height:60px;padding:var(--sv-space-2) clamp(var(--sv-space-3), 3vw, var(--sv-space-6));margin-inline:auto;display:flex}.sv-app-header__brand,.sv-app-header__product-home,.sv-app-header summary,.sv-app-header nav a{color:inherit;text-decoration:none}.sv-app-header__brand{align-items:center;gap:var(--sv-space-2);flex:none;display:inline-flex}.sv-app-header__brand>span{border-radius:var(--sv-radius-medium);width:34px;height:34px;color:var(--sv-color-brand-contrast);background:var(--sv-color-brand);place-items:center;font-weight:850;display:grid}.sv-app-header__brand strong{letter-spacing:-.01em;font-size:.95rem}.sv-app-header__divider{background:var(--sv-color-border);width:1px;height:24px}.sv-app-header details{position:relative}.sv-app-header summary{cursor:pointer;list-style:none}.sv-app-header summary::-webkit-details-marker{display:none}.sv-app-header__products>summary,.sv-app-header__product-home{align-items:center;gap:var(--sv-space-2);min-height:36px;padding-inline:var(--sv-space-3);border-radius:var(--sv-radius-medium);font-size:.875rem;font-weight:750;display:inline-flex}.sv-app-header__products>summary:hover,.sv-app-header__product-home:hover,.sv-app-header__account>summary:hover{background:var(--sv-color-surface-subtle)}.sv-app-header__products>summary i{color:var(--sv-color-ink-muted);font-style:normal}.sv-app-header__products nav,.sv-app-header__account-menu{min-width:230px;padding:var(--sv-space-2);border:1px solid var(--sv-color-border);border-radius:var(--sv-radius-large);background:var(--sv-color-surface-raised);box-shadow:var(--sv-shadow-raised);position:absolute;inset-block-start:calc(100% + var(--sv-space-2))}.sv-app-header__products nav{inset-inline-start:0}.sv-app-header__products nav a{justify-content:space-between;align-items:center;gap:var(--sv-space-3);min-height:40px;padding:var(--sv-space-2) var(--sv-space-3);border-radius:var(--sv-radius-medium);font-size:.875rem;display:flex}.sv-app-header__products nav a:hover,.sv-app-header__products nav a[aria-current=page]{background:var(--sv-color-surface-subtle)}.sv-app-header__products nav a span{color:var(--sv-color-brand);font-size:.7rem;font-weight:750}.sv-app-header__context{min-width:0;color:var(--sv-color-ink-muted);flex:auto;justify-content:center;font-size:.8rem;display:flex}.sv-app-header__actions{align-items:center;gap:var(--sv-space-2);margin-inline-start:auto;display:flex}.sv-app-header__account>summary{align-items:center;gap:var(--sv-space-2);min-height:40px;padding:3px 4px 3px var(--sv-space-3);border-radius:var(--sv-radius-round);display:flex}.sv-app-header__user-copy{justify-items:end;display:grid}.sv-app-header__user-copy strong,.sv-app-header__user-copy small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.sv-app-header__user-copy strong{font-size:.75rem}.sv-app-header__user-copy small{color:var(--sv-color-ink-muted);font-size:.65rem}.sv-app-header__avatar{border-radius:var(--sv-radius-round);width:32px;height:32px;color:var(--sv-color-brand-contrast);background:var(--sv-color-brand);place-items:center;font-size:.75rem;font-weight:850;display:grid}.sv-app-header__account-menu{gap:var(--sv-space-1);display:grid;inset-inline-end:0}.sv-app-header__account-menu :where(a,button){width:100%;min-height:38px;padding:var(--sv-space-2) var(--sv-space-3);border-radius:var(--sv-radius-medium);color:var(--sv-color-ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;font-size:.875rem;text-decoration:none;display:flex}.sv-app-header__account-menu :where(a,button):hover{background:var(--sv-color-surface-subtle)}.sv-product-sidebar{min-width:0;padding:var(--sv-space-2);border-radius:var(--sv-radius-large);background:var(--sv-color-surface-subtle);align-self:start}.sv-product-sidebar__title{padding:var(--sv-space-2) var(--sv-space-3) var(--sv-space-3);color:var(--sv-color-ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.sv-product-sidebar nav{gap:2px;display:grid}.sv-product-sidebar nav a{justify-content:space-between;align-items:center;gap:var(--sv-space-3);min-width:0;min-height:44px;padding:var(--sv-space-2) var(--sv-space-3);border-radius:var(--sv-radius-medium);color:var(--sv-color-ink-muted);text-decoration:none;display:flex}.sv-product-sidebar nav a:hover,.sv-product-sidebar nav a.is-current{color:var(--sv-color-ink);background:var(--sv-color-surface)}.sv-product-sidebar nav a.is-current{box-shadow:inset 3px 0 0 var(--sv-color-brand)}.sv-product-sidebar nav a[aria-disabled=true]{opacity:.52;cursor:not-allowed}.sv-product-sidebar nav a>span{gap:2px;min-width:0;display:grid}.sv-product-sidebar nav strong{font-size:.85rem}.sv-product-sidebar nav small{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:500;overflow:hidden}.sv-product-sidebar nav i{color:var(--sv-color-ink-muted);flex:none;font-size:.68rem;font-style:normal}.sv-product-sidebar__footer{margin-top:var(--sv-space-3);padding:var(--sv-space-3);border-top:1px solid var(--sv-color-border);color:var(--sv-color-ink-muted);font-size:.75rem}@media (width<=720px){.sv-app-header__inner{gap:var(--sv-space-2);min-height:56px}.sv-app-header__brand strong,.sv-app-header__divider,.sv-app-header__context,.sv-app-header__user-copy{display:none}.sv-app-header__products>summary,.sv-app-header__product-home{padding-inline:var(--sv-space-2)}.sv-app-header__products nav{inset-block-start:58px;inset-inline:var(--sv-space-3);min-width:0;position:fixed}.sv-product-sidebar{padding:var(--sv-space-1);border-radius:var(--sv-radius-medium);scrollbar-width:thin;overflow-x:auto}.sv-product-sidebar__title,.sv-product-sidebar__footer{display:none}.sv-product-sidebar nav{width:max-content;display:flex}.sv-product-sidebar nav a{min-height:40px;padding-inline:var(--sv-space-3)}.sv-product-sidebar nav small,.sv-product-sidebar nav i{display:none}}.sv-field{gap:var(--sv-space-1);display:grid}.sv-field label{font-weight:700}.sv-field>span{color:var(--sv-color-ink-muted);font-size:.875rem}.sv-field input{padding-inline:var(--sv-space-3);color:var(--sv-color-ink);background:var(--sv-color-surface)}.sv-field__error{color:var(--sv-color-danger);font-size:.875rem}.sv-dialog__backdrop{background:color-mix(in srgb, var(--sv-color-ink) 58%, transparent);opacity:1;transition:opacity var(--sv-motion-normal) ease;position:fixed;inset:0}.sv-dialog__viewport{padding:var(--sv-space-4);place-items:center;display:grid;position:fixed;inset:0}.sv-dialog__popup{width:min(100%,520px);padding:var(--sv-space-5);border:1px solid var(--sv-color-border);border-radius:var(--sv-radius-large);color:var(--sv-color-ink);background:var(--sv-color-surface-raised);box-shadow:var(--sv-shadow-raised)}.sv-dialog__title{margin:0;font-size:1.25rem}.sv-dialog__description{margin:var(--sv-space-2) 0 0;color:var(--sv-color-ink-muted);line-height:1.6}.sv-dialog__content{margin-top:var(--sv-space-4)}.sv-dialog__actions{justify-content:flex-end;gap:var(--sv-space-2);margin-top:var(--sv-space-5);display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}@media (forced-colors:active){.sv-skip-link{color:canvas;background:canvastext}.sv-button,.sv-badge,.sv-alert,.sv-dialog__popup{forced-color-adjust:auto;border:1px solid buttontext}.sv-context-band{outline:1px solid canvastext}.sv-app-header,.sv-app-header__products nav,.sv-app-header__account-menu,.sv-product-sidebar{border:1px solid canvastext}}:root{color:#e9eef6;font-synthesis:none;--panel:#11161d;--panel-2:#171d26;--line:#29313d;--muted:#8d98a8;--mint:#8ff0c7;--mint-strong:#4cd3a0;--danger:#ff8d86;background:#0a0d12;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;min-width:1024px;min-height:100dvh;margin:0;overflow:hidden}button,select,a{font:inherit}button,select{color:inherit;border:1px solid var(--line);background:#171d26;border-radius:8px}button,a{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{grid-template-rows:68px 1fr 32px;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:#0e1319;grid-template-columns:260px 220px 180px 1fr;align-items:center;gap:18px;padding:0 18px;display:grid}.product-title{align-items:center;gap:11px;display:flex}.product-title div{gap:2px;display:grid}.product-title small,.current-student p,.next-student small{color:var(--muted)}.brand-mark{color:#07110d;background:var(--mint);border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.progress-block{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.progress-block>div{background:#29313d;border-radius:9px;flex:1;height:5px;overflow:hidden}.progress-block i{background:var(--mint-strong);height:100%;display:block}.topbar select{padding:8px 10px}.top-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-actions a,.top-actions button{color:#d7dee8;border:1px solid var(--line);border-radius:8px;padding:8px 11px;text-decoration:none}.workbench{grid-template-columns:310px minmax(520px,1fr) 300px;min-height:0;display:grid}.queue-column,.info-column{background:var(--panel);min-height:0}.queue-column{border-right:1px solid var(--line);grid-template-rows:auto 1fr;display:grid}.info-column{border-left:1px solid var(--line);flex-direction:column;gap:20px;padding:22px;display:flex}.queue-heading{justify-content:space-between;align-items:end;padding:20px 18px 14px;display:flex}.queue-heading h2{margin:4px 0 0;font-size:20px}.queue-heading>span{color:var(--muted);font-size:13px}.eyebrow{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.student-list{padding:0 9px 12px;overflow-y:auto}.student{text-align:left;background:0 0;border:0;border-bottom:1px solid #202733;border-radius:0;grid-template-columns:30px 1fr auto;align-items:center;width:100%;min-height:62px;padding:8px;display:grid}.student:hover{background:#171d25}.student.active{box-shadow:inset 3px 0 var(--mint);background:#1a2a27}.position{color:#657181;font:11px ui-monospace,monospace}.student-copy{gap:4px;min-width:0;display:grid}.student-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.student-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.student-copy em{color:#ffc66d;border:1px solid #6e542e;border-radius:4px;margin-left:6px;padding:1px 3px;font-size:10px;font-style:normal}.photo-state{border-radius:10px;padding:3px 6px;font-size:11px}.photo-state.done{color:var(--mint);background:#18372d}.photo-state.syncing{color:#9ec5ff;background:#1b2c42}.photo-state.waiting{color:var(--muted);background:#252c35}.camera-column{background:#06080b;grid-template-rows:50px 1fr 45px;min-width:0;min-height:0;display:grid}.camera-toolbar,.camera-options{background:#0e1319;align-items:center;gap:8px;padding:8px 12px;display:flex}.camera-toolbar select,.camera-toolbar button{padding:7px 9px}.camera-options{color:var(--muted);justify-content:center;font-size:12px}.camera-options label{align-items:center;gap:5px;display:flex}.camera-options strong{color:#ffc66d;font-weight:500}.camera-viewport{touch-action:none;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.camera-viewport video{object-fit:cover;width:100%;height:100%;position:absolute}.camera-viewport video.mirrored{transform:scaleX(-1)}html[data-mode=demo] .camera-viewport video{opacity:0}html[data-mode=demo] .camera-viewport{background:radial-gradient(circle at 50% 30%,#8ff0c71a,#0000 32%),linear-gradient(145deg,#10171a,#050709 68%)}html[data-mode=demo] .camera-viewport video.mirrored{transform:scaleX(-1)}.crop-frame{touch-action:none;border:2px solid #ffffffe6;border-radius:4px;position:absolute;box-shadow:0 0 0 200vmax #0000007a}.crop-frame.auto{border-color:var(--mint)}.crop-frame.manual{border-color:#ffbd72}.third{pointer-events:none;background:#ffffff47;position:absolute}.third.vertical{width:1px;top:0;bottom:0}.third.horizontal{height:1px;left:0;right:0}.third.one.vertical{left:33.333%}.third.two.vertical{left:66.666%}.third.one.horizontal{top:33.333%}.third.two.horizontal{top:66.666%}.frame-auto-toggle{color:#fff;cursor:pointer;background:#05090cdb;border:1px solid #ffffff47;border-radius:8px;align-items:center;gap:5px;min-height:44px;padding:8px 10px;font-size:12px;display:flex;position:absolute;bottom:8px;right:8px}.resize-handle{background:var(--mint);border:3px solid #0a0d12;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;bottom:-9px;right:-9px}.camera-status{color:#d4dde8;background:#05090ccc;border:1px solid #394350;border-radius:20px;padding:6px 10px;font-size:11px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.current-student h1{margin:7px 0 4px;font-size:34px;line-height:1.05}.current-student p{margin:0 0 10px}.class-chip{background:#242c36;border-radius:5px;padding:4px 8px;font-size:12px;display:inline-flex}.latest-photo{min-height:0}.panel-title{justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.panel-title span{color:var(--muted)}.latest-photo img,.photo-placeholder{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:#090c10;border-radius:9px;width:100%;max-height:390px;display:block}.photo-placeholder{text-align:center;color:#556170;place-content:center;display:grid}.photo-placeholder span{font:28px ui-monospace,monospace}.photo-placeholder p{margin:6px;font-size:12px}.replace-note{color:var(--muted);margin:7px 0 0;font-size:11px}.shutter{color:#07110d;background:#dffcf0;border:0;justify-content:center;align-items:center;gap:9px;width:100%;padding:12px;font-weight:750;display:flex}.shutter span{background:#07110d;border:2px solid #07110d;border-radius:50%;width:17px;height:17px;box-shadow:inset 0 0 0 3px #dffcf0}.next-student{border-top:1px solid var(--line);gap:4px;margin-top:auto;padding-top:15px;display:grid}.next-student span{color:var(--muted);font-size:11px}.next-student strong{font-size:18px}.statusbar{border-top:1px solid var(--line);color:var(--muted);background:#0d1218;justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;display:flex}.error{color:var(--danger)}.center-state{text-align:center;background:radial-gradient(circle at 50% 40%,#16231f,#080b0f 50%);place-content:center;justify-items:center;gap:13px;min-height:100vh;display:grid}.center-state h1,.center-state p{margin:0}.center-state p,.center-state small{color:var(--muted);max-width:520px}.center-state button{padding:10px 16px}.center-state .primary{background:var(--mint);color:#07110d;border:0;font-weight:750}.loader{border:3px solid #26312d;border-top-color:var(--mint);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=901px) and (width<=1200px){.topbar{grid-template-columns:200px 150px 150px 1fr;gap:10px;padding-inline:10px}.top-actions{gap:4px}.top-actions a,.top-actions button{padding-inline:7px;font-size:12px}.workbench{grid-template-columns:245px minmax(430px,1fr) 255px}.queue-heading{padding-inline:12px}.student{grid-template-columns:26px 1fr auto;padding-inline:5px}.student-copy strong{font-size:13px}.student-copy small{font-size:10px}.info-column{padding:16px}.camera-refresh{display:none}}@media (width<=900px){body{min-width:0}button,select,.top-actions a{min-height:44px}.app-shell{height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);grid-template-rows:auto minmax(0,1fr) 28px}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title progress""class actions";gap:7px 10px;padding:8px 10px}.product-title{grid-area:title;min-width:0}.product-title small{display:none}.brand-mark{width:30px;height:30px}.progress-block{grid-area:progress;min-width:82px;font-size:13px}.progress-block>div{width:42px}.topbar>select{grid-area:class;width:136px;min-width:0}.top-actions{overscroll-behavior-inline:contain;scrollbar-width:none;grid-area:actions;justify-content:flex-start;min-width:0;overflow-x:auto}.top-actions::-webkit-scrollbar{display:none}.top-actions a,.top-actions button{white-space:nowrap;flex:none;align-items:center;padding:8px 10px;font-size:12px;display:inline-flex}.workbench{grid-template-rows:minmax(240px,1fr) auto 112px;grid-template-columns:minmax(0,1fr);overflow:hidden}.camera-column{order:1;grid-template-rows:44px minmax(0,1fr) 40px}.camera-toolbar{justify-content:space-between;padding:4px 8px;overflow:hidden}.camera-toolbar select,.camera-toolbar button{flex:none;padding:5px 8px;font-size:12px}.camera-resolution-select,.camera-refresh{display:none}.camera-device-select{min-width:0;max-width:62%}.camera-toolbar select{flex:auto}.camera-switch{flex:none}.camera-status{white-space:nowrap;top:8px}.frame-auto-toggle{bottom:6px;right:6px}.camera-options{white-space:nowrap;scrollbar-width:none;justify-content:flex-start;padding:4px 8px;overflow-x:auto}.camera-options>span{display:none}.info-column{border-top:1px solid var(--line);border-left:0;order:2;grid-template-rows:auto 52px;grid-template-columns:minmax(0,1fr) 64px;gap:8px 12px;padding:9px 10px;display:grid}.current-student{min-width:0}.current-student h1{margin:2px 0;font-size:25px}.current-student p{margin:0 8px 0 0;font-size:12px;display:inline}.class-chip{padding:3px 6px;font-size:11px}.latest-photo{grid-area:1/2}.panel-title{margin-bottom:3px;font-size:10px}.panel-title span,.replace-note{display:none}.latest-photo img,.photo-placeholder{border-radius:5px;width:54px;height:72px;min-height:0}.photo-placeholder span{font-size:12px}.photo-placeholder p{display:none}.shutter{grid-column:1/-1;min-height:52px;padding:8px;font-size:15px}.next-student{display:none}.queue-column{border-top:1px solid var(--line);border-right:0;order:3;grid-template-rows:28px minmax(0,1fr)}.queue-heading{align-items:center;padding:4px 10px 2px}.queue-heading div{align-items:baseline;gap:7px;display:flex}.queue-heading h2{margin:0;font-size:13px}.queue-heading .eyebrow{display:none}.student-list{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;gap:6px;padding:3px 8px 8px;display:flex;overflow:auto hidden}.student{scroll-snap-align:center;border:1px solid #202733;border-radius:7px;flex:0 0 174px;grid-template-rows:1fr auto;grid-template-columns:24px minmax(0,1fr);min-height:68px;padding:6px 8px}.student.active{box-shadow:inset 0 3px var(--mint)}.position{grid-row:1/-1}.photo-state{grid-column:2;justify-self:start;padding-block:2px}.statusbar{min-width:0;padding:0 10px}.statusbar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.statusbar span:last-child{display:none}}@media (width<=900px) and (orientation:landscape) and (height<=520px){.app-shell{grid-template-rows:54px minmax(0,1fr) 26px}.topbar{grid-template-columns:160px 90px 132px minmax(0,1fr);grid-template-areas:"title progress class actions";padding-block:5px}.product-title strong{font-size:13px}.workbench{grid-template-rows:minmax(0,1fr);grid-template-columns:170px minmax(340px,1fr) 210px}.queue-column{border-top:0;border-right:1px solid var(--line);order:1;grid-template-rows:28px minmax(0,1fr)}.student-list{scroll-snap-type:none;padding:2px 6px 6px;display:block;overflow:hidden auto}.student{grid-template-columns:22px minmax(0,1fr);width:100%;min-height:53px;margin-bottom:4px}.student-copy small{font-size:9px}.camera-column{order:2;grid-template-rows:40px minmax(0,1fr) 36px}.camera-toolbar{justify-content:flex-start}.info-column{border-top:0;border-left:1px solid var(--line);order:3;grid-template-rows:auto 1fr 52px auto;grid-template-columns:1fr;padding:10px;display:grid}.current-student h1{font-size:24px}.latest-photo{display:none}.shutter{grid-area:3/1}.next-student{grid-row:4;margin-top:0;padding-top:7px;display:grid}.next-student strong{font-size:14px}.top-actions a,.top-actions button{min-height:40px}}@media (prefers-reduced-motion:reduce){.loader{animation:none}}