:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#080f12;--surface:#111c20;--control:#17272c;--line:#2b4147;--text:#edf5f3;--muted:#a3b7ba;--accent:#83dfca;--amber:#efc17b;--topbar:84px;--toolbar:0px;--stage-inset:20px;color:var(--text);background:var(--page);font-family:PingFang TC,Heiti TC,Microsoft JhengHei,sans-serif;font-size:14px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{color:inherit}button,select,summary,input[type=checkbox]{cursor:pointer}button,select{border:1px solid var(--line);background:var(--control);border-radius:5px;min-height:40px}button{padding:8px 12px;line-height:1.4}button:hover,select:hover{background-color:#20363b;border-color:#5b807f}button:active{background-color:#29474a}button.on,button[aria-pressed=true],select.on{border-color:var(--accent);color:#b3f2e2;background:#1c3d3b}button:disabled,input:disabled,select:disabled{cursor:default;opacity:.42}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}a:hover{color:#c5fff0}[hidden]:not([hidden=until-found]){display:none!important}h1,h2,h3,p{margin:0}.wrap{grid-template-columns:minmax(0,1fr) 364px;grid-template-rows:var(--topbar) minmax(0, 1fr);height:calc(100dvh - var(--toolbar));min-height:0;display:grid}.workspace-brand{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-width:0;padding:16px 26px;display:flex}.workspace-brand h1{letter-spacing:-.7px;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.brand-caption{color:var(--muted);letter-spacing:1.7px;margin-top:5px;font-size:9px}.brand-mark{border:1px solid var(--accent);background:linear-gradient(90deg, transparent 46%, var(--accent) 47% 52%, transparent 53%), linear-gradient(transparent 47%, var(--accent) 48% 51%, transparent 52%);border-radius:14px 14px 5px 5px;flex:none;width:29px;height:34px}.stagecol{min-width:0;min-height:0;padding:var(--stage-inset);background-image:radial-gradient(#294044 .6px,#0000 .6px);background-size:24px 24px;grid-area:2/1;place-items:center;display:grid;position:relative;overflow:hidden}.stage{--ar:1.33333;width:min(100%, calc((100dvh - var(--topbar) - var(--toolbar) - 2 * var(--stage-inset)) * var(--ar)));aspect-ratio:var(--ar);isolation:isolate;background:#080f12;position:relative;overflow:hidden;box-shadow:0 0 0 1px #273c40}.stage>video,.stage>canvas{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block;position:absolute;inset:0}#video{z-index:0}#shade{z-index:1;pointer-events:none}#gl{z-index:2}#hud{z-index:3;pointer-events:none}.stage.mirrored>:is(#video,#shade,#gl){transform:scaleX(-1)}.stage.inspectable{cursor:crosshair}.stage.paused{touch-action:none;cursor:grab}.stage.paused:active{cursor:grabbing}#intro{z-index:4;background:radial-gradient(at 50% 36%,#173036 0,#0c191d 48%,#080f12 80%);place-items:center;padding:28px;display:grid;position:absolute;inset:0}.intro-content{text-align:center;width:min(100%,430px)}#intro h2{color:var(--accent);letter-spacing:3px;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:clamp(24px,3.4vw,42px);font-weight:500;line-height:1.2}.intro-description{color:#d0dfdf;text-wrap:balance;max-width:28em;margin:24px auto 28px;font-size:16px;line-height:1.9}.intro-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.big{border-color:var(--accent);background:var(--accent);color:#102b29;min-width:136px;min-height:48px;padding:12px 22px;font-weight:600}.big:hover{background:#b2f0df;border-color:#b2f0df}.big.secondary{color:var(--text);background:#172b30;border-color:#527374}.big.secondary:hover{background:#284349}#intro-note{color:var(--muted);margin-top:22px;font-size:12px}.credit{color:var(--muted);margin-top:10px;font-size:12px}#drawer{overscroll-behavior:contain;border-left:1px solid var(--line);background:var(--surface);scrollbar-width:thin;scrollbar-color:#4a666b transparent;grid-area:1/2/3;min-width:0;padding:8px 22px 30px;overflow-y:auto}.panel{border-bottom:1px solid var(--line);padding:22px 0}.panel h3{letter-spacing:1px;margin-bottom:13px;font-size:13px;font-weight:600}.session-panel{padding:20px 0}#status{border-left:2px solid var(--amber);color:#cedbdc;padding-left:12px;font-size:12px;line-height:1.75}#status.ok{border-color:var(--accent)}#status.bad,#status.error,#status.err{color:#ffc1b6;border-color:#f59c8d}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{flex:0 auto;padding:7px 10px;font-size:12px}#focus{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}#focus button{padding-inline:4px}#focusSide{margin:12px 0 10px}.seg{gap:4px;display:flex}.seg button{flex:1;min-width:0}.system-presets{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.system-presets button{min-height:46px}.panel .layer-heading{color:var(--muted);margin-top:24px;margin-bottom:10px}.layer-presets{margin-bottom:15px}.checks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;display:grid}.ck{cursor:pointer;align-items:center;gap:7px;min-height:36px;font-size:12px;display:flex}.ck input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin:0}.ck i{opacity:.85;border-radius:1px;flex-shrink:0;width:4px;height:12px}.row{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:12px;min-height:49px;display:grid}.row label{font-size:12px}.row b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.row select{width:100%;min-width:0;padding:7px 8px;font-size:12px}input[type=range]{width:100%;min-width:0;height:30px;accent-color:var(--accent);cursor:ew-resize;margin:0}.label-options{border-top:1px solid var(--line);margin-top:16px;padding-top:10px}.label-options>.ck{font-weight:600}.small{color:var(--muted);font-size:11px;line-height:1.85}#focus-note{margin-top:8px}.coverage{border-left:2px solid #496166;margin-top:12px;padding-left:12px}.coverage summary{color:#c7d7d7;min-height:30px}.coverage p{margin-top:12px}.linkbtn{color:var(--accent);background:0 0;margin-top:8px}.fit-note,.performance-note{margin-top:10px}.camera-actions{margin-top:14px}.camera-actions button{flex:1}#camera-stop{color:var(--amber)}#session-note{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.8}#data{border:1px solid var(--line);color:var(--accent);background:var(--page);margin:12px 0 0;padding:12px;font-size:10px;overflow:auto}.credits{color:var(--muted);font-size:11px;line-height:1.85}.credits h3{color:var(--text)}.credits ul{margin:14px 0 0;padding-left:17px}.credits li+li{margin-top:9px}.reference-notes>p{margin-top:18px}#settings-close,#drawer-backdrop,.mobile-controls{display:none}.stagecol .inspection-ui{z-index:5;pointer-events:none;position:absolute;inset:0}.stagecol .inspection-tools{pointer-events:none;grid-template-columns:auto auto;justify-content:end;align-items:start;gap:7px;width:min(350px,100% - 28px);display:grid;position:absolute;top:14px;left:auto;right:14px}.stagecol .inspection-tools>button{pointer-events:auto;background:#14272df2;min-height:40px;padding:8px 12px}.stagecol .inspection-tools>button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#1c3d3b}.stagecol #live-status{border:1px solid #4e6266;border-left:2px solid var(--amber);color:#e1edeb;background:#102126f5;border-radius:4px;grid-column:1/-1;width:100%;margin:0;padding:9px 12px;font-size:11px;line-height:1.6;position:static}.stagecol .inspection-help{border:1px solid var(--line);pointer-events:auto;background:#102126f5;border-radius:4px;grid-column:1/-1;padding:9px 12px}.stagecol .inspection-status{color:#c9dcda;font-size:11px;line-height:1.65}.stagecol .inspection-card{border:1px solid #49666a;border-top:2px solid var(--accent);pointer-events:auto;width:min(360px,100% - 28px);max-height:min(50%,430px);color:var(--text);background:#101f24fa;border-radius:5px;padding:18px;position:absolute;inset:auto auto 14px 14px;overflow-y:auto;box-shadow:0 12px 40px #0006}.stagecol .inspection-classification{color:var(--accent)}.stagecol .inspection-name{font-size:22px;line-height:1.4}.stagecol .inspection-english,.stagecol .inspection-detail{color:#c0d2d3}.stagecol .inspection-source,.stagecol .inspection-info-note{color:var(--muted)}.stagecol .inspection-select{width:100%;min-width:0}@media (width>=1600px){.wrap{grid-template-columns:minmax(0,1fr) 400px}#drawer{padding-inline:28px}}@media (width<=900px),(pointer:coarse) and (width<=1100px){:root{--topbar:68px;--toolbar:calc(70px + env(safe-area-inset-bottom,0px));--stage-inset:10px}.wrap{grid-template-columns:minmax(0,1fr)}.workspace-brand{gap:11px;padding:12px 18px}.workspace-brand h1{font-size:21px}.brand-caption{letter-spacing:1.2px;font-size:8px}.brand-mark{width:23px;height:28px}#drawer{z-index:30;width:min(390px,100% - 28px);height:100dvh;padding:68px 22px calc(24px + env(safe-area-inset-bottom,0px));visibility:hidden;transition:transform .18s;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-20px 0 60px #0006}#drawer.open{visibility:visible;transform:translate(0)}#settings-close{min-height:44px;padding-inline:17px;display:block;position:absolute;top:14px;right:20px}#drawer-backdrop{z-index:20;background:#02080bb8;border:0;border-radius:0;width:100%;height:100%;margin:0;padding:0;position:fixed;inset:0}#drawer-backdrop.open{display:block}.drawer-open{overflow:hidden}.mobile-controls{z-index:10;height:var(--toolbar);padding:10px max(10px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px));background:#112126;border-top:1px solid #365157;grid-template-columns:1fr 1.2fr 1fr 1.2fr .7fr;align-items:center;gap:6px;display:grid;position:fixed;inset:auto 0 0}.mobile-controls>:is(button,select){width:100%;min-width:0;min-height:46px;padding:6px 4px;font-size:11px;line-height:1.35}#settings-toggle{border-color:var(--accent);color:var(--accent)}.ck{min-height:42px}.chips button,.seg button,select{min-height:44px}.stagecol .inspection-tools{gap:6px;width:min(340px,100% - 20px);top:10px;right:10px}.stagecol .inspection-tools>button{min-height:44px}.stagecol .inspection-card{width:min(360px,100% - 20px);max-height:45%;padding:15px;bottom:10px;left:10px}}@media (width<=600px) and (orientation:portrait){:root{--toolbar:calc(112px + env(safe-area-inset-bottom,0px))}.mobile-controls{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));grid-template-rows:repeat(2,44px);grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.mobile-controls>:is(button,select){min-height:44px;font-size:12px}#focus-mobile{grid-area:1/1/auto/5;padding-inline:12px}#preset-cycle,#focus-side-mobile{grid-area:1/5/auto/7}#camera-switch-mobile{grid-area:2/1/auto/3}#style-toggle{grid-area:2/3/auto/5}#settings-toggle{grid-area:2/5/auto/7}#intro{padding:20px}#intro h2{letter-spacing:2px;font-size:25px}.intro-description{margin:18px auto;font-size:14px;line-height:1.8}.intro-actions{gap:8px}.big{min-width:112px;padding-inline:16px}#intro-note{margin-top:16px;font-size:11px}.credit{font-size:10px}}@media (width<=360px) and (orientation:portrait){#intro{padding:14px}#intro h2{font-size:22px}.intro-description{margin:12px auto;font-size:12px}.big{min-width:104px;min-height:44px;padding:10px 14px}#intro-note{margin-top:12px}.credit{margin-top:8px}}@media (height<=500px) and (width<=1100px){:root{--topbar:48px;--toolbar:calc(60px + env(safe-area-inset-bottom,0px));--stage-inset:8px}.workspace-brand{padding:7px 16px}.workspace-brand h1{font-size:18px}.brand-caption{display:none}.brand-mark{width:21px;height:26px}.mobile-controls{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}.stagecol .inspection-tools{gap:5px;width:min(320px,100% - 16px);top:8px;right:8px}.stagecol #live-status,.stagecol .inspection-help{padding:6px 9px;font-size:10px}.stagecol .inspection-status{font-size:10px}.stagecol .inspection-card{width:min(300px,43%);max-height:calc(100% - 16px);bottom:8px;left:8px}#intro{padding:12px}#intro h2{font-size:22px}.intro-description{margin:8px auto;font-size:12px;line-height:1.55}.big{min-width:110px;min-height:40px;padding:8px 14px}#intro-note{margin-top:8px;font-size:10px}.credit{margin-top:4px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}