@import "https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#020617;--panel-bg:#0f172aa6;--panel-border:#94a3b814;--panel-border-active:#0ea5e94d;--text-main:#f8fafc;--text-dim:#94a3b8;--text-muted:#64748b;--accent-cyan:#0ea5e9;--accent-cyan-glow:#0ea5e926;--accent-green:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Courier Prime", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#02061780}::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.flex{display:flex}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.inset-0{inset:0}.pointer-events-none{pointer-events:none}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.pb-3{padding-bottom:.75rem}.pl-0{padding-left:0}.pr-1{padding-right:.25rem}.pr-8{padding-right:2rem}.rounded-xl{border-radius:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.tracking-wider{letter-spacing:.05em}.font-mono{font-family:var(--font-mono)}.app-container{min-height:100vh;padding:1.5rem}.app-grid{grid-template-columns:460px 1fr;gap:1.5rem;max-width:1600px;margin:1.5rem auto 0;display:grid}.glass-container{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);border-radius:12px;transition:border-color .3s;box-shadow:0 8px 32px #0000005e}.glass-panel{background:#1e293b4d;border:1px solid #94a3b80d;border-radius:8px;transition:all .3s}.glass-panel:hover{border-color:#0ea5e926}.hud-panel{flex-direction:column;display:flex}.hud-header{border-bottom:1px solid var(--panel-border);padding:.75rem 1rem}.hud-title{font-family:var(--font-sans);color:var(--text-dim);font-size:11px}.dot-red{background-color:var(--accent-rose);width:6px;height:6px;box-shadow:0 0 8px var(--accent-rose);border-radius:50%;display:inline-block}.blink-active{animation:1.2s step-end infinite blink}.rec-timer{color:var(--accent-rose)}@keyframes blink{50%{opacity:0}}.viewfinder-container{aspect-ratio:4/3;border-bottom:1px solid var(--panel-border);background-color:#020617;width:100%;position:relative;overflow:hidden}.webcam-feed{object-fit:cover;width:100%;height:100%}.hud-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-circle{border:1.5px solid #0ea5e966;border-radius:50%;width:48px;height:48px}.reticle-crosshair{width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-crosshair:before,.reticle-crosshair:after{content:"";background-color:#0ea5e966;position:absolute}.reticle-crosshair:before{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.reticle-crosshair:after{width:1.5px;height:100%;top:0;left:50%;transform:translate(-50%)}.button-group{background-color:#02061766;border:1px solid #94a3b814;border-radius:6px;padding:2px}button{cursor:pointer;font-family:var(--font-sans);color:var(--text-main);background:0 0;border:none;transition:all .2s}.btn-sm{border-radius:4px;padding:4px 10px;font-size:11px}.btn-hud{color:var(--text-dim);align-items:center;gap:4px;display:flex}.btn-hud:hover{color:var(--text-main);background-color:#94a3b80d}.btn-hud.active{background-color:var(--accent-cyan-glow);color:var(--accent-cyan);border:1px solid #0ea5e94d;box-shadow:0 0 10px #0ea5e91a}.btn-primary{background-color:var(--accent-cyan);color:#fff;border-radius:6px;font-size:13px;font-weight:500;box-shadow:0 4px 14px #0ea5e94d}.btn-primary:hover{background-color:#0284c7;box-shadow:0 6px 20px #0ea5e966}.btn-icon{color:var(--text-dim);background-color:#02061766;border:1px solid #94a3b814;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{color:var(--text-main);border-color:#0ea5e933}.btn-icon.active{color:var(--accent-cyan);background-color:var(--accent-cyan-glow);border-color:#0ea5e966}.btn-secondary{color:var(--text-dim);background-color:#0f172acc;border:1px solid #94a3b81a;border-radius:6px;font-size:13px}.btn-secondary:hover{color:var(--text-main);background-color:#0f172ae6;border-color:#94a3b833}.listening-active{animation:1.5s infinite pulse-border;border-color:var(--accent-rose)!important;color:var(--accent-rose)!important;background-color:#f43f5e14!important}@keyframes pulse-border{50%{border-color:#f43f5e33}}.btn-accent{background-color:var(--accent-green);color:#fff;border-radius:6px;font-size:13px;box-shadow:0 4px 14px #10b98140}.btn-accent:hover{background-color:#059669;box-shadow:0 6px 20px #10b98159}.btn-accent:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-draft{color:var(--text-dim);background-color:#1e293b66;border:1px solid #94a3b80d;border-radius:6px}.btn-draft:hover{color:var(--text-main);background-color:#1e293b99;border-color:#94a3b826}.dictation-textarea{width:100%;color:var(--text-main);font-family:var(--font-sans);resize:none;background-color:#02061773;border:1px solid #94a3b814;border-radius:8px;outline:none;padding:.75rem;transition:all .3s}.dictation-textarea:focus{border-color:var(--panel-border-active);box-shadow:0 0 12px #0ea5e926}.storyboard-card{border:1px solid #94a3b80a;transition:all .35s cubic-bezier(.16,1,.3,1)}.storyboard-card:hover{background-color:#1e293b73;transform:translate(4px)}.card-highlight{box-shadow:inset 0 0 12px #0ea5e914;border-color:var(--panel-border-active)!important;background-color:#0ea5e908!important}.card-thumbnail-canvas,.card-thumbnail-img{object-fit:cover;border:1px solid #94a3b814;border-radius:6px;width:150px;height:95px;display:block}.input-select-hud{color:var(--accent-cyan);background-color:#02061799;border:1px solid #94a3b814;border-radius:4px;outline:none;padding:2px 6px}.input-text-hud{color:var(--text-main);background-color:#02061766;border:1px solid #94a3b814;border-radius:4px;outline:none;padding:3px 6px;font-size:11px}.input-text-hud:focus,.input-select-hud:focus,.input-textarea-hud:focus{border-color:#0ea5e94d}.input-textarea-hud{color:var(--text-dim);resize:none;background-color:#0206174d;border:1px solid #94a3b80f;border-radius:4px;outline:none;padding:4px 6px}.label-tiny{letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px;font-size:8px;font-weight:700}.label-dim{color:var(--text-dim);font-family:var(--font-sans);letter-spacing:.05em}.spinner-sm{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.view-tabs-header{border-bottom:1px solid var(--panel-border);padding:4px 4px 0}.tab-btn{color:var(--text-dim);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--accent-cyan);border-color:var(--accent-cyan)}.icon-green{color:var(--accent-green)}.screenplay-paper{max-width:650px;margin:0 auto}.scene-marker-tag{letter-spacing:.08em}.scene-heading,.speaker-name{font-weight:700}.speech-text{text-indent:0;line-height:1.4}@media print{body{color:#000!important;background-color:#fff!important}.app-container>h1,.app-container>p,.app-grid>div:first-child,.view-tabs-header,.panel-header,.scene-marker-tag,.screenplay-header{display:none!important}::-webkit-scrollbar{display:none!important}.app-grid{max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.glass-container{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.screenplay-paper-wrapper{color:#000!important;background:#fff!important;border:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.screenplay-paper{color:#000!important;background:#fff!important;width:100%!important;padding:1.5in 1in 1.25in 1.5in!important}.scene-heading,.scene-action,.speech-text{color:#000!important}.scene-audio{color:#444!important}.scene-block{page-break-inside:avoid!important}}