:root{--bg-base: #020617;--bg-surface: #0f172a;--bg-panel: #1e293b;--primary: #a3ff33;--primary-hover: #bef264;--accent: #f43f5e;--text-white: #f8fafc;--text-dim: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .05);--border-hover: rgba(163, 255, 51, .2);--glass: rgba(15, 23, 42, .8);--shadow-premium: 0 10px 40px -10px rgba(0, 0, 0, .5);--font-sans: "Inter", -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-base);color:var(--text-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;word-break:keep-all;overflow-wrap:break-word}body.editor-body{overflow:hidden;height:100vh;height:100dvh}.prevent-overflow{min-width:0;flex-shrink:0;white-space:nowrap;word-break:keep-all}.touch-target{min-height:44px;min-width:44px}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glint-sidebar{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.glint-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-premium)}.glint-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.glint-btn-primary{background:var(--primary);color:#000}.glint-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 20px #a3ff334d}.glint-btn-secondary{background:var(--bg-panel);color:var(--text-white);border:1px solid var(--border)}.glint-btn-secondary:hover{border-color:var(--primary);background:#a3ff330d}.glint-input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-white);padding:10px 14px;border-radius:8px;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.glint-input option{background-color:var(--bg-surface);color:var(--text-white);padding:12px}.video-stage-container{background:radial-gradient(circle at center,#1e293b,#020617);display:flex;align-items:center;justify-content:center;position:relative}.video-stage-inner{width:90%;aspect-ratio:16 / 9;background:#000;border-radius:12px;box-shadow:0 30px 100px #000c;position:relative;overflow:hidden}.timeline-track{background:var(--bg-surface);border-top:1px solid var(--border);padding:20px}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617cc;display:flex;align-items:center;justify-content:center;font-size:8rem;font-weight:800;color:var(--primary);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}.ratio-selector{display:flex;gap:8px;margin-bottom:24px}.ratio-btn{flex:1;padding:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;font-size:.75rem;cursor:pointer;text-align:center;transition:.2s;color:var(--text-dim)}.ratio-btn.active{background:#a3ff331a;border-color:var(--primary);color:var(--primary)}.upload-dropzone{border:2px dashed var(--border);border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:.2s;background:#ffffff05}.upload-dropzone:hover{border-color:var(--primary);background:#a3ff330d}.media-item{background:var(--bg-panel);border-radius:8px;overflow:hidden;border:1px solid var(--border);cursor:pointer;position:relative;transition:transform .2s}.media-item:hover{transform:translateY(-2px);border-color:var(--primary)}.media-thumb{width:100%;aspect-ratio:16/9;background:#000;object-fit:cover}.media-info{padding:8px;font-size:.7rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020617b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.export-overlay.show{display:flex;opacity:1}.export-modal{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;width:480px;max-width:90%;text-align:center;box-shadow:0 30px 60px #0009,inset 0 1px #ffffff1a;transform:scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.export-overlay.show .export-modal{transform:scale(1)}.export-icon-container{font-size:3.5rem;color:var(--primary);margin-bottom:24px;animation:exportFloat 3s ease-in-out infinite}.export-modal-title{font-size:1.5rem;color:var(--text-white);margin-bottom:16px;font-weight:800;letter-spacing:-.5px}.export-progress-bar-container{width:100%;height:8px;background:#ffffff0d;border-radius:6px;overflow:hidden;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.export-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--primary) 0%,#bef264 100%);border-radius:6px;transition:width .1s ease;box-shadow:0 0 16px #a3ff3366}.export-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.export-percentage{font-family:SF Mono,Fira Code,monospace;font-size:1.5rem;font-weight:700;color:var(--primary)}.export-status-text{font-size:.85rem;color:var(--text-dim)}.export-tips{font-size:.75rem;color:#f59e0b;background:#f59e0b0d;border:1px solid rgba(245,158,11,.15);padding:12px 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px}@keyframes exportFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rec-controls-overlay{position:fixed;top:30px;left:50%;transform:translate(-50%) translateY(-100px);background:#0a0a0fb3;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:10px 24px;border-radius:40px;z-index:9999;opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff1a}.rec-controls-overlay.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.rec-controls-panel{display:flex;align-items:center;gap:16px}.rec-dot-pulse{width:10px;height:10px;background-color:#ef4444;border-radius:50%;animation:recPulse 1.2s infinite alternate}.rec-dot-pulse.paused{animation:none;background-color:#f59e0b}@keyframes recPulse{0%{transform:scale(.9);opacity:.5;box-shadow:0 0 #ef4444b3}to{transform:scale(1.2);opacity:1;box-shadow:0 0 12px 4px #ef444466}}.rec-time{font-family:SF Mono,Fira Code,monospace;font-size:.95rem;font-weight:700;color:var(--text-white);min-width:48px}.rec-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-white);padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.rec-btn:hover{background:#a3ff3326;border-color:var(--primary);color:var(--primary)}.rec-btn.stop{background:#ef44441a;border-color:#ef44444d;color:#f87171}.rec-btn.stop:hover{background:#ef444440;border-color:#ef4444;color:#fff;box-shadow:0 0 12px #ef444440}