:root{--bg: #0a0b0d;--bg-raised: #131519;--bg-inset: #1b1e24;--gold: #e8b86d;--gold-deep: #c9963f;--cream: #f4edde;--cream-dim: #b9b2a2;--line: #262a31;--danger: #e46a5a;--radius: 14px;--nav-h: 62px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--gold);color:var(--bg)}.app{max-width:1080px;margin:0 auto;padding:14px 14px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px;animation:fade-slide-down .5s ease-out both}.brand-btn{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;cursor:pointer;color:inherit}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),var(--gold-deep));color:var(--bg);font-family:Georgia,Times New Roman,serif;font-weight:800;font-size:20px;border-radius:9px;box-shadow:0 6px 16px #e8b86d29}.brand-name{font-weight:800;letter-spacing:.18em;font-size:18px}.pill{border:1px solid var(--gold);color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.04em;padding:5px 12px;border-radius:999px;white-space:nowrap}.banner{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-radius:12px;padding:11px 13px;margin-bottom:12px;font-size:13.5px;line-height:1.45;animation:fade-slide-down .3s ease-out both}.banner-error{background:#3a1712;border:1px solid #7a3527;color:#ffcfc5}.banner-warn{background:#33270f;border:1px solid #6d5423;color:#f0d9a8}.banner-close{background:none;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.reattach-actions{display:flex;gap:8px;margin-top:6px}.screen{display:flex;flex-direction:column;gap:26px;animation:fade-up .42s ease-out both}.screen-head{padding:2px 2px 0}.screen-title{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.screen-sub{color:var(--cream-dim);font-size:14px;margin:0;line-height:1.5}.hero{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px 4px 6px}.hero-title{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(38px,8vw,60px);line-height:1;letter-spacing:-.02em;color:var(--cream)}.hero-title-dot{color:var(--gold)}.hero-sub{color:var(--cream-dim);font-size:15px;line-height:1.5;margin:0;max-width:44ch}.hero-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.btn-hero{flex:0 1 auto;padding:14px 22px;font-size:15.5px;border-radius:999px}.btn-hero-plus{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0a0b0d38;color:inherit;font-weight:800;font-size:16px;line-height:1;margin-right:4px}.hero-note{color:var(--cream-dim);font-size:12.5px;margin:4px 0 0}.template-groups{display:flex;flex-direction:column;gap:22px}.template-group{display:flex;flex-direction:column;gap:8px}.template-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px}.template-group-title{font-size:16px;font-weight:800;letter-spacing:-.005em;color:var(--cream);margin:0;display:inline-flex;align-items:center;gap:8px}.template-group-emoji{font-size:18px;filter:saturate(1.1)}.template-group-blurb{color:var(--cream-dim);font-size:12.5px;line-height:1.35;text-align:right;max-width:40ch}.template-row{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.template-row::-webkit-scrollbar{display:none}.template-card{flex:0 0 auto;width:168px;background:var(--bg-raised);border:1.5px solid var(--line);border-radius:16px;padding:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:0;color:inherit;text-align:left;scroll-snap-align:start;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.template-card:hover{transform:translateY(-3px);border-color:var(--gold-deep)}.template-card.selected{border-color:var(--gold);box-shadow:0 8px 24px #e8b86d38}.template-preview{position:relative;width:100%;aspect-ratio:9 / 16;background:#050506;overflow:hidden}.template-preview-video,.template-preview-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}.template-preview-fallback{background:radial-gradient(120% 90% at 50% 0%,#1a1c22,#0b0c0f 60%,#050506)}.template-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000 55%,#0000008c)}.template-caption{position:absolute;left:6%;right:6%;bottom:12%;z-index:2;text-align:center;transform:scale(.72);transform-origin:center bottom;pointer-events:none}.template-caption .cue{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.18em .28em;max-width:100%}.template-meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;background:var(--bg-raised)}.template-name{font-size:13.5px;font-weight:700;color:var(--cream)}.template-card.selected .template-name{color:var(--gold)}.template-blurb{font-size:11.5px;color:var(--cream-dim);line-height:1.35}.projects-screen{gap:18px}.empty-state{border:1.5px dashed var(--line);border-radius:16px;padding:40px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--cream-dim)}.empty-title{font-size:16px;font-weight:800;color:var(--cream);margin:0}.empty-sub{font-size:13.5px;max-width:42ch;margin:0 0 14px;line-height:1.5}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.project-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;display:flex;align-items:stretch;transition:border-color .15s ease,transform .15s ease;overflow:hidden}.project-card:hover{border-color:var(--gold-deep)}.project-card:hover .project-card-body{background:#e8b86d0a}.project-card-body{flex:1;display:flex;gap:12px;padding:12px;background:none;border:none;color:inherit;text-align:left;cursor:pointer;align-items:center}.project-thumb{width:46px;height:62px;border-radius:8px;background:linear-gradient(160deg,var(--gold),var(--gold-deep));color:var(--bg);display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:-.01em;flex:0 0 auto}.project-thumb-w{padding:0 4px;text-align:center;line-height:1.05}.project-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.project-name{font-size:14px;font-weight:700;color:var(--cream);overflow-wrap:anywhere}.project-line{font-size:12.5px;color:var(--cream)}.project-line.dim{color:var(--cream-dim);display:inline-flex;align-items:center;gap:6px}.project-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:#e8b86d29;color:var(--gold);letter-spacing:.06em;text-transform:uppercase}.project-delete{background:none;border:none;color:var(--cream-dim);padding:0 14px;font-size:22px;cursor:pointer;border-left:1px solid var(--line)}.project-delete:hover{color:var(--danger)}.home-banner{width:100%;border:none;padding:22px 20px;border-radius:22px;background:radial-gradient(140% 160% at 100% 0%,#ffe1b6,#e8b86d 45%,#b8853a);color:#0a0b0d;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-weight:800;font-size:18px;cursor:pointer;box-shadow:0 14px 36px #e8b86d52;transition:transform .12s ease,box-shadow .2s ease;animation:fade-up .36s ease-out both}.home-banner:active{transform:translateY(1px)}.home-banner-label{font-size:22px;font-weight:800;letter-spacing:-.01em}.home-banner-center{display:inline-flex;align-items:center;gap:10px;justify-self:center;font-size:16px}.home-banner-plus{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0a0b0d;color:var(--gold);font-size:22px;line-height:1}.home-banner-pro{background:#0a0b0d24;color:#0a0b0d;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em}.home-screen{gap:22px}.hm-section{display:flex;flex-direction:column;gap:10px}.hm-h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--cream)}.hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hm-grid-1{grid-template-columns:1fr}.hm-tile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 16px;min-height:78px;background:linear-gradient(180deg,#1a1c22,#101216);border:1px solid var(--line);border-radius:18px;color:var(--cream);font-weight:700;font-size:15px;line-height:1.2;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .15s ease;white-space:pre-line}.hm-tile:hover{border-color:var(--gold-deep);transform:translateY(-1px)}.hm-tile-label{flex:1}.hm-tile-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff0d;font-size:16px}.hm-tile-purple .hm-tile-icon{color:#d68eff}.hm-tile-green .hm-tile-icon{color:#4de29a}.hm-tile-indigo .hm-tile-icon{color:#7b8bff}.hm-tile-pink .hm-tile-icon{color:#ff5f8a}.hm-tile-orange .hm-tile-icon{color:#ffb056}.hm-tile-magenta .hm-tile-icon{color:#ff6acb}.hm-tile-blue .hm-tile-icon{color:#8ab6ff}.hm-tile-cyan .hm-tile-icon{color:#6ac0ff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.hm-feature-card{border-radius:22px;padding:22px;background:radial-gradient(120% 160% at 20% 20%,#6b3ec7,#3b2a86 45%,#b93a86);color:#fff;cursor:pointer;transition:transform .15s ease}.hm-feature-card:active{transform:translateY(1px)}.hm-feature-card h3{margin:0 0 6px;font-size:24px;font-weight:800}.hm-feature-card p{margin:0;font-size:14px;line-height:1.45;color:#ffffffe6;max-width:32ch}.hm-feature-card em{color:#ffd935;font-style:normal;font-weight:700}.coming-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060709bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;animation:fade-up .18s ease-out both}.coming-card{max-width:360px;background:var(--bg-raised);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;text-align:center}.coming-card h3{margin:0;font-size:20px;font-weight:800;color:var(--cream)}.coming-card p{margin:0 0 10px;color:var(--cream-dim);font-size:14px;line-height:1.5}.settings-screen{gap:20px}.settings-group{background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.settings-group-title{margin:0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-dim)}.settings-lang-row{display:flex;gap:8px;flex-wrap:wrap}.settings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.settings-list a{color:var(--gold);text-decoration:none;font-weight:600}.settings-list a:hover{text-decoration:underline}.settings-list li.dim{color:var(--cream-dim);font-size:12.5px;line-height:1.5}.bottom-nav-btn{padding:9px 14px}.header-right{display:flex;align-items:center;gap:8px}.lang-toggle{position:relative}.lang-toggle-btn{background:var(--bg-raised);border:1px solid var(--line);color:var(--cream);font-size:11px;font-weight:700;letter-spacing:.08em;padding:5px 10px;border-radius:999px;cursor:pointer;min-width:44px;transition:border-color .15s ease,color .15s ease}.lang-toggle-btn:hover{border-color:var(--gold);color:var(--gold)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:6px;list-style:none;margin:0;min-width:160px;z-index:25;box-shadow:0 12px 30px #0000008c;animation:fade-up .18s ease-out both}.lang-item{width:100%;text-align:left;background:none;border:none;color:var(--cream);font-size:13px;font-weight:600;padding:8px 10px;border-radius:8px;cursor:pointer}.lang-item:hover,.lang-item.active{background:var(--bg-inset);color:var(--gold)}.lang-note{padding:8px 10px 4px;color:var(--cream-dim);font-size:11.5px;line-height:1.4;border-top:1px solid var(--line);margin-top:4px}.editor-topbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.btn-back{flex:0 0 auto;padding:8px 14px;font-size:13px;border-radius:999px}.editor-preset-chip{font-size:12px;color:var(--gold);border:1px solid var(--gold);padding:4px 12px;border-radius:999px;font-weight:600}.btn-topbar-export{margin-left:auto;flex:0 0 auto;padding:10px 18px;font-size:14px;border-radius:999px;box-shadow:0 6px 18px #e8b86d47}.caption-overlay .cue.tappable{cursor:pointer;pointer-events:auto;border-radius:8px;padding:2px 4px;margin:-2px -4px;transition:background .15s ease,box-shadow .15s ease}.caption-overlay .cue.tappable:hover,.caption-overlay .cue.tappable:focus-visible{background:#e8b86d1a;box-shadow:inset 0 0 0 1px #e8b86d59;outline:none}.studio{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:20px;align-items:start;flex:1;animation:fade-up .42s ease-out both}@media (max-width: 760px){.studio{grid-template-columns:1fr}}.stage-col{display:flex;flex-direction:column;align-items:center;gap:12px}.stage{position:relative;width:min(360px,100%);aspect-ratio:9 / 16;background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stage-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.stage-empty{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1.5px dashed #3a3f48;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px}.stage-empty-title{color:var(--cream);font-weight:700;margin:0}.stage-empty-sub{color:var(--cream-dim);font-size:13px;margin:0 0 8px}.stage-empty-cta{display:flex;flex-direction:column;gap:8px;width:100%;align-items:stretch}.stage-empty-cta .btn{flex:0 0 auto}.listening-chip{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0a0b0dd9;border:1px solid var(--gold);color:var(--cream);font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;z-index:8;white-space:nowrap}.listening-max{color:var(--cream-dim);font-weight:500}.listening-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.45}}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.letterbox{position:absolute;left:0;right:0;height:6.5%;background:#000;z-index:6;pointer-events:none}.letterbox-top{top:0}.letterbox-bottom{bottom:0}.sticker{position:absolute;z-index:5;font-size:30px;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.caption-overlay{position:absolute;left:5%;right:5%;bottom:15%;z-index:7;text-align:center;pointer-events:none}.stage.has-letterbox .caption-overlay{bottom:17%}.caption-overlay .cue{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.14em .3em;max-width:100%}.caption-overlay .w{display:inline-block;transition:transform .14s ease-out,color .14s ease-out,opacity .16s ease-out}.preset-viral .w{font-weight:900;font-size:27px;line-height:1.15;text-transform:uppercase;color:#fff;letter-spacing:.01em;-webkit-text-stroke:1.5px #000;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000,0 3px 6px rgba(0,0,0,.55)}.preset-viral .w.active{color:#ffd935;transform:scale(1.16)}.preset-pop .w{font-weight:900;font-size:25px;line-height:1.2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 2px #000}.preset-pop .w.active{background:var(--gold);color:#0a0b0d;text-shadow:none;padding:.02em .22em;border-radius:.22em;transform:scale(1.12) rotate(-2deg)}.preset-karaoke .w{font-weight:800;font-size:25px;line-height:1.2;color:#ffffff80;text-shadow:0 2px 6px rgba(0,0,0,.8)}.preset-karaoke .w.past{color:var(--gold)}.preset-karaoke .w.active{color:var(--gold);transform:scale(1.08)}.preset-boxed .cue{background:#08090bc7;border-radius:.5em;padding:.35em .6em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.preset-boxed .w{font-weight:700;font-size:22px;line-height:1.3;color:var(--cream)}.preset-boxed .w.active{color:var(--gold)}.preset-kinetic .w{font-weight:600;font-size:24px;line-height:1.25;letter-spacing:-.01em;color:#fff;opacity:.35;text-shadow:0 2px 10px rgba(0,0,0,.7);transition:opacity .22s ease,transform .22s ease}.preset-kinetic .w.past{opacity:.7}.preset-kinetic .w.active{opacity:1;transform:translateY(-3px)}.preset-neon .w{font-weight:800;font-size:24px;line-height:1.25;color:#7df9ff;text-shadow:0 0 6px rgba(125,249,255,.9),0 0 18px rgba(125,249,255,.5),0 2px 4px #000}.preset-neon .w.active{color:#ff6ec7;text-shadow:0 0 8px rgba(255,110,199,1),0 0 24px rgba(255,110,199,.65),0 2px 4px #000;transform:scale(1.1)}.preset-typewriter .cue{background:#08090bb3;border-radius:.3em;padding:.3em .5em}.preset-typewriter .w{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:600;font-size:20px;line-height:1.35;color:var(--cream)}.preset-typewriter .w.future{display:none}.preset-typewriter .w.active{color:var(--gold)}.preset-typewriter .w.active:after{content:"▌";color:var(--gold);animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.preset-taariix .w{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-weight:500;font-size:26px;line-height:1.25;letter-spacing:.005em;color:var(--cream);opacity:0;transform:translateY(6px);text-shadow:0 2px 12px rgba(0,0,0,.75);transition:opacity .42s ease,transform .42s ease}.preset-taariix .w.past{opacity:.88;transform:translateY(0)}.preset-taariix .w.active{opacity:1;transform:translateY(0);color:#fff9e8}.preset-popbox .cue{gap:.24em .3em}.preset-popbox .w{font-weight:800;font-size:20px;line-height:1.15;color:transparent;padding:.14em .5em;border-radius:.45em;background:#ffffff14;border:1px solid rgba(255,255,255,.15);opacity:.45;transition:opacity .16s ease,transform .16s ease,background .16s ease,color .16s ease}.preset-popbox .w.past{opacity:.75;color:#fff;background:#ffffff26}.preset-popbox .w.future{color:transparent}.preset-popbox .w.active{opacity:1;transform:translateY(-2px) scale(1.06);box-shadow:0 6px 18px #00000059}.preset-popbox .w.active.even{background:var(--gold);color:#0a0b0d;border-color:var(--gold-deep)}.preset-popbox .w.active.odd{background:#fff;color:#0a0b0d;border-color:#ffffffb3}.preset-weer .w{font-family:Inter,SF Pro Text,-apple-system,sans-serif;font-weight:300;font-size:22px;line-height:1.3;letter-spacing:.01em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,.4);opacity:.86}.preset-weer .w.active,.preset-weer .w.past{opacity:1}.controls{display:flex;gap:10px;width:min(360px,100%)}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;border:1px solid var(--line);background:var(--bg-raised);color:var(--cream);font-size:15px;font-weight:700;padding:12px 14px;cursor:pointer;transition:filter .12s ease,transform .05s ease,background .12s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:disabled,.btn.disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:linear-gradient(145deg,var(--gold),var(--gold-deep));border-color:var(--gold-deep);color:#0a0b0d;box-shadow:0 8px 22px #e8b86d3d}.btn-danger{background:#40201b;border-color:#7a3527;color:#ffcfc5}.btn-ghost{background:var(--bg-raised)}.btn-ghost input[type=file]{display:none}.btn-small{flex:initial;font-size:12.5px;padding:8px 11px;border-radius:9px;font-weight:600}.link-btn{background:none;border:none;color:var(--gold);font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px}.file-meta{width:min(360px,100%);color:var(--cream-dim);font-size:12.5px;margin:0;overflow-wrap:anywhere}.demo-tag{color:var(--gold);font-weight:600}.sample-note{width:min(360px,100%);color:var(--gold);font-size:12.5px;margin:0}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:12px;min-width:0}.tabs{display:flex;background:var(--bg-inset);border-radius:10px;padding:4px;gap:4px}.tab{flex:1;background:none;border:none;color:var(--cream-dim);font-size:14px;font-weight:700;padding:9px 0;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease}.tab.active{background:var(--bg);color:var(--gold)}.tab-body{display:flex;flex-direction:column;gap:12px;min-height:220px}.panel-hint{color:var(--cream-dim);font-size:13px;line-height:1.5;margin:0}.panel-hint-inline{color:var(--cream-dim);font-size:12px;font-weight:400}.panel-label{margin:4px 0 0;font-size:13.5px;font-weight:700}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.preset-card{background:var(--bg-inset);border:1.5px solid var(--line);border-radius:10px;padding:10px 6px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--cream);transition:border-color .15s ease,transform .12s ease}.preset-card:hover{border-color:var(--gold-deep)}.preset-card.selected{border-color:var(--gold)}.preset-card .preset-demo{display:inline-flex;gap:.25em;align-items:baseline;transform:scale(.55);transform-origin:center;height:26px;align-self:center;white-space:nowrap;pointer-events:none}.preset-name{font-size:11.5px;font-weight:600;color:var(--cream-dim)}.preset-card.selected .preset-name{color:var(--gold)}.cue-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding-right:2px}.cue-row{display:flex;align-items:center;gap:8px}.cue-time{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--cream-dim);white-space:nowrap}.cue-input{flex:1;min-width:0;background:var(--bg-inset);border:1px solid var(--line);border-radius:8px;color:var(--cream);font-size:13.5px;padding:8px 10px}.cue-input:focus{outline:none;border-color:var(--gold)}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{background:var(--bg-inset);border:1.5px solid var(--line);border-radius:999px;color:var(--cream);font-size:12.5px;font-weight:600;padding:7px 13px;cursor:pointer}.chip:hover{border-color:var(--gold-deep)}.chip.selected{border-color:var(--gold);color:var(--gold)}.chip-sticker{font-size:18px;padding:5px 11px}.slider-row{display:grid;grid-template-columns:84px 1fr 36px;align-items:center;gap:10px;font-size:13px;color:var(--cream-dim)}.slider-row input[type=range]{width:100%;accent-color:var(--gold)}.slider-val{text-align:right;font-variant-numeric:tabular-nums}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;background:var(--bg-inset);border-radius:10px;padding:11px 13px}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold)}.export-row{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:12px}.footer{text-align:center;color:var(--cream-dim);font-size:12.5px;line-height:1.5;padding:22px 10px 4px;margin:0}.site-footer{margin-top:28px;padding:22px 10px 12px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--cream-dim);font-size:12.5px}.footer-note{text-align:center;color:var(--cream-dim);font-size:12.5px;line-height:1.5;margin:0;max-width:56ch}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.footer-nav a{color:var(--cream);text-decoration:none;font-size:13px;font-weight:600;transition:color .15s ease}.footer-nav a:hover,.footer-nav a:focus{color:var(--gold)}.footer-fine{margin:0;font-size:11.5px;letter-spacing:.02em}.footer-brand{color:var(--gold);font-weight:800;letter-spacing:.18em}.doc-screen{max-width:720px;margin:0 auto;padding:6px 4px 18px;gap:18px}.doc-section{display:flex;flex-direction:column;gap:8px;padding:4px 2px;animation:fade-up .36s ease-out both}.doc-section h2{font-size:16px;font-weight:800;margin:12px 0 0;letter-spacing:-.005em;color:var(--cream)}.doc-section p,.doc-section li{color:var(--cream);font-size:14.5px;line-height:1.62;margin:0}.doc-section ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.doc-section a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.doc-section a:hover{color:var(--cream)}.doc-section code{background:var(--bg-inset);border:1px solid var(--line);padding:1px 6px;border-radius:6px;font-size:12.5px}.doc-back{margin:18px 0 0}.doc-back a{color:var(--gold);text-decoration:none;font-weight:600}.doc-back a:hover{text-decoration:underline}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:4px 14px;transition:border-color .15s ease}.faq-item[open]{border-color:var(--gold-deep)}.faq-item summary{cursor:pointer;list-style:none;padding:12px 0;font-weight:700;color:var(--cream);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14.5px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--gold);font-weight:800;font-size:20px;line-height:1;transition:transform .2s ease}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 0 14px;color:var(--cream);font-size:14px;line-height:1.6}.faq-answer a{color:var(--gold)}.faq-answer code{background:var(--bg-inset);border:1px solid var(--line);padding:1px 6px;border-radius:6px;font-size:12px}.not-found{text-align:center;min-height:60dvh;align-items:center;justify-content:center;gap:12px;padding:60px 20px}.nf-mark{font-family:Georgia,Times New Roman,serif;font-weight:700;color:var(--gold);font-size:clamp(72px,16vw,128px);line-height:.9;letter-spacing:-.03em;opacity:.9}.nf-title{font-size:clamp(24px,6vw,36px);font-weight:800;margin:4px 0 0}.nf-sub{color:var(--cream-dim);font-size:15px;margin:0 0 12px}.nf-cta{margin-top:8px}.bottom-nav{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;display:flex;gap:4px;padding:6px;background:#131519db;border:1px solid var(--line);border-radius:999px;box-shadow:0 12px 34px #00000080;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.bottom-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:none;border:none;color:var(--cream-dim);font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:color .15s ease,background .15s ease}.bottom-nav-btn:hover{color:var(--cream)}.bottom-nav-btn.active{background:var(--gold);color:var(--bg);box-shadow:0 4px 14px #e8b86d59}.bottom-nav-icon{font-size:14px}.bottom-nav-spacer{height:20px}.timeline{width:min(360px,100%);display:flex;flex-direction:column;gap:6px;color:var(--cream);font-size:12px;animation:fade-up .28s ease-out both}.tl-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tl-actions .btn-small{padding:5px 10px;font-size:11.5px}.tl-times{margin-left:auto;color:var(--cream-dim);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.02em}.tl-strip{position:relative;height:60px;border-radius:10px;background-color:var(--bg-inset);border:1px solid var(--line);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.tl-dim{position:absolute;top:0;bottom:0;background:#0000009e;pointer-events:none;z-index:3}.tl-dim-left{left:0}.tl-cue{position:absolute;top:26px;height:24px;background:#e8b86d52;border:1px solid var(--gold);border-radius:5px;color:#0a0b0d;font-size:10px;font-weight:700;padding:0 5px;overflow:hidden;white-space:nowrap;cursor:pointer;z-index:5;min-width:6px;touch-action:none}.tl-cue.selected{background:var(--gold);z-index:7;transform:translateY(-1px);box-shadow:0 4px 10px #0006}.tl-cue-label{color:#0a0b0d;line-height:22px;pointer-events:none;display:inline-block;max-width:100%;overflow:hidden;text-overflow:clip}.tl-cue-edge{position:absolute;top:-3px;bottom:-3px;width:14px;background:#0a0b0dd9;border:1px solid var(--gold);border-radius:3px;cursor:ew-resize;z-index:8;touch-action:none}.tl-cue-edge:before{content:"";position:absolute;top:6px;bottom:6px;left:5px;width:2px;background:var(--gold);border-radius:2px}.tl-cue-edge-l{left:-7px}.tl-cue-edge-r{right:-7px}.tl-handle{position:absolute;top:-4px;bottom:-4px;width:12px;transform:translate(-6px);background:var(--gold);border:2px solid var(--bg);border-radius:4px;z-index:9;cursor:ew-resize;padding:0;touch-action:none;box-shadow:0 3px 10px #0000008c}.tl-handle-in:after,.tl-handle-out:after{content:"";position:absolute;top:6px;right:4px;bottom:6px;left:4px;background:#0a0b0d99;border-radius:2px}.tl-playhead{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;transform:translate(-1px);z-index:10;pointer-events:none;box-shadow:0 0 6px #fff9}.tl-playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff9}.render-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#060709db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px;animation:fade-up .24s ease-out both}.render-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(360px,100%);background:var(--bg-raised);border:1px solid var(--line);border-radius:18px;padding:28px 22px 22px;text-align:center}.render-ring{position:relative;width:200px;height:200px}.render-ring-svg{width:100%;height:100%}.render-ring-track{fill:none;stroke:var(--bg-inset);stroke-width:12}.render-ring-fill{fill:none;stroke:var(--gold);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .35s ease-out;filter:drop-shadow(0 0 8px rgba(232,184,109,.35))}.render-ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Georgia,Times New Roman,serif;font-weight:700;color:var(--cream);font-size:44px;letter-spacing:-.01em}.render-ring-num span{font-size:22px;color:var(--gold);margin-left:2px}.render-label{color:var(--cream);font-weight:700;font-size:15px;margin:4px 0 0}.render-hint{color:var(--cream-dim);font-size:13px;margin:0 0 12px}.render-cancel{min-width:110px}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.screen,.studio,.header,.banner{animation:none!important}.caption-overlay .w{transition:none!important}}