:root{color-scheme:light;--paper:#f4f3ed;--ink:#233b32;--muted:#56655c;--line:#c7cec6;--accent:#173e32;--white:#fffefa;--error:#8c2828;--radius:8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
#video-gallery{max-width:1100px;margin:auto}#video-gallery .section-heading{flex-wrap:wrap}.gallery-toolbar{display:flex;align-items:end;gap:16px}.gallery-toolbar>div{flex:1;max-width:520px}.gallery-toolbar button{flex-shrink:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 20px}.gallery-item{padding:0 0 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;background:transparent;min-width:0;display:flex;flex-direction:column;gap:8px}.gallery-item:hover{background:transparent;border-color:var(--accent)}.gallery-item strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.gallery-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;width:100%;overflow:hidden;background:#dae0d5;border-radius:var(--radius);margin-bottom:4px}.gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain}.gallery-thumb>span{font-size:13px;font-weight:400;color:var(--muted);padding:16px;text-align:center}.gallery-meta{font-size:13px;line-height:1.5;color:var(--muted);font-weight:400;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#gallery-video-title{margin-top:24px;overflow-wrap:anywhere}.gallery-detail{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}#gallery-video{display:block;width:100%;max-height:65vh;min-height:200px;background:#dae0d5;border-radius:var(--radius)}.gallery-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.gallery-actions button{flex:1 1 180px}#gallery-version{max-width:100%}@media(max-width:720px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.gallery-item strong{font-size:14px}.gallery-toolbar{align-items:stretch;flex-direction:column}.gallery-toolbar>div{max-width:none}.gallery-detail{grid-template-columns:minmax(0,1fr);gap:18px}.gallery-actions{flex-direction:column}.gallery-actions button{flex:auto}#gallery-video{max-height:55vh}#video-gallery .section-heading button{width:100%}}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,.button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;background:var(--white);color:var(--ink);font-weight:600;cursor:pointer;text-decoration:none;text-align:center}button:hover,.button:hover{background:#e4e9df;border-color:#8a9b8f}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--white);border-color:var(--accent)}button.primary:hover{background:#285845}.wide{width:100%}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#32684f}:focus-visible{outline:3px solid #29795c;outline-offset:3px}::selection{background:#b8d3bd;color:#173e32}input,select,textarea{accent-color:var(--accent);caret-color:var(--accent)}input:not([type=range]),textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--white);color:var(--ink);min-width:0}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=file]{padding:8px;font-size:13px}input::file-selector-button{background:#e4e9df;border:0;padding:8px;margin-right:8px;border-radius:4px;color:var(--ink)}label{font-weight:600;font-size:14px;display:block;margin-bottom:8px}header{padding:22px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-weight:750;font-size:20px;letter-spacing:-.03em;text-decoration:none}.wordmark span{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:3px}.header-actions{display:flex;gap:16px;align-items:center}#connection{font-size:13px;color:var(--muted)}main{max-width:1680px;margin:auto;padding:30px 32px 0}h1,h2,p{margin-top:0}h1{font-size:24px;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;text-wrap:balance}h2{font-size:18px;letter-spacing:-.02em;margin-bottom:12px}p{line-height:1.6}p.muted{margin-bottom:24px}.muted,.hint{color:var(--muted)}.hint{font-size:13px;line-height:1.55;margin:10px 0 18px;overflow-wrap:anywhere}.spaced{margin-top:26px}.workspace{display:grid;grid-template-columns:240px minmax(300px,1fr) 240px;gap:28px;align-items:start}.workspace.phone{grid-template-columns:minmax(0,1fr) 260px;max-width:1160px;margin:auto}.workspace.controller{display:block;max-width:480px;margin:24px auto 70px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.section-heading h1{margin:0}.tag{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:4px 6px;color:var(--muted);white-space:nowrap}.stage{background:#dae0d5;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius)}canvas{display:block;width:100%;height:100%;object-fit:contain}#empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:26px;color:#43574b}#empty p{font-size:26px;letter-spacing:-.03em;margin:0 0 8px}#empty span{font-size:14px;max-width:32ch;line-height:1.5}#source{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;bottom:0;left:0}.transport{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.transport button{padding:8px 12px}.transport #time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}#fullscreen{font-size:12px}#seek{width:100%;min-height:32px;margin:8px 0 0}#player-status{font-size:13px;min-height:40px;margin:6px 0 18px;color:var(--muted)}.quality{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;margin-bottom:24px}#sharing{padding-top:4px}.share-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.share-row button{flex:1;font-size:13px}.state{font-size:14px;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--muted);min-height:42px}#answer-form button{margin-top:12px}#performer-actions{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.text-button{border-color:transparent;background:transparent;color:var(--muted);font-size:13px;margin-top:8px}.divider{font-size:12px;color:var(--muted);text-align:center;margin:18px 0}details{font-size:13px;color:var(--muted);line-height:1.6;margin-top:20px}summary{cursor:pointer;min-height:32px}details p{margin-top:12px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:48px;padding:20px 0;font-size:12px;color:var(--muted)}.notice{background:#f5e4de;color:var(--error);border-radius:var(--radius);padding:14px 18px;margin-bottom:24px;line-height:1.5}#welcome{max-width:660px;margin:45px auto 80px}#welcome h1{font-size:40px;line-height:1.15}#welcome form{margin-top:32px}.inline{display:flex;gap:8px}.inline button{flex-shrink:0}#resume{display:block;margin-top:24px}code{font-size:13px;overflow-wrap:anywhere}[hidden]{display:none!important}.stage:fullscreen{background:#000;display:flex;align-items:center;justify-content:center;border-radius:0;width:100vw;height:100vh}.stage:fullscreen canvas{width:100%;height:100%;object-fit:contain}*{scrollbar-color:#9baa9b var(--paper);scrollbar-width:thin}
@media(max-width:1150px){.workspace{grid-template-columns:210px minmax(0,1fr)}#answer-panel{grid-column:2;max-width:600px}.workspace.phone #answer-panel{grid-column:auto}.workspace.controller #answer-panel{max-width:none}.workspace{gap:24px}main{padding:24px}.workspace.phone{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:720px){header{padding:16px 20px;gap:12px}.wordmark{font-size:18px}.header-actions{gap:8px}#connection{font-size:11px;max-width:95px;text-align:right}main{padding:22px 20px 0}.workspace,.workspace.phone{display:flex;flex-direction:column;gap:32px}.workspace>*{width:100%}#preparation{order:2;border-top:1px solid var(--line);padding-top:28px}#player-section{order:0}#answer-panel{order:1;max-width:none}#sharing{margin-top:20px}h1{font-size:23px}.stage{margin:0 -8px;width:calc(100% + 16px)}.transport{gap:6px}.transport button{font-size:13px;padding:8px 10px}.transport #time{font-size:11px}#fullscreen{font-size:11px}footer{flex-direction:column;gap:8px;margin-top:36px}.inline{flex-direction:column}#welcome{margin-top:20px}#welcome h1{font-size:32px}.section-heading{align-items:flex-start}.tag{max-width:100px;white-space:normal}.workspace.controller{margin-top:8px}#install{font-size:12px;padding:8px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s ease-out,border-color .15s ease-out}}
#point-editor{max-width:1100px;margin:0 auto}#point-editor>p{max-width:75ch}.editor-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.editor-controls>div{flex:1;min-width:180px}.editor-controls button{margin-top:8px}.selection-scroll{overflow:auto;max-height:65vh;border:1px solid var(--line);background:#dae0d5}.selection-scroll canvas{width:100%;height:auto;max-width:none;touch-action:pan-x pan-y;cursor:crosshair}#selection-kind,#upload-method,#track-method{font-size:14px}#point-editor .share-row{justify-content:flex-start}#point-editor .share-row button{flex:0 1 auto}#run-tracking{margin-top:12px}@media(max-width:720px){.workspace:not(.phone):not(.controller) #preparation{order:-1;border-top:0;padding-top:0}.editor-controls{gap:12px}.editor-controls>div{min-width:140px}#point-editor .section-heading{flex-wrap:wrap}.selection-scroll{max-height:55vh}}
.editor-section{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}#point-editor h2{margin-top:24px}#frame-scrub,#cleanup-radius{width:100%;min-height:44px;margin:0 0 12px}input[type=checkbox]{width:auto!important;min-width:20px;min-height:20px;margin:0}.check-label{display:flex;align-items:center;gap:12px;font-size:16px}.editor-controls>div{min-width:240px}#point-editor button{scroll-margin-top:24px}#point-editor .selection-scroll{scroll-margin-top:16px}@media(max-width:720px){.editor-controls>div{min-width:100%}#point-editor .section-heading{align-items:center}.editor-section{margin-top:26px}}
.review-tools{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.review-tools h2{margin-bottom:12px}.track-map{position:relative;height:30px;margin:16px 0 8px}#track-segments{display:flex;height:14px;width:100%;overflow:hidden;background:var(--line)}#track-segments .tracked{background:var(--accent)}#track-segments .missing{background:var(--line)}#range-outline{position:absolute;top:18px;height:10px;border:2px solid var(--accent);background:var(--white)}.timing-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.timing-fields>div{min-width:0}.timing-fields button{width:100%;margin-top:8px}#range-status.invalid{color:var(--error)}#download-export{display:block}#download-export[hidden]{display:none}#export-status,#range-status{font-variant-numeric:tabular-nums}@media(max-width:720px){.timing-fields{grid-template-columns:1fr}.review-tools button{max-width:100%;white-space:normal}}
#tracking-review + #sharing{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.point-inspector{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}#point-tool{margin-bottom:16px}#selected-cleanup{margin-top:24px;max-width:480px}#apply-radius{margin-top:12px}.point-inspector .editor-controls{margin-top:16px}#point-editor .point-inspector .share-row button{min-width:140px}
.field-error{color:var(--error);font-size:14px;margin:12px 0 0}
#timeline-stage{position:relative;width:100%;aspect-ratio:16/9;background:#dae0d5;border-radius:var(--radius);overflow:hidden}#timeline-stage video,#timeline-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#timeline-frame{max-width:240px}#timeline-status,#timing-summary,#reference-status{font-variant-numeric:tabular-nums}#cleanup-controls{margin:24px 0}#timing-summary.field-error{color:var(--error)}
.drawing-tools{border-top:1px solid var(--line);padding-top:16px;color:var(--ink)}.drawing-tools summary{min-height:44px;font-size:16px;font-weight:600}.drawing-tools canvas{width:100%;height:auto;aspect-ratio:1;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-top:16px;touch-action:none;cursor:crosshair}.drawing-tools canvas[aria-disabled=true]{cursor:not-allowed}.drawing-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.drawing-actions button{flex:1 1 auto;font-size:13px;padding:10px 12px}#current-artwork{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}#current-artwork figcaption{font-size:14px;font-weight:600;margin-bottom:12px}#current-artwork img{display:block;width:100%;max-width:240px;aspect-ratio:1;object-fit:contain;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}
.timeline-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:24px;align-items:start;margin-bottom:24px}.timeline-controls .share-row:first-child{margin-top:0}.timeline-controls .editor-controls{display:block}.timeline-controls .editor-controls>div{margin-top:12px}.timeline-layout #timeline-stage{position:sticky;top:24px}@media(max-width:720px){.timeline-layout{display:block}.timeline-layout #timeline-stage{position:relative;top:auto;margin-bottom:16px}}
.button.primary{display:block;background:var(--accent);color:var(--white);border-color:var(--accent)}.button.primary:hover{background:#285845}#shape-inspector input{max-width:100%}#shape-tools{margin-bottom:18px}#final-video{margin-bottom:24px}
.gallery-manage{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.gallery-manage h3{font-size:14px;margin:0 0 12px}.gallery-manage-actions{display:flex;flex-wrap:wrap;gap:8px}.gallery-manage-actions button{flex:1 1 180px;font-size:13px}#gallery-change{margin-top:24px}#gallery-change-description{overflow-wrap:anywhere}#gallery-change-error{color:var(--error)}#gallery-message{overflow-wrap:anywhere}

#preflight{margin-top:24px}#preflight-video{width:100%;margin:12px 0;background:#dae0d5}.preflight-finding{margin:18px 0}.preflight-finding p{margin:4px 0 8px}.preflight-finding button{margin:0 6px 6px 0;padding:8px 10px}#preflight-checks{padding-left:20px}#preflight-checks li{margin:8px 0}#sharing .share-row{flex-wrap:wrap}
body.spectator>header,body.spectator #answer-panel,body.spectator #player-section>.section-heading,body.spectator #player-status,body.spectator #tracking-warning,body.spectator #review-turn,body.spectator #final-video,body.spectator #quality,body.spectator #tracking-review,body.spectator #sharing,body.spectator #seek,body.spectator #replay,body.spectator #live-status{display:none!important}body.spectator .workspace{display:block;max-width:960px;margin:auto}body.spectator main{padding:16px}body.spectator .stage{max-height:calc(100dvh - 110px)}body.spectator .stage canvas{width:100%;height:100%;object-fit:contain}body.spectator .transport{justify-content:space-between}
body.spectator footer{display:none}
body.spectator #player-section{width:min(100%,calc((100dvh - 110px)*var(--video-ratio,1.7778)));max-width:960px;margin-inline:auto}body.spectator .stage{margin-inline:auto}
body.spectator #empty{display:none!important}