.server-page{width:100%;height:100%;overflow:auto;padding:clamp(18px,5vw,64px);background:#151817}.server-card{max-width:420px;margin:5vh auto;padding:28px;border:1px solid #343b35;border-radius:12px;background:#1d221e;overflow-wrap:anywhere}.server-card.wide{max-width:720px}.server-card h1{margin-bottom:24px;font-size:26px}.server-card h2{font-size:20px;font-weight:500}.server-card p{line-height:1.5;color:#b9c1b7}.server-card form,.server-card label{display:grid;gap:10px}.server-card form{gap:20px}.server-card label{font-size:13px;color:#b9c1b7}.server-card input{min-width:0;width:100%;padding:12px;border:1px solid #4c574a;border-radius:5px;background:#131613;color:#f1f4eb}.server-card button{min-height:44px;padding:10px 20px;background:#dce9bd;color:#171d12;border:0;border-radius:5px}.server-card button:disabled{opacity:.6;cursor:wait}.server-card a{color:#dce9bd;line-height:1.5}.server-card .server-error{padding:12px;color:#ffb7b0;background:#321e1c;border-radius:5px}.admin-slides{list-style:none;padding:0;display:grid;gap:10px}.admin-slides li{display:grid;gap:5px;padding:14px;border:1px solid #394336;border-radius:6px}.admin-slides span{color:#b9c1b7;font-size:13px}.admin-slides small,.server-card .server-note{color:#8e9988;font-size:12px}.admin-readonly{padding:16px;margin-bottom:24px;border-left:3px solid #b9cb91;border-radius:4px;background:#293023}.admin-readonly strong{font-size:14px;color:#dce9bd}.admin-readonly p{margin:8px 0 0;font-size:13px}.admin-public-link{display:grid;justify-items:start;gap:8px;font-size:12px}.admin-public-link span{color:#b9c1b7}.server-card .admin-open{padding:10px 14px;border:1px solid #7a8864;border-radius:5px;text-decoration:none;font-size:14px}.admin-presentation{margin-bottom:24px}.presentation-info{display:grid;gap:6px;margin-bottom:12px;font-size:12px;overflow-wrap:anywhere}.presentation-info small{color:#a7b59b;font-size:10px}@media(max-width:480px){.server-card{margin:0 auto;padding:22px 18px}}.media-panel{border-top:1px solid #394336;padding-top:24px;margin:24px 0}.media-panel h2{margin:18px 0 12px}.media-panel select{width:100%;min-width:0;padding:12px;background:#131613;color:#f1f4eb;border:1px solid #4c574a;border-radius:5px}.media-panel small{display:block;color:#a7b59b;line-height:1.6}.media-actions{display:flex;flex-wrap:wrap;gap:12px}.media-list{display:grid;gap:16px;margin:18px 0}.media-item{min-width:0;padding:16px;border:1px solid #394336;border-radius:8px}.media-item-heading{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:start}.media-item p{font-size:13px}.media-status{font-size:12px;padding:4px 8px;border-radius:4px;background:#333c2b}.media-status.ready{color:#d0e6a3}.media-status.error{color:#ffb7b0;background:#321e1c}.media-status.processing{color:#ffda93}.media-thumbnail{display:block;max-width:100%;max-height:150px;object-fit:contain;margin:12px 0;background:#000}.media-item details{margin-top:12px;font-size:12px}.media-item pre{white-space:pre-wrap;overflow-wrap:anywhere}.viewer-content{display:grid;gap:12px}.viewer-content.is-public{padding-top:10px;padding-bottom:10px}.content-current{display:grid;gap:5px;font-size:12px;min-width:0}.content-current span{overflow-wrap:anywhere;color:#dce2d7}.content-current small,.content-progress small{font-size:11px;color:#99a28e;line-height:1.5}.panel .content-subtle{display:inline-flex;gap:6px;align-items:center;justify-self:start;padding:5px 0;border:0;background:transparent;color:#aab79a;font-size:12px}.panel .content-subtle:hover{color:#e8f1da}.content-progress{display:grid;gap:7px;font-size:12px;color:#d9dfa9}.content-progress progress{width:100%;height:5px;accent-color:#bdcf93}.content-error{display:grid;gap:8px;margin:0;color:#ffb7b0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.content-success{color:#c2d89b;font-size:11px}.viewer-login{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #414b39;border-radius:12px;background:#1d221e;color:#edf2e7;box-shadow:0 20px 80px #0008}.viewer-login::backdrop{background:#080d0b88}.viewer-login-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}.viewer-login h2{font-size:17px;margin:0}.viewer-login p{color:#aeb9a4;font-size:12px;line-height:1.6;margin:12px 0 18px}.viewer-login form,.viewer-login label{display:grid;gap:8px}.viewer-login form{gap:16px}.viewer-login label{font-size:12px;color:#c0cbb5}.viewer-login input{width:100%;min-width:0;padding:11px;color:#edf2e7;background:#131713;border:1px solid #4c574a;border-radius:5px}.viewer-login button,.content-error button{min-height:36px;padding:8px 12px;border:1px solid #4c574a;border-radius:5px;color:#dce5d3;background:#272e25}.viewer-login button.active{color:#171d12;background:#dce9bd;border-color:#dce9bd}.viewer-content button:disabled{opacity:.55;cursor:default}.viewer-login button:disabled{opacity:.55;cursor:wait}.viewer-login-heading button{padding:6px;border:0;background:transparent}.viewer-login-actions{display:flex;justify-content:flex-end;gap:8px}.viewer-login .content-error{color:#ffb7b0;margin:0}.slide-strip{min-width:0;padding:9px 12px;background:#141715;border-top:1px solid #343c32;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#495440 transparent}.slide-strip-track{display:flex;gap:9px;width:max-content;min-width:100%;align-items:center}.slide-card{flex:0 0 132px;width:132px;border:1px solid #374032;border-radius:5px;padding:3px;position:relative}.slide-card.is-selected{border-color:#dce9bd;box-shadow:0 0 0 1px #dce9bd55}.slide-card.is-drop-target{border-color:#e9ba73;background:#574429}.slide-card[draggable=true]{cursor:grab}.slide-select{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;color:#b4c2a8}.slide-thumbnail{height:54px;display:flex;align-items:center;justify-content:center;background:#090c0a;border-radius:3px;position:relative;overflow:hidden}.slide-thumbnail img{width:100%;height:100%;object-fit:contain}.slide-caption{display:flex;justify-content:space-between;gap:4px;align-items:center;padding:5px 3px 1px;font-size:10px;line-height:15px}.slide-status{position:absolute;inset:auto 0 0;padding:3px;background:#151d13e8;text-align:center;color:#d5dfad;font-size:9px}.slide-status.error{color:#ffb7b0;background:#321e1cee}.slide-video-icon{position:absolute;top:4px;right:4px;color:#fff;filter:drop-shadow(0 1px 2px #000)}.slide-card-actions{position:absolute;top:5px;right:5px;display:flex;gap:3px}.slide-card-actions button{display:grid;place-items:center;width:24px;height:24px;padding:0;color:#e1e9da;background:#172013e8;border:1px solid #4a5840;border-radius:4px}.slide-card-actions button svg{width:12px;height:12px}.slide-card-actions button:disabled{opacity:.4;cursor:default}.presentation-timeline{min-width:0;background:#141715}.presentation-transport{display:flex;min-height:50px;align-items:center;gap:14px;padding:7px 12px;border-top:1px solid #343c32}.sequence-buttons{display:flex;gap:7px;flex-shrink:0}.sequence-buttons button:disabled{opacity:.3;cursor:default}.sequence-notice{color:#dce9bd;font-size:11px}.presentation-transport .sequence-video{display:grid;grid-template-columns:minmax(70px,1fr) auto;align-items:center;column-gap:12px;width:min(430px,100%);margin-left:auto;padding:0;border:0}.sequence-video .section-heading{margin:0 0 4px;font-size:9px}.sequence-video .section-heading>span:first-child{display:none}.sequence-video input[type=range]{grid-column:1;margin:0}.sequence-video .video-actions{grid-column:2;grid-row:1 / 3}.sequence-video .error{grid-column:1 / -1}.timeline-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 12px;color:#ffb7b0;font-size:11px}.timeline-error button{background:none;border:0}.slide-add{width:82px;height:84px;flex-shrink:0;display:grid;place-content:center;justify-items:center;gap:7px;color:#b8c8a3;border:1px dashed #657653;border-radius:5px;background:#20271b;font-size:10px}.slide-add:disabled{opacity:.5;cursor:default}.slide-empty{color:#929c87;font-size:12px;padding:12px}.slide-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 20px;max-width:90%;border-radius:6px;color:#dce9bd;background:#141b13e8;text-align:center;font-size:14px;pointer-events:none}@media(max-width:760px){.slide-card{width:116px;flex-basis:116px}.slide-strip{padding:8px}.slide-thumbnail{height:48px}.slide-add{height:78px}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f4f2;background:#101112;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;background:#101112}.viewer{position:relative;min-width:0;background:#151718}.viewer-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0}.viewer canvas{display:block}.panel{z-index:2;display:flex;flex-direction:column;min-height:0;overflow:auto;border-left:1px solid #303331;background:#141615fa}.panel header{padding:25px 23px 20px;border-bottom:1px solid #303331}.eyebrow,.section-heading,.timecode,small{font-family:SFMono-Regular,Consolas,monospace}.eyebrow{color:#8c918b;font-size:10px;letter-spacing:.15em;text-transform:uppercase}h1{margin:7px 0 0;font-size:21px;font-weight:500;letter-spacing:-.035em}.control-section{padding:17px 23px;border-bottom:1px solid #2b2e2c}.section-heading{display:flex;justify-content:space-between;margin-bottom:12px;color:#9fa49e;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.upload-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1px solid #dce9bd;border-radius:5px;color:#10120d;background:#dce9bd;font-weight:600}button svg{width:15px;height:15px;stroke-width:1.8}.file-info{display:flex;flex-direction:column;margin-top:11px;min-width:0}.file-info span{overflow:hidden;color:#d7d9d5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.file-info small{margin-top:3px;color:#777c77;font-size:9px;text-transform:uppercase}.hint{margin:11px 0 0;color:#6f746f;font:10px/1.5 SFMono-Regular,Consolas,monospace;text-align:center}.privacy-note{margin:9px 0 0;color:#777d77;font-size:9px;line-height:1.45;text-align:center}.error{position:relative;margin-top:10px;padding:9px 28px 9px 10px;border:1px solid #713e3b;border-radius:4px;color:#ffb7b0;background:#321e1c;font-size:11px;line-height:1.4}.error button{position:absolute;top:4px;right:2px;border:0;background:none}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border:1px solid #343735;border-radius:5px;background:#111312}.segmented button{padding:7px 5px;border:0;border-radius:3px;color:#737873;background:transparent;font-size:11px}.segmented button.active{color:#f1f2ee;background:#303431}.spectator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.spectator-grid button,.walk-button{min-height:44px;padding:9px 5px;border:1px solid #333633;border-radius:4px;color:#858a85;background:#191b1a;font-size:10px;touch-action:manipulation}.spectator-grid button.active{border-color:#87917e;color:#f0f2eb;background:#292d29}.walk-button{width:100%;margin-top:8px;color:#dce9bd}.walk-button.is-locked{border-color:#6f7d5f;color:#10120d;background:#dce9bd}.walk-hint{margin:7px 0 0;color:#737a72;font:9px/1.45 SFMono-Regular,Consolas,monospace;text-align:center}input[type=range]{width:100%;height:2px;accent-color:#dce9bd;cursor:pointer}.check-row{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:11px}.check-row label,.mini-toggle{color:#939893;font-size:10px;text-transform:capitalize}.check-row input,.mini-toggle input{margin:0 4px 0 0;accent-color:#dce9bd;vertical-align:middle}.video-controls input[type=range]{display:block;margin-bottom:12px}.timecode{font-size:9px;letter-spacing:0}.video-actions{display:flex;align-items:center;gap:7px}.icon-button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid #3a3d3b;border-radius:4px;background:#1a1c1b}.icon-button.primary{color:#12140f;background:#dce9bd}.video-actions select{margin-left:auto;padding:5px;border:1px solid #3a3d3b;border-radius:4px;color:#bbbeba;background:#1a1c1b;font-size:10px}.panel footer{display:grid;grid-template-columns:1fr;gap:7px;margin-top:auto;padding:15px 23px}.panel footer button{display:flex;justify-content:center;align-items:center;gap:7px;padding:9px;border:1px solid #393d39;border-radius:4px;color:#b5b9b4;background:#1b1e1c;font-size:10px}.viewer-version{grid-column:1 / -1;color:#666c67;font:8px SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-align:center;text-transform:uppercase}.viewer-badge{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#989d98;background:#0f1110c7;font:9px SFMono-Regular,Consolas,monospace;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status{width:6px;height:6px;border-radius:50%;background:#656965}.status.ready{background:#cfe898;box-shadow:0 0 8px #cfe898}.walk-overlay{position:absolute;left:50%;bottom:20px;display:flex;width:max-content;max-width:calc(100% - 24px);flex-direction:column;align-items:center;gap:3px;padding:8px 12px;border:1px solid rgba(220,233,189,.28);border-radius:5px;color:#dce9bd;background:#0f1110d1;font-family:SFMono-Regular,Consolas,monospace;pointer-events:none;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.walk-overlay strong{font-size:10px;font-weight:500;text-transform:uppercase}.walk-overlay span{color:#9ba393;font-size:9px;line-height:1.4;text-align:center}.walk-overlay.is-locked{opacity:.72}.drop-overlay{position:absolute;top:14px;right:14px;bottom:14px;left:14px;display:grid;align-content:center;justify-items:center;border:1px dashed #dce9bd;border-radius:8px;color:#f5f7ee;background:#141714d6;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drop-overlay strong{font-size:20px}.drop-overlay span{margin-top:6px;color:#9da498;font:10px SFMono-Regular,Consolas,monospace}.diagnostic-page{position:relative;width:100%;height:100%;overflow:hidden;background:#111619}.diagnostic-page header{position:absolute;z-index:3;top:18px;left:22px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.diagnostic-page header strong{color:#f2f6f3;font:600 14px SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.diagnostic-page header span{color:#93a09a;font:10px SFMono-Regular,Consolas,monospace}.diagnostic-label{padding:3px 5px;border:1px solid rgba(237,244,241,.42);border-radius:3px;color:#f4f8f6;background:#0d1214e0;font:9px/1.1 SFMono-Regular,Consolas,monospace;white-space:nowrap;pointer-events:none}.diagnostic-legend{position:absolute;z-index:3;right:18px;bottom:18px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px 12px;max-width:560px;padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:4px;background:#0d1214d6;pointer-events:none}.diagnostic-legend span{display:inline-flex;align-items:center;gap:5px;color:#bec8c3;font:9px SFMono-Regular,Consolas,monospace}.diagnostic-legend i{width:9px;height:9px;border-radius:2px}@media(max-width:760px){.app{grid-template-columns:1fr;grid-template-rows:minmax(45vh,1fr) auto;overflow:auto}html,body,#root{overflow:auto}.viewer{min-height:52vh}.panel{max-height:none;border-top:1px solid #303331;border-left:0}.app:has(.slide-strip){grid-template-rows:minmax(calc(52vh + 154px),1fr) auto}.walk-overlay{display:none}.spectator-grid button,.walk-button{min-height:48px}}.media-debug{position:absolute;top:52px;left:12px;z-index:5;width:min(300px,calc(100% - 24px));max-height:calc(100% - 110px);overflow:auto;padding:10px;border:1px solid #59615f;border-radius:8px;background:#101716ed;color:#e1eeeb;font-size:11px}.media-debug summary{cursor:pointer}.media-debug form{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.media-debug input{width:100%;min-width:0}.media-debug select{max-width:100%}.media-debug button,.media-debug input,.media-debug select{color:#111;background:#eee;padding:3px}.media-debug pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}