@import './player-toolbar.css';
:root{font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#171b20;color:#e3e5e9;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}header{min-height:58px;padding:10px 20px;display:flex;align-items:center;gap:10px;background:#25292f;border-bottom:1px solid #3b4048}a{color:inherit;text-decoration:none}#home{font-size:18px;font-weight:660;letter-spacing:-.035em;margin-right:12px}h1{font-size:13px;font-weight:550;margin:0 auto 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button{height:32px;padding:0 11px;background:#30353c;color:inherit;border:1px solid #484e57;border-radius:5px;font:inherit;cursor:pointer}button:hover{background:#3c424b}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #78a8ff;outline-offset:3px}#next{background:#385b8c;border-color:#567eb2}#position{font-variant-numeric:tabular-nums;color:#b9c3ce;margin-right:7px;white-space:nowrap}#stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}iframe{display:block;border:0;background:#10151d;max-width:100%;max-height:calc(100vh - 105px)}#notes{padding:18px 28px;background:#25292f;border-top:1px solid #3b4048;max-height:25vh;overflow:auto}#notes h2{font-size:12px;color:#b9c3ce;font-weight:600;margin:0 0 7px}#note-text{white-space:pre-wrap;max-width:85ch}#status{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#30353c;border-radius:5px;padding:7px 12px;max-width:90vw;color:#e3e5e9}#status:empty{display:none}body:fullscreen #toolbar,body:fullscreen #notes{display:none}body:fullscreen #stage{padding:0;min-height:100vh}body:fullscreen iframe{max-height:100vh}::selection{background:#3b5b85;color:#fff}
body{height:100vh;min-height:0}#stage{position:relative}iframe{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center}body:fullscreen iframe{max-height:none}

body.capture #toolbar,body.capture #notes,body.capture #status,body.capture #missing{display:none!important}body.capture #stage{padding:0}body.capture iframe{max-width:none;max-height:none}
#missing{position:fixed;top:68px;right:16px;max-width:min(520px,calc(100vw - 32px));background:#4a2a22;border:1px solid #9c5443;color:#ffe3dc;border-radius:5px;padding:8px 12px;overflow-wrap:anywhere}#missing[hidden],body:fullscreen #missing{display:none}
body.presenter #toolbar,body.presenter #stage,body.presenter #notes{display:none}
#presenter[hidden]{display:none}#presenter{flex:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;align-items:start;padding:28px clamp(16px,3vw,40px);min-height:0}#p-side{display:flex;flex-direction:column;gap:22px;min-width:0}#p-pace{display:flex;flex-direction:column;gap:12px;min-width:0}#presenter figure{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}#presenter figure[hidden]{display:none}#presenter figcaption{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#b9c3ce}#presenter figure img{display:block;width:100%;height:auto;max-height:calc(100vh - 90px);object-fit:contain;border-radius:6px;background:#10151d;box-shadow:0 0 0 1px #3b4048}@media(max-width:900px){#presenter{grid-template-columns:1fr}}
#p-position{margin:0;font-size:18px;color:#b9c3ce;font-variant-numeric:tabular-nums}
#p-title{margin:0;font-size:clamp(22px,2.4vw,34px);font-weight:620;letter-spacing:-.02em;line-height:1.1}
#p-clicks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;min-height:22px}
#p-clicks li{width:22px;height:22px;border-radius:50%;border:2px solid #78a8ff}#p-clicks li.done{background:#78a8ff}
#p-next{margin:0;font-size:18px;color:#e3e5e9}#p-next b{font-weight:620}
#p-progress{display:flex;align-items:center;gap:14px;color:#b9c3ce;font-variant-numeric:tabular-nums}
#p-bar{flex:1;height:6px;background:#30353c;border-radius:3px;overflow:hidden}#p-bar i{display:block;height:100%;background:#78a8ff;width:0}
#p-timer{margin:4px 0 0;font-size:clamp(40px,4.5vw,64px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
#p-controls{display:flex;gap:10px;flex-wrap:wrap}#p-controls button{height:40px;padding:0 16px}#p-next-button{background:#385b8c;border-color:#567eb2}

#sketch-controls{display:none}#sketch-controls label{white-space:nowrap;color:#b9c3ce}#sketch-controls select{height:32px;background:#30353c;color:#e3e5e9;border:1px solid #484e57;border-radius:5px;font:inherit}#sketch-build-state{font-size:12px;color:#b9c3ce;white-space:nowrap}#sketch-errors{position:fixed;bottom:20px;left:20px;right:20px;z-index:20;max-height:35vh;overflow:auto;background:#402a29;color:#ffe3dc;border:1px solid #9c5443;padding:16px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace}#sketch-errors[hidden]{display:none}.sketch-width-label{position:absolute;font-variant-numeric:tabular-nums}.sketch-widths #stage{overflow:auto;align-items:start}.sketch-widths #artifact-pins,.sketch-widths #artifact-pick-outline{display:none}#sketch-widths[aria-pressed=true]{background:#344962;border-color:#567eb2}

#sketch-library-status{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#b9c3ce}#sketch-promote-tokens{white-space:nowrap}
#sketch-token-review{position:fixed;z-index:30;top:72px;right:16px;width:min(560px,calc(100vw - 32px));padding:16px;background:#25292f;border:1px solid #626c7b;border-radius:5px;scrollbar-color:#626c7b #25292f}
#sketch-token-review h2{margin:0 0 12px;font-size:15px;font-weight:600}#sketch-token-review pre{max-height:50vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;margin:0 0 16px}#sketch-token-review>div{display:flex;gap:8px}#sketch-token-review[hidden],body.capture #sketch-token-review,body:fullscreen #sketch-token-review{display:none}

#sketch-component-review{position:fixed;z-index:30;top:72px;right:16px;width:min(620px,calc(100vw - 32px));padding:16px;background:#25292f;border:1px solid #626c7b;border-radius:5px;max-height:calc(100vh - 96px);overflow:auto;scrollbar-color:#626c7b #25292f}#sketch-component-review h2{font-size:15px;margin:0 0 16px}#sketch-component-review label{display:flex;align-items:center;gap:12px;margin-bottom:12px}#sketch-component-review input,#sketch-component-review select{flex:1;min-width:0;background:#30353c;color:inherit;font:inherit;border:1px solid #484e57;border-radius:5px;height:32px;padding:0 8px;caret-color:#a8c8ff}#sketch-component-review pre{max-height:40vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace}#sketch-component-review>div{display:flex;gap:8px}#sketch-component-review[hidden],body.capture #sketch-component-review,body:fullscreen #sketch-component-review{display:none}#sketch-library-link{padding:6px}#sketch-component-review input:focus-visible,#sketch-component-review select:focus-visible{outline:2px solid #78a8ff;outline-offset:3px}