/* Local feature styles. Original upstream styles remain unchanged. */

/* Hide the captured card before React hydrates. */
.maker-card { display: none; }

.local-fullscreen { position:absolute; top:10px; right:10px; z-index:5; background:#101415; border:1px solid #596263; padding:7px 10px; font-size:11px; }
.stage-panel.local-expanded { position:fixed; inset:0; z-index:1000; }
.stage-panel:is(:fullscreen,.local-expanded) { display:flex; flex-direction:column; width:100vw; height:100dvh; background:#0b0e0f; overflow:hidden; padding:0; gap:0; }
.stage-panel:is(:fullscreen,.local-expanded) .stage-toolbar,
.stage-panel:is(:fullscreen,.local-expanded) .canvas-axis,
.stage-panel:is(:fullscreen,.local-expanded) .canvas-corner { display:none !important; }
.stage-panel:is(:fullscreen,.local-expanded) .canvas-bay { flex:1; min-height:0; padding:0; display:flex; align-items:center; justify-content:center; }
.stage-panel:is(:fullscreen,.local-expanded) .canvas-frame { width:min(calc((100dvh - 60px) * var(--local-aspect,1)),100vw) !important; height:auto !important; max-height:100% !important; border:0; box-shadow:none; }
.stage-panel:is(:fullscreen,.local-expanded) .local-timeline { flex:0 0 auto; }

.local-video-audio { display:flex; flex:0 0 auto; align-items:center; gap:8px; font:11px var(--font-geist-mono),monospace; }
.local-video-audio button { display:flex; align-items:center; justify-content:center; padding:5px; color:#fff; }
.local-video-audio input { width:75px; accent-color:#dce5d7; }
.local-video-audio span { min-width:30px; }

.local-timeline { display:flex; align-items:center; gap:10px; padding:10px 16px; border-top:1px solid #303638; background:#101415; }
.local-timeline .local-seek { flex:1; min-width:70px; accent-color:#dce5d7; cursor:pointer; }
.local-timeline output { font:11px var(--font-geist-mono),monospace; font-variant-numeric:tabular-nums; white-space:nowrap; }
@media(max-width:650px) { .local-timeline { flex-wrap:wrap; gap:6px; } .local-timeline output { margin-left:auto; } }

.local-lock { display:inline-flex; align-items:center; justify-content:center; flex:0 0 26px; width:26px; height:26px; padding:0; border:1px solid #41494a; border-radius:3px; color:#fff; background:transparent; cursor:pointer; }
.local-lock:hover,.local-lock:focus-visible { border-color:#dce5d7; outline:1px solid #dce5d7; }
.local-lock.is-locked { color:#fff; background:#303638; border-color:#dce5d7; }
.local-lock:disabled { opacity:.75; cursor:default; }
.local-lock-row { display:flex; gap:5px; align-items:center; }
.local-lock-row>.layer-toggle { flex:1; min-width:0; }
.section-heading>.local-lock { margin-left:4px; }
.local-lock-status { white-space:nowrap; font-size:10px; }

.local-master-export { display:grid; gap:10px; margin:14px 0; padding:14px 0; border-top:1px solid #4b5650; border-bottom:1px solid #4b5650; }
.local-master-export>strong { color:#e0e8d9; font:12px var(--font-geist-mono),monospace; }
.local-master-export .mini-note { margin:0; }
.local-stream-option { display:flex; align-items:center; gap:8px; font-size:12px; }