:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-base:#0b0e14;--surface:#10131a;--surface-elevated:#1a1d23;--surface-container:#1d2026;--surface-high:#272a31;--surface-highest:#32353c;--line:#ffffff14;--line-strong:#ffffff29;--text:#f4fbff;--muted:#b9cacb;--dim:#849495;--primary:#00f2ff;--primary-soft:#e1fdff;--primary-text:#00363a;--secondary:#dcb8ff;--purple:#8b00d9;--gold:#fed83a;--danger:#ef4444;--success:#10b981;--shadow:0 24px 70px #00000052}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-base);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}.main{min-height:100vh;padding:112px 32px 48px}.muted{color:var(--muted)}.card{border:1px solid var(--line);background:var(--surface-elevated);border-radius:8px;padding:20px}.top{margin-top:24px}.topbar{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0e14d1;justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:14px 24px;display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--primary-soft);align-items:center;gap:12px;font-size:20px;font-weight:900;line-height:1;display:inline-flex}.mark{width:40px;height:40px;color:var(--primary);background:#00f2ff1f;border:1px solid #00f2ff59;border-radius:8px;place-items:center;font-size:14px;display:grid}.topnav{color:#f4fbffa3;justify-content:center;align-items:center;gap:30px;font-weight:700;display:flex}.topnav a{padding:8px 0;position:relative}.topnav a.active,.topnav a:hover{color:var(--primary-soft)}.topnav a.active:after{background:var(--primary-soft);content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.top-actions{align-items:center;gap:16px;display:flex}.user-dot{border:2px solid var(--primary-soft);border-radius:50%;width:32px;height:32px;position:relative}.user-dot:before,.user-dot:after{border:2px solid var(--primary-soft);content:"";border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.user-dot:before{width:8px;height:8px;top:6px}.user-dot:after{border-bottom:0;width:16px;height:9px;bottom:5px}.button{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:850;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex}.button:hover{border-color:#00f2ff7a}.button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-text);box-shadow:0 0 18px #00f2ff2e}.button.primary:hover{transform:translateY(-1px);box-shadow:0 0 28px #00f2ff47}.button.ghost{color:var(--secondary);background:0 0;border-color:#dcb8ffb3}.button.subtle{min-height:40px;color:var(--muted);background:#ffffff08}.button.compact{min-height:40px;padding-inline:18px}.button.large{width:100%;min-height:58px;font-size:20px}.button.xl{min-height:56px;padding-inline:30px}.actions{flex-wrap:wrap;gap:12px;display:flex}.actions.center{justify-content:center}.landing{padding:120px 24px 88px;overflow:hidden}.hero{align-items:center;gap:54px;max-width:1180px;min-height:760px;margin:0 auto;display:grid}.hero-copy{z-index:2;text-align:center;max-width:820px;margin:0 auto;position:relative}.eyebrow{border:1px solid var(--line);background:var(--surface-container);color:var(--muted);text-transform:uppercase;border-radius:999px;align-items:center;gap:9px;margin-bottom:18px;padding:7px 12px;font-size:12px;font-weight:850;display:inline-flex}.eyebrow.small{margin:0 0 10px;font-size:11px}.eyebrow span{background:var(--primary);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #00f2ffbf}.hero h1{color:var(--text);margin-bottom:22px;font-size:58px;font-weight:950;line-height:1.02}.hero h1 span{color:var(--primary);text-shadow:0 0 24px #00f2ff3d}.hero p{max-width:680px;color:var(--muted);margin-bottom:34px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.55}.test-note{margin-top:18px;margin-bottom:0;font-weight:850;color:var(--primary)!important;font-size:14px!important}.studio-showcase{border:1px solid var(--line);background:radial-gradient(circle at center, #00f2ff1f, transparent 62%), var(--surface);width:100%;max-width:960px;min-height:470px;box-shadow:var(--shadow);border-radius:10px;margin:0 auto;position:relative;overflow:hidden}.monitor{background:#11161e;border:1px solid #00f2ff33;border-radius:8px;padding:18px;position:absolute;inset:34px 140px 40px}.screen-toolbar{gap:8px;margin-bottom:22px;display:flex}.screen-toolbar span{background:var(--surface-highest);border-radius:50%;width:10px;height:10px}.waveform{border:1px solid var(--line);background:#0000003d;border-radius:8px;align-items:center;gap:5px;height:110px;padding:16px;display:flex}.waveform i{background:var(--primary);border-radius:999px;flex:1;min-height:12%;display:block;box-shadow:0 0 12px #00f2ff52}.tracks{gap:8px;margin-top:18px;display:grid}.tracks span{background:linear-gradient(90deg,#00f2ff7a,#8b00d96b);border-radius:4px;height:18px}.render-pill{color:var(--primary-soft);align-items:center;gap:12px;margin-top:12px;font-size:12px;font-style:normal;display:flex}.render-pill b{background:#00f2ff24;border:1px solid #00f2ff8c;border-radius:8px;width:32px;height:32px}.render-pill em{font-style:normal;font-weight:800}.speaker{background:#071017;border:1px solid #00f2ff29;border-radius:8px;width:88px;height:160px;position:absolute;bottom:30px}.speaker:before,.speaker:after{content:"";background:#0f1e29;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.speaker:before{width:34px;height:34px;top:20px}.speaker:after{border:8px solid #112d3c;width:58px;height:58px;bottom:22px}.speaker.left{left:24px}.speaker.right{right:24px}.section{max-width:1180px;margin:72px auto 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.section-head h2,.cta-panel h2{margin-bottom:10px;font-size:32px;line-height:1.15}.section-head p,.cta-panel p{color:var(--muted)}.text-link{color:var(--primary);font-weight:850}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.feature-card{border:1px solid var(--line);background:#1a1d23c7;border-radius:8px;flex-direction:column;gap:16px;min-height:560px;padding:28px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.feature-card:hover{border-color:#00f2ff59;transform:translateY(-3px);box-shadow:0 0 28px #00f2ff1f}.feature-icon{border:1px solid;border-radius:8px;place-items:center;width:52px;height:52px;font-weight:950;display:grid}.tone-cyan .feature-icon,.tone-cyan h3{color:var(--primary)}.tone-purple .feature-icon,.tone-purple h3{color:var(--secondary)}.tone-gold .feature-icon,.tone-gold h3{color:var(--gold)}.feature-card h3{margin:2px 0 0;font-size:24px}.feature-card p{color:var(--muted);line-height:1.5}.sample-meta{flex-wrap:wrap;gap:8px;display:flex}.sample-meta span{color:var(--primary-soft);text-transform:uppercase;background:#00f2ff14;border:1px solid #00f2ff47;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.sample-video-frame{border:1px solid var(--line);background:#05070a;border-radius:6px;flex:1;min-height:320px;margin-top:auto;position:relative;overflow:hidden}.sample-video-frame video{object-fit:cover;width:100%;height:100%;min-height:320px;display:block}.sample-video-frame span{color:var(--primary-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070ab8;border:1px solid #00f2ff61;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;position:absolute;bottom:14px;right:14px}.feature-visual{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex:1;place-items:center;min-height:320px;margin-top:auto;display:grid;overflow:hidden}.phone-mini{background:#060a10;border:7px solid #05080c;border-radius:24px;width:170px;height:300px;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000057}.minecraft-sky{background:linear-gradient(135deg,#0000 0 48%,#00f2ff42 49% 54%,#0000 55%),linear-gradient(#0b7abe,#4dd9ff 46%,#42b66a 47%,#12391f);position:absolute;inset:0}.minecraft-sky:before,.minecraft-sky:after{content:"";background:#e56f2b;position:absolute}.minecraft-sky:before{width:98px;height:28px;top:42px;right:-12px}.minecraft-sky:after{background:#f2cf41;width:120px;height:22px;top:112px;left:20px}.reddit-card,.reddit-overlay{color:#17202a;background:#fff;border-radius:8px;gap:8px;padding:14px;display:grid;position:absolute;top:84px;left:16px;right:16px}.reddit-card b,.reddit-overlay b{font-size:11px}.reddit-card span,.reddit-overlay span{background:#dde3ea;border-radius:999px;height:9px}.reddit-card .short,.reddit-overlay .short{width:72%}.subtitle-chip{color:#fff;text-align:center;background:#000000c7;border-radius:4px;padding:8px;font-size:15px;font-style:italic;font-weight:950;position:absolute;bottom:82px;left:12px;right:12px}.quiz-mini{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:18px;display:flex}.timer-ring{border:7px solid var(--primary);border-radius:50%;place-items:center;width:74px;height:74px;font-size:28px;font-weight:950;display:grid}.quiz-mini strong{text-align:center;font-size:24px}.choice-row{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.choice-row span{border:1px solid var(--line-strong);text-align:center;background:#ffffff14;border-radius:6px;padding:10px 6px;font-weight:850}.caption-mini{background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 40px),#11161f;place-items:center;display:grid}.caption-stack{color:#fff;-webkit-text-stroke:4px #05070a;paint-order:stroke fill;justify-items:center;gap:6px;font-size:26px;font-weight:950;display:grid}.caption-stack span:last-child{color:var(--primary)}.timeline-mini{gap:8px;display:grid;position:absolute;bottom:24px;left:18px;right:18px}.timeline-mini i{border:1px solid var(--primary);background:#00f2ff2e;border-radius:3px;height:12px}.cta-panel{border:1px solid var(--line);background:var(--surface-elevated);text-align:center;max-width:960px;box-shadow:var(--shadow);border-radius:12px;margin:128px auto 0;padding:58px 32px}.cta-panel p{max-width:560px;margin-bottom:28px;margin-left:auto;margin-right:auto}.cta-panel span{color:var(--dim);text-transform:uppercase;margin-top:16px;font-size:12px;font-weight:800;display:block}.footer{border-top:1px solid var(--line);background:var(--surface-base);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:28px 24px;display:flex}.footer .brand{font-size:18px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.footer-links a:hover{color:var(--primary)}.footer p{margin:0}.studio-shell{grid-template-columns:300px minmax(0,1fr) 340px;min-height:100vh;padding-top:74px;display:grid}.open-editor-shell{grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(330px,430px)}.studio-panel{border-color:var(--line);background:var(--surface-elevated);padding:24px}.account-panel,.settings-panel{border-right:1px solid var(--line)}.config-panel{border-left:1px solid var(--line)}.settings-panel,.editor-panel{max-height:calc(100vh - 74px);overflow:auto}.panel-heading{margin-bottom:22px}.panel-heading h2,.tool-card h3,.notice-card h3,.usage-card h3,.status-panel h2{color:var(--primary-soft);margin-bottom:6px;font-size:24px}.panel-heading p,.notice-card p,.tool-card p{color:var(--muted);line-height:1.45}.form{gap:14px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.field input,.field select,.field textarea{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--text);background:#090d13;border-radius:6px;outline:none;padding:0 14px}.field textarea{resize:vertical;min-height:92px;padding:12px 14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00f2ff1f}.button-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.usage-card,.notice-card,.tool-card,.status-panel,.job-panel{border:1px solid var(--line);background:#10131aad;border-radius:8px;margin-top:20px;padding:18px}.usage-card pre,.status{color:var(--muted);white-space:pre-wrap;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}.studio-workspace{background:var(--surface-base);grid-template-rows:auto 1fr auto auto;gap:18px;padding:28px;display:grid}.studio-title{justify-content:space-between;align-items:end;gap:24px;display:flex}.studio-title h1{margin-bottom:8px;font-size:42px;line-height:1.1}.studio-title p{max-width:620px;color:var(--muted);margin-bottom:0}.mode-tabs{flex-wrap:wrap;gap:10px;display:flex}.mode-tabs button{border:1px solid var(--line);background:var(--surface-container);min-height:42px;color:var(--muted);border-radius:999px;padding:0 16px;font-weight:850}.mode-tabs button.active{border-color:var(--primary);color:var(--primary);background:#00f2ff1f}.preview-zone{border:1px solid var(--line);background-color:#070b11;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(0deg,#ffffff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:10px;place-items:center;min-height:690px;display:grid;box-shadow:inset 0 0 80px #00f2ff0a}.live-preview-zone{gap:18px}.editor-player{aspect-ratio:9/16;border:10px solid var(--surface-highest);background:#000;border-radius:34px;width:min(430px,44vw);height:min(764px,100vh - 260px);overflow:hidden;box-shadow:0 34px 90px #0000006b,0 0 28px #00f2ff24}.mini-readout{max-width:520px;color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px;font-weight:850;display:flex}.mini-readout span{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:7px 10px}.preview-phone{border:10px solid var(--surface-highest);background:#000;border-radius:34px;width:360px;height:640px;position:relative;overflow:hidden;box-shadow:0 34px 90px #0000006b,0 0 28px #00f2ff24}.preview-phone:before{z-index:5;content:"";background:#05070a;border-radius:999px;width:82px;height:18px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.reddit-screen .full{opacity:.9}.reddit-overlay{padding:18px;top:240px;left:28px;right:28px}.reddit-caption{color:#fff;text-align:center;-webkit-text-stroke:5px #05070a;paint-order:stroke fill;justify-items:center;gap:4px;font-size:27px;font-style:italic;font-weight:950;display:grid;position:absolute;bottom:198px;left:28px;right:28px}.social-rail{color:#fff;text-align:center;gap:18px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:130px;right:18px}.playbar{background:#ffffff38;border-radius:999px;height:5px;position:absolute;bottom:24px;left:22px;right:22px;overflow:hidden}.playbar i{background:var(--primary);width:38%;height:100%;display:block}.quiz-screen{flex-direction:column;align-items:center;padding:58px 34px 26px;display:flex}.level-pill{color:var(--primary-soft);text-transform:uppercase;background:#e1fdff24;border:1px solid #e1fdff61;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:900}.quiz-screen h2{color:#fff;text-align:center;margin:36px 0 18px;font-size:48px;line-height:1.12}.timer-line{background:#ffffff2e;border-radius:999px;width:100%;height:6px;overflow:hidden}.timer-line i{background:var(--primary);width:66%;height:100%;display:block}.quiz-globe{border:2px solid var(--dim);background:var(--surface-container);border-radius:18px;place-items:center;width:100%;height:210px;margin-top:18px;display:grid}.quiz-globe:before{content:"";background:linear-gradient(90deg,#0000 44%,#fff 45% 55%,#0000 56%),linear-gradient(#0000 44%,#fff 45% 55%,#0000 56%);border:12px solid #fff;border-radius:50%;width:88px;height:88px}.quiz-answers{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:18px;display:grid}.quiz-answers span{border:1px solid var(--line-strong);color:#fff;text-align:center;background:#ffffff14;border-radius:8px;min-height:56px;padding:14px 8px;font-size:20px;font-weight:950}.floating-controls{gap:12px;display:flex;position:absolute;bottom:94px;left:50%;transform:translate(-50%)}.floating-controls button{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-radius:14px;width:54px;height:54px}.caption-screen,.render-preview{place-items:center;display:grid}.caption-bg{opacity:.9;background:radial-gradient(circle at 50% 42%,#00f2ff29,#0000 30%),repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 38px),#12161e;position:absolute;inset:0}.caption-screen-copy,.render-copy{z-index:2;color:var(--primary);text-align:center;text-shadow:0 0 26px #00f2ff94;justify-items:center;font-size:56px;font-weight:950;line-height:1.05;display:grid;position:relative}.render-copy{color:#fff;-webkit-text-stroke:5px #05070a;paint-order:stroke fill}.render-test-hook{opacity:.01;font-size:28px}.render-player-shell{place-items:center;display:grid}.template-list,.caption-list,.style-grid{gap:10px;display:grid}.template-list{grid-template-columns:1fr 1fr}.template-list span,.caption-list span,.style-grid span{border:1px solid var(--line-strong);color:var(--muted);background:#ffffff0a;border-radius:6px;padding:13px;font-weight:850}.template-list span.active,.style-grid span.active{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 1px #00f2ff3d}.caption-list span{min-height:68px;color:var(--text)}.job-panel{gap:16px;display:grid}.job-panel h2{margin-bottom:4px}.job-panel p{color:var(--muted);margin-bottom:0}.render-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.render-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:14px;display:grid}.render-card span{color:var(--muted)}.editor-tool,.round-editor,.caption-edit-row{border:1px solid var(--line);background:#ffffff09;border-radius:8px;gap:12px;padding:14px;display:grid}.round-editor-list,.caption-edit-list{gap:12px;display:grid}.round-head{color:var(--primary-soft);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:900;display:flex}.compact-field{gap:8px;display:grid}.compact-field span{color:var(--dim);text-transform:uppercase;font-size:11px;font-weight:900}.compact-field input,.compact-field select{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--text);background:#090d13;border-radius:6px;outline:none;padding:0 12px}.caption-edit-row{grid-template-columns:minmax(0,1fr) 74px 74px}.render-studio{grid-template-columns:300px minmax(0,1fr) 380px;gap:0;min-height:100vh;padding-top:74px;display:grid}.render-left{border-right:1px solid var(--line)}.render-right{border-left:1px solid var(--line)}.render-center{background:#070b11;align-content:start;justify-items:center;gap:22px;padding:28px;display:grid}.compact-title{width:100%}.timeline{border:1px solid var(--line);background:repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 56px), var(--surface);border-radius:8px;width:100%;min-height:190px;position:relative;overflow:hidden}.timeline-progress{background:var(--primary);height:5px}.timeline-clips{gap:14px;padding:24px;display:grid}.timeline-clips span,.timeline-clips b{border-radius:6px;min-height:42px;padding:12px;display:block}.timeline-clips span{background:var(--surface-high);color:var(--dim);text-transform:uppercase}.timeline-clips b{border:1px solid var(--primary);color:var(--primary);background:#00f2ff2e}.progress{border:1px solid var(--line);background:#070b11;border-radius:999px;height:14px;overflow:hidden}.progress div{background:var(--primary);height:100%;transition:width .2s}@media (width<=1180px){.studio-shell,.render-studio{grid-template-columns:1fr}.account-panel,.config-panel,.render-left,.render-right{border-left:0;border-right:0;border-bottom:1px solid var(--line)}.studio-workspace{order:-1}.format-grid{grid-template-columns:1fr}}@media (width<=820px){.topbar{flex-wrap:wrap;min-height:auto;position:sticky}.topnav{order:3;justify-content:flex-start;gap:16px;width:100%;font-size:14px;overflow-x:auto}.brand{font-size:16px}.top-actions{gap:8px}.landing,.main{padding:32px 16px 56px}.hero{min-height:auto}.hero h1{font-size:42px}.hero p{font-size:16px}.studio-showcase{min-height:330px}.monitor{inset:24px}.speaker{display:none}.section-head,.studio-title{flex-direction:column;align-items:start}.footer{flex-direction:column;align-items:flex-start}.studio-shell,.render-studio{padding-top:0}.studio-workspace,.render-center,.studio-panel{padding:18px}.preview-zone{min-height:560px}.preview-phone{width:292px;height:519px}.editor-player{border-width:8px;border-radius:28px;width:292px;height:519px}.quiz-screen h2{font-size:36px}.caption-screen-copy,.render-copy{font-size:42px}.caption-edit-row{grid-template-columns:1fr}}.loading-screen{background:var(--surface-base);place-items:center;min-height:100vh;padding:32px;display:grid}.loader-card{border:1px solid var(--line);background:var(--surface);text-align:center;width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;padding:28px}.spinner{border:3px solid #ffffff24;border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;margin-bottom:14px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.account-pill{border:1px solid var(--line);max-width:260px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:9px 12px;overflow:hidden}.auth-shell{grid-template-columns:minmax(320px,480px) minmax(320px,1fr);align-items:stretch;gap:24px;min-height:100vh;padding:112px 32px 48px;display:grid}.auth-shell.single{grid-template-columns:minmax(320px,520px);justify-content:center}.auth-card,.auth-proof,.dashboard-shell,.flow-page{border:1px solid var(--line);box-shadow:var(--shadow);background:#10131ad6;border-radius:8px}.auth-card{padding:34px}.auth-card h1{color:var(--primary-soft);margin-bottom:10px;font-size:clamp(34px,6vw,56px);line-height:.96}.auth-form{gap:16px;margin-top:24px;display:grid}.checkline{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.checkline input{margin-top:3px}.form-error,.status-note{color:#fecaca;background:#ef44441a;border:1px solid #ef44445c;border-radius:6px;padding:11px 12px;font-size:14px}.status-note{color:#bbf7d0;background:#10b9811a;border-color:#10b9815c}.sample-loaded-note{color:var(--primary-soft);text-transform:uppercase;background:#00f2ff17;border:1px solid #00f2ff3d;border-radius:999px;align-items:center;gap:8px;margin:4px 0 16px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.sample-loaded-note:before{background:var(--primary);content:"";border-radius:999px;width:8px;height:8px;box-shadow:0 0 12px #00f2ffb8}.auth-switch{color:var(--muted);margin:18px 0 0}.auth-switch a,.text-link{color:var(--primary);font-weight:800}.auth-proof{background:linear-gradient(#00f2ff1f,#0000 42%),#0f121a;align-content:center;gap:22px;padding:34px;display:grid}.auth-proof ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.auth-proof li{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:16px}.dashboard-shell{background:var(--surface-base);gap:24px;min-height:100vh;padding:112px 32px 48px;display:grid}.onboarding-shell{align-content:start}.dash-hero{border:1px solid var(--line);background:linear-gradient(90deg, #00f2ff29, #dcb8ff12), var(--surface);border-radius:8px;justify-content:space-between;align-items:end;gap:24px;padding:28px;display:flex}.dash-hero h1{color:var(--primary-soft);margin-bottom:8px;font-size:clamp(34px,5vw,62px);line-height:.98}.creation-grid,.product-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.creation-card,.product-card{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:250px;color:var(--text);text-align:left;border-radius:8px;align-content:start;gap:14px;padding:22px;transition:border-color .18s,transform .18s,background .18s;display:grid}.creation-card:hover,.product-card:hover{border-color:var(--primary);background:#111820;transform:translateY(-2px)}.product-glyph{width:48px;height:48px;color:var(--primary);background:#00f2ff1f;border:1px solid #00f2ff66;border-radius:8px;place-items:center;font-weight:950;display:grid}.product-glyph.reddit{color:var(--secondary);background:#dcb8ff1f;border-color:#dcb8ff6b}.product-glyph.caption{color:var(--gold);background:#fed83a1c;border-color:#fed83a6b}.usage-panel{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;min-width:280px;padding:18px}.usage-panel strong{color:var(--primary-soft);font-size:18px;display:block}.usage-panel span{color:var(--muted);margin-top:7px;display:block}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.dash-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:22px}.dash-panel h2{color:var(--primary-soft);margin-bottom:16px}.empty-state{border:1px dashed var(--line-strong);min-height:160px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:24px;display:grid}.empty-state b{color:var(--text)}.project-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.project-row:last-child{border-bottom:0}.draft-row{border-left:3px solid #facc1594;padding-left:12px}.flow-page{background:var(--surface-base);min-height:100vh;padding:100px 24px 32px}.flow-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.stepper{gap:8px;margin:0;padding:0;list-style:none;display:flex}.stepper li{border:1px solid var(--line);color:var(--dim);text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:850}.stepper li.active{color:var(--primary-soft);background:#00f2ff1f;border-color:#00f2ff73}.choice-stage{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto;display:grid}.choice-tile{border:1px solid var(--line-strong);background:var(--surface);min-height:230px;color:var(--text);text-align:left;border-radius:8px;padding:24px}.choice-tile b{color:var(--primary-soft);font-size:22px;display:block}.choice-tile span{color:var(--muted);margin-top:12px;line-height:1.45;display:block}.modal-backdrop.visible{z-index:60;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.url-modal{border:1px solid var(--line-strong);background:var(--surface);width:min(620px,100%);box-shadow:var(--shadow);border-radius:8px;padding:28px}.hint{color:var(--dim);margin:6px 0 0;font-size:13px}.flow-frame{grid-template-columns:minmax(330px,560px) minmax(320px,420px);justify-content:center;align-items:start;gap:22px;display:grid}.flow-preview{border:1px solid var(--line);background:#090b10;border-radius:8px;justify-items:center;gap:14px;padding:18px;display:grid}.scrubber{width:min(420px,100%);color:var(--dim);grid-template-columns:1fr auto auto;align-items:center;gap:12px;font-size:12px;display:grid}.scrubber span{background:linear-gradient(90deg, var(--primary) 0 36%, #ffffff24 36% 100%);border-radius:999px;height:7px}.flow-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:16px;padding:22px;display:grid}.flow-panel.wide{max-width:1180px;margin:0 auto}.summary-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:16px;max-width:1040px;margin:0 auto;padding:24px;display:grid}.preview-controls,.sound-grid,.sound-profile-grid,.transition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preview-controls .button,.sound-grid span,.sound-profile-grid button,.transition-grid button,.template-gallery button,.style-gallery button{border:1px solid var(--line-strong);background:var(--surface-high);min-height:46px;color:var(--text);border-radius:6px;padding:10px 12px;font-weight:800}.template-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-gallery button,.style-gallery button{text-align:left;min-height:132px}.template-gallery .selected,.style-gallery .selected,.sound-profile-grid .selected,.transition-grid .selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #fed83a80}.sound-profile-grid button{text-align:left;gap:6px;display:grid}.sound-profile-grid b{color:var(--primary-soft)}.sound-profile-grid span{color:var(--muted);font-size:12px;line-height:1.35}.current-config-card,.inspector-section{border:1px solid var(--line);background:#ffffff09;border-radius:8px;gap:6px;padding:14px;display:grid}.current-config-card b,.inspector-section b{color:var(--primary-soft);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.current-config-card span,.inspector-section small{color:var(--muted);line-height:1.4}.color-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.color-control-grid .field{border:1px solid var(--line);background:#ffffff09;border-radius:8px;padding:10px}.color-control-grid input[type=color]{min-height:44px;padding:3px}.question-stack{gap:14px;display:grid}.question-card{border:1px solid var(--line);background:#ffffff09;border-radius:8px;padding:18px}.question-card header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mini-button{border:1px solid var(--line);background:var(--surface-high);min-height:32px;color:var(--text);border-radius:6px;padding:0 10px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer-field{border:1px solid var(--line);background:#090d13;border-radius:8px;padding:12px}.answer-field.correct{border-color:#10b981a3;box-shadow:inset 0 0 0 1px #10b98161}.answer-field label{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.upload-stage{gap:18px;max-width:740px;margin:0 auto;display:grid}.drop-zone{min-height:300px;color:var(--primary-soft);cursor:pointer;text-align:center;background:#00f2ff0e;border:1px dashed #00f2ff6b;border-radius:8px;place-items:center;padding:24px;display:grid}.drop-zone input{display:none}.progress-steps{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:18px;max-width:680px;margin:0 auto;padding:28px;display:grid}.progress-bar{background:#ffffff1f;border-radius:999px;height:10px;overflow:hidden}.progress-bar i{background:var(--primary);height:100%;display:block}.progress-steps ol{gap:12px;margin:0;padding-left:20px;display:grid}.progress-steps li{color:var(--dim)}.progress-steps li.active{color:var(--primary-soft);font-weight:850}.style-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.style-gallery button{align-content:space-between;display:grid}.style-gallery b{color:var(--primary-soft);font-size:24px}.style-gallery span{background:var(--success);color:#04140e;border-radius:999px;justify-self:start;padding:5px 8px;font-size:11px;font-weight:900}.caption-editor-shell{border:1px solid var(--line);background:#080a10;border-radius:8px;grid-template-columns:58px minmax(260px,350px) minmax(360px,1fr);gap:0;min-height:calc(100vh - 160px);display:grid;overflow:hidden}.caption-tool-rail{border-right:1px solid var(--line);background:#0b0d14;align-content:start;gap:10px;padding:12px 8px;display:grid}.caption-tool-rail button{width:42px;height:42px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;font-size:12px;font-weight:900}.caption-tool-rail button:first-child,.caption-tool-rail button:hover{color:var(--gold);background:#fed83a1f;border-color:#fed83a61}.caption-style-panel{border-right:1px solid var(--line);background:#10121b;align-content:start;gap:16px;max-height:calc(100vh - 160px);padding:20px;display:grid;overflow:auto}.caption-style-preview{border:1px solid var(--line);color:#fff;text-align:center;text-shadow:0 4px #000,0 0 12px #000;background:#1d2030;border-radius:8px;place-items:center;min-height:180px;font-size:28px;font-weight:950;display:grid}.caption-style-preview b{color:var(--primary)}.caption-workbench{grid-template-rows:1fr auto auto;gap:18px;padding:22px;display:grid}.word-timeline{border-top:1px solid var(--line);background:#0c0f16;padding:14px}.word-timeline h3{color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:13px}.caption-row{grid-template-columns:70px 1fr;align-items:center;gap:12px;margin-bottom:8px;display:grid}.caption-row span{color:var(--dim);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.caption-row input{border:1px solid var(--line);min-height:38px;color:var(--text);background:#171b25;border-radius:6px;padding:0 10px}.export-stage{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:16px;max-width:780px;margin:0 auto;padding:26px;display:grid}.render-list{gap:12px;display:grid}.render-card{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.render-player-shell{place-items:center;min-height:620px;display:grid}.render-studio{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.sample-render-page{background:#000;place-items:center;width:100vw;height:100vh;margin:0;display:grid;overflow:hidden}.sample-render-page p{color:var(--muted)}.sample-render-surface{background:#000;width:100vw;height:100vh;overflow:hidden}@media (width<=1180px){.auth-shell,.flow-frame,.caption-editor-shell,.dashboard-grid{grid-template-columns:1fr}.caption-style-panel,.caption-tool-rail{border-right:0;border-bottom:1px solid var(--line);max-height:none}.caption-tool-rail{grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.creation-grid,.product-row,.choice-stage,.style-gallery{grid-template-columns:1fr}}@media (width<=820px){.auth-shell,.dashboard-shell,.flow-page{padding:88px 16px 28px}.dash-hero,.flow-header,.project-row,.render-card{flex-direction:column;grid-template-columns:1fr;align-items:start}.stepper,.preview-controls,.sound-grid,.transition-grid,.template-gallery,.answer-grid{grid-template-columns:1fr}.stepper{flex-wrap:wrap}}.creator-app-shell{background:#080c12;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.studio-sidebar{border-right:1px solid var(--line);background:#151a22;grid-template-rows:auto auto 1fr auto;gap:22px;height:100vh;padding:24px 16px;display:grid;position:sticky;top:0}.studio-sidebar .brand{padding:4px 8px;font-size:24px}.new-video-button{background:var(--primary);color:#001114;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:58px;font-size:18px;font-weight:900;display:flex;box-shadow:0 0 28px #00f2ff38}.new-video-button span{font-size:30px;line-height:1}.studio-nav{align-content:start;gap:8px;display:grid}.studio-nav button,.studio-nav-item{width:100%;min-height:52px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:0 14px;font-weight:850;display:flex}.studio-nav button span,.studio-nav-item span{border:1px solid var(--line);width:32px;height:32px;color:var(--primary);border-radius:7px;place-items:center;font-size:11px;display:grid}.studio-nav button.active,.studio-nav button:hover,.studio-nav-item:hover{color:var(--primary-soft);background:#00f2ff1a;border-color:#00f2ff38}.studio-sidebar-footer{gap:16px;display:grid}.muted-button{cursor:pointer}.studio-user-card{border:1px solid var(--line);background:#ffffff09;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.avatar-fallback{width:42px;height:42px;color:var(--primary-soft);background:linear-gradient(135deg,#00f2ff3d,#ba70ff33);border-radius:8px;place-items:center;font-weight:950;display:grid}.studio-user-card b,.studio-user-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-user-card small{color:var(--primary)}.studio-main{min-width:0;min-height:100vh}.studio-topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1219e0;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:14px 36px;display:flex;position:sticky;top:0}.studio-search{background:#171c24;border:1px solid #0000;border-radius:999px;align-items:center;gap:12px;width:min(360px,100%);padding:0 16px;display:flex}.studio-search span{color:var(--dim);text-transform:uppercase;font-size:12px;font-weight:900}.studio-search input{min-width:0;min-height:44px;color:var(--text);background:0 0;border:0;outline:0;flex:1}.studio-top-actions{align-items:center;gap:10px;display:flex}.quota-pill,.status-chip{border:1px solid var(--line);color:var(--muted);background:#ffffff0b;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;font-weight:900;display:grid}.studio-content{gap:28px;padding:40px;display:grid}.creator-app-shell .topbar{display:none}.creator-app-shell .dashboard-shell,.creator-app-shell .flow-page{min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.creator-app-shell .dash-hero{background:radial-gradient(circle at 96% 0,#7e40ff38,#0000 34%),radial-gradient(circle at 78% 82%,#00f2ff17,#0000 38%),#171c24;border-color:#ffffff1c;align-items:center;min-height:236px;padding:42px}.creator-app-shell .dash-hero h1{max-width:840px;font-size:clamp(44px,6vw,72px)}.creator-app-shell .dash-hero p{max-width:700px;color:var(--muted);font-size:22px;line-height:1.45}.creator-app-shell .creation-grid{gap:28px}.creator-app-shell .creation-card{min-height:500px;padding:0;overflow:hidden}.creation-art{border-bottom:1px solid var(--line);background:#071015;place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.creation-art:before{content:"";background:linear-gradient(115deg,#0000 0 38%,#00f2ff2e 39% 42%,#0000 43% 100%),radial-gradient(circle,#00f2ff33,#0000 48%);border:1px solid #00f2ff33;border-radius:8px;position:absolute;inset:28px;transform:perspective(700px)rotateX(12deg)rotateY(-12deg)}.creation-art i{background:#00000059;border:2px solid #00f2ff8c;border-radius:22px;width:120px;height:190px;position:absolute;box-shadow:0 0 42px #00f2ff38}.creation-card.quiz .creation-art:before{background:radial-gradient(circle at 44%,#00f2ff47,#0000 18%),radial-gradient(circle at 62%,#ba70ff52,#0000 18%),#10131a;border-color:#ba70ff52}.creation-card.caption .creation-art:before{background:repeating-linear-gradient(0deg,#00f2ff2e 0 6px,#0000 6px 28px),linear-gradient(135deg,#00f2ff1f,#ba70ff21),#10131a}.creation-art strong{z-index:2;color:var(--primary-soft);background:#0000007a;border:1px solid #ffffff24;border-radius:999px;padding:9px 14px;position:relative}.creation-card>.product-glyph,.creation-card>b,.creation-card>strong,.creation-card>p,.creation-card>em{margin-left:28px;margin-right:28px}.creation-card>b{color:var(--primary-soft);font-size:30px}.creation-card>strong{color:var(--text);font-size:16px}.creation-card>p{color:var(--muted);line-height:1.5}.creation-card>em{background:var(--surface-high);color:var(--primary-soft);text-align:center;border-radius:8px;margin-top:auto;margin-bottom:28px;padding:14px;font-style:normal}.creation-card.quiz>em{background:var(--primary);color:#001114}.export-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.export-summary-grid div{border:1px solid var(--line);background:#ffffff09;border-radius:8px;padding:16px}.export-summary-grid b{color:var(--primary-soft);font-size:28px;display:block}.export-summary-grid span{color:var(--muted)}.project-actions{justify-content:end;align-items:center;gap:10px;display:flex}.status-chip.done{color:#bbf7d0;border-color:#10b98173}.status-chip.ready{color:var(--primary-soft);border-color:#00f2ff47}.status-chip.draft{color:#fde68a;border-color:#facc1573}.quiz-builder-layout{grid-template-columns:280px minmax(0,1fr);gap:24px;display:grid}.quiz-step-rail{border:1px solid var(--line);background:#1a1f28;border-radius:8px;align-self:start;gap:10px;padding:20px;display:grid;position:sticky;top:98px}.quiz-step-rail h2{color:var(--primary-soft);margin-bottom:0}.quiz-step-rail>span{color:var(--muted);text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:900}.quiz-step-rail button{min-height:48px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-weight:850;display:flex}.quiz-step-rail button.active{color:var(--primary-soft);background:#00f2ff1f;border-color:#00f2ff52}.quiz-step-rail button.warning{color:#fecaca;background:#ef444414;border-color:#ef44445c}.quiz-step-rail button.dashed{border-style:dashed;border-color:var(--line-strong);justify-content:center;margin-top:14px}.builder-section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.builder-section-head h2{margin:0}.builder-section-head span{color:var(--muted);font-weight:850}.sticky-builder-actions{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b24f0;border-radius:8px;justify-content:end;align-items:center;gap:14px;padding:16px;display:flex;position:sticky;bottom:0}.sticky-builder-actions span{color:var(--muted);margin-right:auto}.sticky-builder-actions b{color:var(--primary-soft)}.creator-app-shell .flow-frame{grid-template-columns:minmax(330px,430px) minmax(380px,1fr);justify-content:stretch}.creator-app-shell .flow-panel{background:#171c24}.caption-editor-shell{border-color:var(--line);background:#080c12;grid-template-columns:260px minmax(420px,1fr) 320px;min-height:calc(100vh - 160px)}.caption-tool-rail{align-content:start;gap:10px;padding:20px}.caption-tool-rail h3{color:var(--muted);text-transform:uppercase;margin:0;font-size:14px}.caption-tool-rail small{color:var(--dim);margin-bottom:22px;display:block}.caption-tool-rail button{text-align:left;border-radius:8px;justify-content:start;width:100%;min-height:48px;padding:0 12px}.caption-tool-rail button.active,.caption-tool-rail button:first-of-type:hover,.caption-tool-rail button:hover{color:var(--primary-soft);background:#00f2ff1c;border-color:#00f2ff47}.caption-style-preview{margin-top:12px}.caption-workbench{background:#090d13;grid-template-rows:minmax(420px,1fr) auto auto;padding:26px}.caption-workbench .editor-player{justify-self:center;max-height:620px}.caption-list-panel{border-left:1px solid var(--line);background:#171c24;align-content:start;gap:12px;padding:20px;display:grid}.caption-list-panel h2{color:var(--primary-soft);margin-bottom:10px}.caption-list-item{background:0 0;border:1px solid #0000;border-radius:8px;gap:8px;padding:12px;display:grid}.caption-list-item.active{background:#00f2ff12;border-color:#00f2ff4d}.caption-list-item span{color:var(--dim);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900}.caption-list-item textarea{min-height:62px;color:var(--text);resize:vertical;background:0 0;border:0;outline:0}.word-timeline{border:1px solid var(--line);border-radius:8px}.word-timeline header{color:var(--muted);justify-content:space-between;margin-bottom:12px;display:flex}@media (width<=1180px){.creator-app-shell{grid-template-columns:1fr}.studio-sidebar{height:auto;position:relative}.studio-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-sidebar-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quiz-builder-layout,.creator-app-shell .flow-frame,.caption-editor-shell{grid-template-columns:1fr}.quiz-step-rail{position:relative;top:0}.caption-list-panel{border-left:0;border-top:1px solid var(--line)}}@media (width<=820px){.studio-content{padding:20px}.studio-topbar,.project-actions,.sticky-builder-actions{flex-direction:column;align-items:stretch}.studio-nav,.studio-sidebar-footer,.export-summary-grid{grid-template-columns:1fr}}.creator-app-shell .creation-card{background:#121720;border-color:#ffffff1f;box-shadow:0 20px 60px #00000038}.creator-app-shell .creation-card:hover{border-color:#00f2ff6b;box-shadow:0 24px 80px #00f2ff1f}.creation-art{isolation:isolate;min-height:240px}.creation-art video{object-fit:cover;opacity:.86;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.creation-art:before{z-index:1;background:linear-gradient(#03070a0d,#03070ac7),radial-gradient(circle at 70% 20%,#00f2ff3d,#0000 32%);border:0;border-radius:0;inset:0;transform:none}.creation-card.quiz .creation-art:before,.creation-card.caption .creation-art:before{background:linear-gradient(#03070a05,#03070ad1),radial-gradient(circle at 72% 18%,#dcb8ff38,#0000 34%)}.creation-badge{z-index:2;color:var(--primary-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041014b8;border:1px solid #00f2ff59;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;position:absolute;top:18px;right:18px}.creation-art strong{z-index:2;background:#00000094;border-color:#ffffff2e;position:absolute;bottom:20px;left:22px;box-shadow:0 16px 40px #00000047}.creation-card>.product-glyph{margin-top:24px}.creation-card>em{border:1px solid var(--line-strong);background:#2c313b}.quiz-step-rail button span{border:1px solid var(--line);width:28px;height:28px;color:var(--primary);border-radius:7px;place-items:center;font-size:11px;font-weight:950;display:grid}.hook-card{border:1px solid var(--line);background:linear-gradient(90deg,#00f2ff14,#0000 54%),#111720;border-radius:8px;gap:16px;padding:18px;display:grid}.hook-card>div{gap:6px;display:grid}.hook-card b{color:var(--primary-soft);font-size:20px}.hook-card span{color:var(--muted)}.template-gallery button{align-content:start;gap:10px;display:grid}.template-gallery button b,.template-gallery button small{display:block}.template-gallery button b{color:var(--primary-soft);font-size:18px}.template-gallery button small{color:var(--muted);line-height:1.35}.template-preview{border:1px solid var(--line);background:#080d14;border-radius:8px;place-items:center;min-height:118px;display:grid;position:relative;overflow:hidden}.template-preview:before,.template-preview i{content:"";position:absolute}.template-preview:before{background:#00f2ff14;border:1px solid #00f2ff52;border-radius:8px;inset:18px}.template-preview i{background:conic-gradient(var(--primary) 0 72%, #ffffff24 0);border-radius:999px;width:58px;height:58px;box-shadow:0 0 28px #00f2ff3d}.glow-preview i{background:linear-gradient(135deg, var(--success), var(--primary));border-radius:12px}.caption-gallery-panel{gap:18px}.compact-search{border-color:var(--line);width:min(260px,100%)}.style-filters{flex-wrap:wrap;gap:10px;display:flex}.style-filters button{border:1px solid var(--line);background:var(--surface-high);min-height:38px;color:var(--muted);border-radius:999px;padding:0 16px;font-weight:850}.style-filters button.active{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.style-gallery{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.style-gallery button{align-content:start;gap:12px;min-height:248px;padding:0;overflow:hidden}.caption-preset-preview{border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 44%,#00f2ff2e,#0000 38%),#171b27;align-content:center;justify-items:center;gap:6px;width:100%;min-height:150px;padding:18px;display:grid}.caption-preset-preview b{color:#fff;text-align:center;text-shadow:0 4px #05070a,0 0 16px #0000006b;-webkit-text-stroke:4px #05070a;paint-order:stroke fill;font-size:clamp(20px,2vw,30px);font-weight:950;line-height:.98}.caption-preset-preview.outline b{-webkit-text-stroke:2px white;text-shadow:none;color:#0000!important}.caption-preset-preview.impact{background:radial-gradient(circle at 50% 82%,#fed83a38,#0000 34%),#111720}.caption-preset-preview.soft-glow{background:linear-gradient(135deg,#dcb8ff3d,#00f2ff1a),#171b27}.style-gallery button>strong,.style-gallery .style-tags,.style-gallery button>small{margin-inline:18px}.style-gallery button>strong{color:var(--primary-soft);font-size:18px}.style-tags{color:inherit;background:0 0;border-radius:0;flex-wrap:wrap;justify-self:stretch;gap:7px;padding:0;display:flex}.style-tags em{color:var(--muted);text-transform:uppercase;background:#ffffff14;border-radius:5px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.style-gallery .selected .style-tags em:first-child{color:var(--primary);background:#00f2ff29}.create-style-card{text-align:center;justify-items:center;border-style:dashed!important;padding:30px!important}.create-style-card>span{background:var(--surface-high);width:64px;height:64px;color:var(--primary-soft);border-radius:16px;place-items:center;font-size:36px;display:grid}.create-style-card small{color:var(--muted)}.caption-preview-stage{justify-items:center;gap:14px;min-width:0;display:grid}.caption-transport{border:1px solid var(--line);background:#171c24;border-radius:999px;grid-template-columns:auto auto auto minmax(120px,1fr) auto;align-items:center;gap:12px;width:min(520px,100%);padding:8px 12px;display:grid}.caption-transport button{border:1px solid var(--line);width:38px;height:38px;color:var(--primary-soft);background:#10141c;border-radius:999px;place-items:center;font-weight:950;display:grid}.caption-transport .play{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.transport-volume{background:#ffffff24;border-radius:999px;height:5px;overflow:hidden}.transport-volume i{background:var(--primary-soft);width:58%;height:100%;display:block}.word-timeline{background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 52px),#070a10;gap:10px;padding:16px;display:grid;position:relative}.word-timeline:after{background:var(--primary);content:"";border-radius:999px;width:3px;position:absolute;top:48px;bottom:18px;left:22%;box-shadow:0 0 18px #00f2ff80}.word-timeline header{z-index:2;position:relative}.caption-row{z-index:2;align-items:center;gap:8px;display:grid;position:relative}.caption-row input{border:1px solid var(--line);color:var(--text);background:#242a35;border-radius:6px;min-height:42px;padding:0 10px}.caption-row input:first-child{background:#00f2ff1c;border-color:#00f2ff38;font-weight:850}.caption-workbench .actions.center{border-top:1px solid var(--line);justify-content:center;padding-top:16px}.workspace-action{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#ffffff09;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.workspace-action span{width:22px;height:22px;color:var(--primary-soft);background:#00f2ff1a;border-radius:6px;place-items:center;display:grid}.workspace-action:hover{color:var(--primary-soft);border-color:#00f2ff5c}.studio-user-card{min-width:0}.studio-user-card b{max-width:150px}.caption-editor-shell{border-radius:10px;grid-template:"captionbar captionbar captionbar""tools workbench captions"minmax(0,1fr)/minmax(220px,260px) minmax(360px,1fr) minmax(240px,300px);min-height:calc(100vh - 136px);box-shadow:0 28px 80px #00000047}.caption-editor-topbar{border-bottom:1px solid var(--line);background:#10151d;grid-area:captionbar;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px 18px;display:flex}.caption-editor-topbar b,.caption-editor-topbar span{display:block}.caption-editor-topbar b{color:var(--primary-soft);font-size:20px}.caption-editor-topbar span{color:var(--muted);font-size:13px}.caption-editor-actions{align-items:center;gap:10px;display:flex}.caption-editor-shell .caption-tool-rail{border-right:1px solid var(--line);background:#171c24;grid-area:tools;max-height:calc(100vh - 200px);overflow:auto}.caption-editor-shell .caption-workbench{grid-area:workbench;grid-template-rows:minmax(380px,1fr) minmax(150px,auto) auto;padding:20px}.caption-editor-shell .caption-list-panel{grid-area:captions;max-height:calc(100vh - 200px);overflow:auto}.caption-preview-stage{background:radial-gradient(circle,#00f2ff14,#0000 42%),#070a10;border:1px solid #ffffff0f;border-radius:10px;align-content:center;min-height:380px;padding:22px}.caption-preview-stage .editor-player{border-width:8px;border-radius:28px;width:min(360px,34vw);height:min(640px,100vh - 320px);min-height:360px}.caption-list-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.caption-list-head h2{margin:0 0 4px}.caption-list-head span{color:var(--dim);text-transform:uppercase;font-size:12px;font-weight:900}.caption-list-panel .mini-button{min-width:74px}.timeline-ruler{z-index:2;color:var(--dim);grid-template-columns:repeat(4,1fr);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;display:grid;position:relative}.caption-row{grid-template-columns:minmax(180px,1fr) 78px 78px}.caption-row input:first-child{min-height:38px}@media (width<=1180px){.caption-editor-shell{grid-template-columns:1fr;grid-template-areas:"captionbar""tools""workbench""captions"}.caption-editor-topbar,.caption-editor-actions{flex-direction:column;align-items:stretch}.caption-preview-stage .editor-player{width:min(420px,100%);height:auto}}@media (width<=1440px) and (width>=1181px){.studio-content{padding:28px}.caption-editor-shell{grid-template-columns:minmax(210px,240px) minmax(320px,1fr) minmax(220px,270px)}.caption-editor-topbar{padding:10px 16px}.caption-editor-actions .button{min-height:36px;padding-inline:12px}.caption-tool-rail,.caption-list-panel{padding:14px}}.caption-editor-shell .field{gap:6px}.caption-editor-shell .field input[type=range]{min-height:30px;padding:0}.caption-editor-shell .field input[type=color]{min-height:38px}.caption-tool-rail .inspector-section{margin-top:6px;padding:11px}