:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:#e3e9f0;background:#0c1119;font-synthesis:none;font-weight:400;--mint:#67dec3;--muted:#8492a5;--border:#26303d;--panel:#131b26;--subtle:#192330 }.cloud-gallery .section-heading{flex-wrap:wrap;gap:12px}.cloud-workflow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px 0;color:var(--mint);font-size:12px}.cloud-workflow span{display:flex;align-items:center;gap:8px}.cloud-filters{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;margin:10px 0 20px}.cloud-filters label{display:grid;gap:8px;font-size:12px;color:var(--muted);min-width:0}.cloud-filters select{width:100%;min-width:0;padding:12px;color:#e3e9f0;background:var(--subtle);border:1px solid var(--border);border-radius:8px}.cloud-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}.cloud-actions .primary{margin-left:auto}.cloud-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.cloud-card{min-width:0;padding:8px;border:1px solid var(--border);border-radius:12px;background:#101722}.cloud-card.chosen{border-color:var(--mint)}.cloud-preview{aspect-ratio:1;position:relative;border-radius:7px;overflow:hidden;background:#1b2634}.cloud-preview img{width:100%;height:100%;object-fit:contain;display:block}.cloud-preview button{width:100%;height:100%;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px}.cloud-label{position:absolute;top:8px;left:8px;background:#0c1119dd;color:var(--mint);padding:4px 10px;border-radius:6px;font-size:12px;pointer-events:none}.cloud-select{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;min-height:44px;cursor:pointer}.cloud-select input{accent-color:var(--mint);width:18px;height:18px;flex-shrink:0}.cloud-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted)}.cloud-progress{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:13px}.cloud-message{font-size:13px;margin:16px 0;color:var(--mint)}.archive-download{display:inline-flex;margin-bottom:10px}.preview-error{position:absolute;bottom:0;left:0;right:0;background:#321d27;padding:8px;font-size:10px;overflow-wrap:anywhere}input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media(max-width:900px){.cloud-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.cloud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cloud-filters{grid-template-columns:1fr}.cloud-actions .primary{margin-left:0;width:100%}.cloud-workflow{font-size:11px;gap:10px}.cloud-select{font-size:10px}}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .16s,border-color .16s}button:hover:not(:disabled){filter:brightness(1.12)}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:14px;font-weight:650;display:flex;align-items:center;gap:9px}h3{font-size:12px}p{line-height:1.8}code{font-family:ui-monospace,monospace}.small{font-size:11px;line-height:1.8}.muted{color:var(--muted)}.mint{color:var(--mint)!important}.danger-text{color:#ffa3a3!important}.dot{display:inline-block;width:6px;height:6px;background:#637084;border-radius:50%;flex-shrink:0}.dot.green{background:var(--mint);box-shadow:0 0 8px #67dec322}.dot.amber{background:#edbe6a}.dot.red{background:#fb8a8a}.topbar{height:84px;border-bottom:1px solid #222c38;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(32px,calc((100vw - 1240px)/2));background:#101620}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:650;letter-spacing:-.6px}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#67dec310;color:var(--mint);border:1px solid #67dec32c;border-radius:12px}.brand-sub{display:block;font-size:8px;letter-spacing:1.9px;color:#8796aa;font-weight:500;margin-top:3px}.version{font-size:10px;letter-spacing:0;color:#8190a3;background:#1c2633;border:1px solid #2b3746;padding:3px 6px;border-radius:5px;margin-left:3px;align-self:flex-start;margin-top:5px}.topbar nav{display:flex;gap:7px}.topbar nav button{display:flex;gap:9px;align-items:center;border:0;border-radius:8px;background:transparent;padding:12px 17px;font-size:12px;color:#96a4b6}.topbar nav button.active{color:var(--mint);background:#67dec311}.header-status{font-size:11px;color:#9aa8ba;display:flex;align-items:center;gap:8px}.header-status.offline{color:#edbe6a}main{max-width:1240px;margin:auto;padding:36px 0 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.eyebrow{color:var(--mint);font-size:9px;letter-spacing:2.5px;font-weight:600;display:flex;align-items:center;gap:8px}.eyebrow>span{width:17px;height:1px;background:var(--mint)}h1{font-size:28px;letter-spacing:1px;line-height:1.7;margin:9px 0 4px;font-weight:600}.page-heading p{font-size:12px;color:#8998ac;letter-spacing:.3px}.heading-badge{display:flex;gap:7px;font-size:10px;color:#9fadb9;border:1px solid var(--border);border-radius:20px;padding:9px 12px;background:#111923}.heading-badge svg{color:var(--mint)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.capture-column{min-width:0}aside{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:22px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.camera-panel{background:#101720;border:1px solid #2a3543;border-radius:14px;overflow:hidden}.camera-toolbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:10px;color:#8495a8}.camera-toolbar>span:first-child{display:flex;align-items:center;gap:8px;letter-spacing:1.4px;font-size:9px}.toolbar-separator{margin:0 11px;color:#3d4d60}.viewfinder{width:100%;aspect-ratio:4/3;max-height:550px;position:relative;background:radial-gradient(ellipse at center,#1b2931,#111a24 55%,#0e141e);isolation:isolate;overflow:hidden}.viewfinder video{height:100%;width:100%;object-fit:contain;position:absolute;inset:0;z-index:0}.viewfinder video.inactive{opacity:0}.mirrored{transform:scaleX(-1)}.camera-grid{position:absolute;inset:0;background-image:linear-gradient(#8bafa405 1px,transparent 1px),linear-gradient(90deg,#8bafa405 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.crop-frame{position:absolute;inset:0;margin:auto;width:min(100%,75%);height:100%;max-height:100%;aspect-ratio:1;pointer-events:none;border:1px solid #67dec325;z-index:1;box-shadow:0 0 0 300px #070d1533}.crop-frame i{position:absolute;width:23px;height:23px;border-color:var(--mint);border-style:solid}.crop-frame i:nth-child(1){top:-1px;left:-1px;border-width:2px 0 0 2px}.crop-frame i:nth-child(2){top:-1px;right:-1px;border-width:2px 2px 0 0}.crop-frame i:nth-child(3){bottom:-1px;left:-1px;border-width:0 0 2px 2px}.crop-frame i:nth-child(4){bottom:-1px;right:-1px;border-width:0 2px 2px 0}.frame-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#67dec344;font-size:28px;font-weight:200}.camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}.placeholder-icon{background:#67dec308;border:1px solid #67dec31d;color:#a4c9bf;width:79px;height:79px;border-radius:24px;display:grid;place-items:center;margin-bottom:19px}.camera-placeholder h2{font-size:17px;letter-spacing:.6px}.camera-placeholder p{font-size:11px;text-align:center;color:#8395a7;line-height:1.9;margin:10px 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #303e4f;background:#1b2735;color:#c3cedb;padding:10px 13px;border-radius:7px;font-size:11px;min-height:39px;font-weight:500}.button.primary{color:#0c2c28;background:var(--mint);border-color:var(--mint);font-weight:650;padding:11px 23px;font-size:12px}.camera-private{display:flex;align-items:center;gap:5px;font-size:9px;color:#65788d;margin-top:14px}.preview-label{position:absolute;left:18px;bottom:19px;display:flex;align-items:center;gap:8px;background:#101a23df;border:1px solid #344344;border-radius:6px;padding:8px 11px;font-size:9px;z-index:3;color:#b3c2cb}.preview-label strong{color:var(--mint);font-size:14px}.preview-label>span:last-child{color:#7f94a1}.round-button{border:1px solid #3b4c59;background:#1c2a34d9;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.flip-camera{position:absolute;bottom:19px;right:19px;z-index:4}.camera-off{position:absolute;right:16px;top:14px;z-index:4;display:flex;align-items:center;gap:6px;background:#0e1821c9;border:1px solid #40525b;border-radius:5px;padding:7px 9px;font-size:10px}.camera-footnote{display:flex;align-items:center;gap:8px;padding:13px 18px;color:#8193a7;font-size:10px}.camera-footnote>span:last-child{margin-left:auto;color:#63758b}.capture-controls{margin-top:20px}.step{display:grid;place-items:center;border:1px solid #304150;background:#1c2b36;color:#94b1b7;font-size:9px;width:23px;height:23px;border-radius:6px;font-weight:500}.gesture-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.gesture{min-width:0;border:1px solid #2b3849;border-radius:8px;background:#192330;padding:13px 1px 10px;display:flex;align-items:center;flex-direction:column;gap:6px}.gesture strong{font-size:24px;font-weight:500;color:#bac7d5;line-height:1.2}.gesture span{font-size:9px;white-space:nowrap;color:#7d8fa5}.gesture.selected{background:#67dec313;border-color:#67dec3;box-shadow:inset 0 0 0 1px #67dec312}.gesture.selected strong,.gesture.selected span{color:var(--mint)}.control-divider{height:1px;background:#263240;margin:23px 0 19px}.capture-state{display:flex;align-items:center;gap:6px;font-size:10px;color:#8999ad}.capture-state.running{color:var(--mint)}.capture-options{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:17px}.segmented{display:flex;background:#0e1621;border:1px solid #273445;border-radius:7px;padding:4px}.segmented button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;font-size:11px;color:#8394a9;padding:9px 16px;border-radius:4px}.segmented button.selected{background:#283645;color:#e0e8f1;box-shadow:0 1px 4px #0003}.interval-label{display:flex;align-items:center;gap:10px;font-size:11px;color:#8596ad}select{padding:9px 27px 9px 10px;min-height:37px;color:#c9d5e2;border:1px solid #344356;border-radius:6px;background:#192331;font-size:11px}.shutter{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:67px;background:var(--mint);border:1px solid #8ee9d2;border-radius:9px;color:#0c342c;font-size:15px;font-weight:700;letter-spacing:.7px}.shutter:disabled{opacity:.55}.shutter small{display:block;font-size:9px;font-weight:500;letter-spacing:.4px;margin-top:4px;color:#215749}.shutter-icon{width:29px;height:29px;border:1.5px solid #134f41;border-radius:50%;padding:4px;display:block}.shutter-icon span{width:100%;height:100%;background:#164f43;border-radius:50%;display:block}.shutter-shortcut{position:absolute;right:20px;font-size:10px;font-weight:500;opacity:.6;letter-spacing:0}.shutter.stop{background:#edc083;border-color:#f9d6a7;color:#493016}.capture-tip{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#75879b;margin-top:13px}.pill{font-size:9px;border-radius:5px;background:#243142;color:#97a8bd;padding:4px 7px;white-space:nowrap}.green-pill{background:#67dec312;color:var(--mint);border:1px solid #67dec326}.session-name{display:flex;gap:12px;align-items:center}.session-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#8fa5ba;background:#1d2937;border:1px solid #2c3b4c}.session-name strong{display:block;font-size:15px;font-weight:500;letter-spacing:.8px}.session-name div>span{display:block;font-size:10px;margin-top:5px;color:#8395aa}.session-metrics{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 21px}.session-metrics>div:last-child{border-left:1px solid #2b3745;padding-left:27px}.session-metrics strong{display:block;font-size:38px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-1px}.session-metrics span{display:block;font-size:10px;color:#8598ac;margin-top:11px}.upload-progress{height:4px;background:#243344;border-radius:3px;overflow:hidden}.upload-progress span{display:block;height:100%;background:var(--mint)}.queue-summary{display:flex;justify-content:space-between;margin:15px 0 23px;font-size:10px;color:#899bb0}.queue-summary>span{display:flex;align-items:center;gap:6px}.queue-summary b{font-weight:500;color:#c5d1de;margin-left:4px}.session-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button.subtle{background:transparent;border-color:#2d3948;color:#8e9db0}.panel-title{display:flex;gap:10px;align-items:center;margin-bottom:18px}.panel-title>div{flex:1}.panel-title h2{font-size:13px}.panel-title p{font-size:9px;color:#8497ad;margin-top:4px}.icon-box{display:grid;place-items:center;width:37px;height:37px;border:1px solid #2e3f50;border-radius:9px;color:#a6b9cd;background:#1b2a38}.google-button{width:100%;background:#e4ebf2;color:#243447;border-color:#e4ebf2;font-weight:600;margin-bottom:12px}.google-g{font-size:17px;color:#4285f4;font-family:Arial,sans-serif;font-weight:700}.google-button svg:last-child{margin-left:auto}.drive-panel>.small{font-size:10px}.folder-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid #263342;margin-top:16px;padding-top:14px;font-size:9px;color:#7890a8}.folder-line code:first-of-type{color:#a0b2c4}.auth-message{font-size:10px;color:#d5bb87;margin-top:8px}.connected-note{color:var(--mint);font-size:11px;display:flex;align-items:center;gap:7px;padding:7px 0}.text-button{display:flex;align-items:center;gap:5px;background:transparent;border:0;padding:0;font-size:10px;color:#8e9fb4}.stats-table-head{display:flex;justify-content:space-between;font-size:9px;color:#74879d;margin-bottom:17px}.class-row{display:flex;align-items:center;gap:11px;margin-bottom:16px}.class-tag{height:26px;width:26px;border-radius:6px;border:1px solid #2c3d4e;background:#1a2938;display:grid;place-items:center;font-size:12px;color:#a8bdcf;flex-shrink:0}.class-detail{flex:1;min-width:0}.class-detail>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#94a6bb;margin-bottom:7px}.class-numbers{font-size:11px;font-variant-numeric:tabular-nums;color:#ced8e3}.class-numbers i{font-style:normal;color:#53657a;margin:0 3px}.class-numbers b{font-weight:500;color:#69c9b4}.bar{height:3px;background:#233245;position:relative;overflow:hidden;border-radius:3px}.bar>span,.bar>b{height:100%;position:absolute;left:0;top:0;background:#58778e}.bar>b{background:var(--mint)}.legend{display:flex;gap:16px;border-top:1px solid #263342;padding-top:14px;font-size:9px;color:#788fa6}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:5px;height:5px;border-radius:1px;background:#58778e}.legend span:last-child i{background:var(--mint)}.distribution-panel>p{margin-top:10px;font-size:9px}.field-tip{display:flex;gap:10px;padding:3px 6px}.tip-icon{color:#7ca193;margin-top:2px}.field-tip h3{color:#a4b9b3;font-weight:500;font-size:11px}.field-tip p{font-size:10px;color:#6f8592;margin-top:6px;line-height:1.9}.recent-panel{grid-column:1/-1}.empty-recent{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 10px;color:#70869a;font-size:12px}.empty-recent svg{color:#536c80}.empty-recent small{font-size:10px;color:#536c80}.recent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.recent-thumb{position:relative;aspect-ratio:1.3;background:#1b2c38;border:1px solid #30424f;border-radius:8px;display:grid;place-items:center;overflow:hidden}.recent-thumb>span{font-size:38px;color:#536d7d;font-weight:300}.recent-thumb img{height:100%;width:100%;object-fit:contain}.recent-thumb b{position:absolute;bottom:7px;left:8px;background:#0e1a21ce;border:1px solid #516a6680;color:var(--mint);border-radius:4px;padding:2px 7px;font-size:10px}.recent-item>span{display:block;font-size:11px;margin-top:9px;color:#9aafbf}.recent-item>small{font-size:9px;display:block;margin-top:4px}.banner{padding:13px 17px;border:1px solid;border-radius:9px;display:flex;gap:10px;align-items:center;font-size:12px;margin-bottom:18px;line-height:1.6}.banner.error{background:#c55e5e11;border-color:#734141;color:#f2b5b5}.banner.warning{background:#d8ac6310;border-color:#695637;color:#d9be91}.banner span{flex:1}.banner button{background:none;border:0;color:inherit;padding:6px;display:flex}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.detail-layout>div>.panel{margin-bottom:22px}.detail-layout>.panel>.class-stats{margin-top:30px}.detail-layout .class-row{margin-bottom:23px}.detail-layout .class-tag{width:35px;height:35px;font-size:15px}.detail-layout .class-detail>div:first-child{font-size:12px}.detail-layout .bar{height:5px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;margin:25px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:10px}.summary-strip>div{display:flex;align-items:center;flex-direction:column;gap:9px;color:#859bb0}.summary-strip strong{font-size:28px;color:#d6e8e4;font-weight:500}.summary-strip span{font-size:11px}.settings-list{margin:16px 0}.settings-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #263442;font-size:12px}.settings-list dt{color:#869aaf;flex-shrink:0}.settings-list dd{margin:0;text-align:right;line-height:1.7;color:#bbc9d8}.settings-list .session-id{font-family:monospace;overflow-wrap:anywhere;font-size:10px}.body-text{font-size:12px;color:#92a5ba;margin:15px 0;line-height:2}.privacy-note{display:flex;gap:9px;color:#7fa59d;background:#67dec307;border:1px solid #67dec320;padding:12px;margin-top:20px;border-radius:7px;font-size:10px;line-height:1.8}.privacy-note svg{flex-shrink:0}.full-width{width:100%}.guide-list{padding-left:20px;font-size:12px;line-height:2.8;color:#9aafc1;margin-top:15px}.guide-list li::marker{color:var(--mint)}.queue-list{margin-top:18px;max-height:600px;overflow-y:auto}.queue-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.queue-row strong{font-size:11px;font-weight:500}.queue-row small{display:block;font-size:10px;margin-top:5px;color:#849cb1;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:27px 0;margin-top:20px;border-top:1px solid #1d2a37;font-size:9px;color:#61768b}footer>span:first-child{display:flex;align-items:center;gap:7px;color:#7f94a6}.footer-format{font-family:monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flash:after{content:"";position:absolute;inset:0;background:#fff2;z-index:5;pointer-events:none}@media(min-width:1400px){main{max-width:1200px}.topbar{padding-inline:calc((100vw - 1200px)/2)}}@media(max-width:1300px){main{margin:0 30px}.workspace,.detail-layout{grid-template-columns:minmax(0,1fr) 320px}.panel{padding:20px}.gesture-options{gap:7px}}@media(max-width:1000px){.header-status{display:none}.workspace,.detail-layout{grid-template-columns:minmax(0,1fr) 285px;gap:17px}main{margin:0 22px}.panel{padding:17px}.heading-badge{display:none}.segmented button{padding:9px 11px}.capture-options{gap:8px}.gesture span{font-size:8px}.gesture-options{gap:5px}.camera-placeholder .placeholder-icon{width:60px;height:60px;margin-bottom:12px}.camera-placeholder p{margin:8px 0 14px}.camera-placeholder h2{font-size:15px}.camera-private{margin-top:10px}.crop-frame{width:75%}.shutter-shortcut{display:none}.capture-tip{font-size:8px}}@media(max-width:760px){.topbar{height:72px;padding:0 18px}.brand{font-size:21px}.brand-sub{font-size:7px}.brand-mark{width:37px;height:37px;border-radius:10px}.version{display:none}.topbar nav{gap:2px}.topbar nav button{padding:11px}.topbar nav button span{display:none}.topbar nav button svg{width:20px;height:20px}main{margin:0 16px;padding-top:24px}.page-heading{margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:23px;letter-spacing:.4px;margin-top:9px}.page-heading p{font-size:11px;line-height:1.9;max-width:330px}.workspace,.detail-layout{grid-template-columns:1fr;gap:20px}.panel{padding:18px}.camera-toolbar{padding:0 13px;height:39px;font-size:9px}.camera-toolbar>span:first-child{font-size:8px;letter-spacing:1.1px}.viewfinder{aspect-ratio:1;max-height:none}.crop-frame{width:100%;height:100%}.camera-placeholder .placeholder-icon{width:72px;height:72px;margin-bottom:20px}.camera-placeholder h2{font-size:16px}.camera-placeholder p{font-size:11px;margin:10px 0 20px}.camera-placeholder .primary{padding:12px 24px}.camera-private{margin-top:14px}.camera-footnote{padding:12px;font-size:9px;gap:5px}.preview-label{left:12px;bottom:14px;font-size:8px;padding:7px 8px;gap:6px}.flip-camera{right:13px;bottom:13px;width:35px;height:35px}.capture-controls{margin-top:16px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:13px}.section-heading .small{font-size:9px}.gesture-options{gap:6px}.gesture{padding:13px 0 11px;border-radius:7px;gap:7px}.gesture strong{font-size:23px}.gesture span{font-size:8px}.capture-options{flex-wrap:wrap;gap:10px}.segmented{flex:1}.segmented button{flex:1;padding:10px 6px;font-size:10px;gap:5px}.interval-label{gap:6px;font-size:10px}.interval-label select{font-size:10px;padding:10px 16px 10px 8px}.shutter{min-height:71px;font-size:15px}.capture-tip{font-size:9px;line-height:1.6;text-align:center;align-items:flex-start}.capture-tip svg{flex-shrink:0;margin-top:1px}.session-metrics{margin:24px 0}.session-metrics>div:last-child{padding-left:32px}.session-metrics strong{font-size:40px}.session-name strong{font-size:16px}.session-buttons .button{min-height:43px}.drive-panel .google-button{min-height:44px}.distribution-panel .class-row{margin-bottom:19px}.field-tip{padding:4px 6px}.recent-panel{grid-column:auto}.recent-grid{grid-template-columns:repeat(3,1fr);gap:14px}.recent-thumb{aspect-ratio:1}.detail-layout .section-heading{flex-wrap:wrap}.detail-layout .class-detail>div:first-child{font-size:11px}.settings-list>div{font-size:11px}.settings-list dd{font-size:11px}.settings-list dt{max-width:100px}.banner{font-size:11px;padding:12px}.banner svg{flex-shrink:0}footer{flex-wrap:wrap;padding:24px 0 28px;gap:12px;font-size:8px}footer>span:nth-child(2){display:none}.footer-format{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:400px){body{min-width:0}.topbar{padding-inline:12px;gap:8px}.brand{font-size:19px;gap:8px}.brand-mark{width:32px;height:32px}.topbar nav button{padding:10px}.gesture-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gesture{min-height:62px}.gesture span{font-size:9px}.camera-placeholder .placeholder-icon{width:48px;height:48px;border-radius:15px;margin-bottom:12px}.placeholder-icon svg{width:30px;height:30px}.camera-placeholder h2{font-size:14px}.camera-placeholder p{font-size:10px;margin:8px 0 14px}.camera-placeholder .primary{padding:10px 20px}.camera-private{font-size:8px;margin-top:10px}.desktop-only{display:none}}@media(max-width:600px){.topbar{height:auto;min-height:110px;flex-wrap:wrap;padding-top:14px;padding-bottom:10px;gap:12px}.topbar nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.topbar nav button{padding:10px 3px;gap:5px;justify-content:center;flex-direction:column;font-size:10px;min-height:50px}.topbar nav button span{display:inline}.header-status{display:none}}