:root{--bg: #fbfbfc;--panel: #ffffff;--text: #16161a;--muted: #71717c;--faint: #a6a6b0;--border: #e7e7ec;--accent: #5457d0;--accent-hover: #6265e0;--accent-soft: #eef0fc;--on-accent: #ffffff;--green: #2f9e5f;--red: #d24b45;--amber: #c9962f;--hover: #f4f4f6;--shadow: 0 24px 80px rgba(20, 20, 30, .12);--radius: 12px;--l-bg: #0a0a0d;--l-panel: #101014;--l-text: #ffffff;--l-muted: #9b9ba6;--l-faint: #5e5e6a;--l-border: rgba(255, 255, 255, .09);--l-accent: #7b7ff2}:root[data-theme=dark]{--bg: #0e0e12;--panel: #16161b;--text: #f0f0f3;--muted: #9c9ca6;--faint: #5e5e68;--border: #26262e;--accent: #7b7ff2;--accent-hover: #8f92f5;--accent-soft: #22223a;--on-accent: #0a0a0d;--green: #4ec27f;--red: #e56b63;--amber: #dab24a;--hover: #1e1e24;--shadow: 0 24px 80px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e0e12;--panel: #16161b;--text: #f0f0f3;--muted: #9c9ca6;--faint: #5e5e68;--border: #26262e;--accent: #7b7ff2;--accent-hover: #8f92f5;--accent-soft: #22223a;--on-accent: #0a0a0d;--green: #4ec27f;--red: #e56b63;--amber: #dab24a;--hover: #1e1e24;--shadow: 0 24px 80px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}a{color:var(--text);text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes rd-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes rd-spin{to{transform:rotate(360deg)}}@keyframes rd-sweep{0%{width:4%}to{width:96%}}@keyframes rd-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes rd-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.spin{display:inline-block;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:rd-spin .8s linear infinite;width:16px;height:16px}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-main{flex:1;min-height:0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 24px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:30}.app-header nav{display:flex;align-items:center;gap:6px}.navlink{color:var(--muted);font-size:14px;padding:7px 11px;border-radius:8px}.navlink:hover,.navlink.active{color:var(--text);background:var(--hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s,color .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5}.btn-outline{border:1px solid var(--border);color:var(--text);background:var(--panel)}.btn-outline:hover:not(:disabled){background:var(--hover);border-color:var(--faint)}.btn-ghost{color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--hover)}.btn-sm{padding:7px 12px;font-size:13px;border-radius:8px}.btn-lg{padding:13px 26px;font-size:16px;font-weight:600;border-radius:10px}.btn-block{width:100%}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.field{display:block}.field-label{font-size:13px;font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:6px}.field-label .opt{color:var(--faint);font-weight:400}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px 13px;background:var(--panel);transition:border-color .15s}.textarea{resize:vertical;min-height:92px;line-height:1.55}.input:focus,.textarea:focus{border-color:var(--accent)}.hint{font-size:13px;color:var(--faint)}.callout{border:1px solid var(--amber);background:color-mix(in oklab,var(--amber) 8%,var(--panel));border-radius:10px;padding:13px 15px;font-size:14px}.callout strong{font-weight:600}.callout .muted{color:var(--muted)}.error-banner{border:1px solid var(--red);background:color-mix(in oklab,var(--red) 8%,var(--panel));color:var(--red);border-radius:9px;padding:10px 13px;font-size:13.5px;display:flex;align-items:center;gap:9px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle,color-mix(in srgb,var(--text) 4%,transparent) 1px,transparent 1px);background-size:26px 26px}.auth-card{width:400px;max-width:100%;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:30px 28px;box-shadow:var(--shadow);animation:rd-fade .35s ease}.auth-card h1{font-size:22px;font-weight:600;letter-spacing:-.01em}.auth-sub{color:var(--muted);font-size:14px;margin-top:4px;margin-bottom:22px}.auth-alt{text-align:center;margin-top:18px;font-size:13.5px;color:var(--muted)}.auth-alt a{color:var(--accent);font-weight:500}.logo{display:inline-flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.02em;color:inherit}.logo .wm-accent{color:var(--accent)}.center-screen{min-height:calc(100vh - 58px);display:flex;align-items:center;justify-content:center;padding:40px 24px}.state-block{text-align:center;max-width:440px}.state-block h2{font-size:22px;font-weight:600;margin-bottom:8px}.state-block p{color:var(--muted);text-wrap:pretty}.fade-in{animation:rd-fade .35s ease}.landing{background:var(--l-bg);color:var(--l-text);min-height:100vh}.landing a{color:var(--l-muted)}.landing a:hover{color:#fff}.landing-nav{position:sticky;top:0;z-index:20;background:#0a0a0dbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--l-border)}.landing-nav .inner{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto;padding:14px 24px;gap:16px}.landing-nav .links{display:flex;align-items:center;gap:26px}.landing-nav .links a,.landing-nav .links button{color:var(--l-muted);font-size:14px}.landing-nav .links button:hover,.landing-nav .links a:hover{color:#fff}.btn-white{background:#fff;color:var(--l-bg);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600}.btn-white:hover{opacity:.85}.btn-accent-glow{background:var(--l-accent);color:var(--l-bg);box-shadow:0 0 40px #7b7ff259}.btn-accent-glow:hover{background:#8f92f5}.btn-line{border:1px solid rgba(255,255,255,.14);color:#f4f4f6;background:transparent}.btn-line:hover{background:#ffffff0f}.hero{background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);background-size:26px 26px}.hero-inner{max-width:880px;margin:0 auto;padding:96px 24px 0;text-align:center}.hero h1{font-size:64px;line-height:1.03;font-weight:600;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance;color:#fff}.hero .sub{font-size:19px;color:var(--l-muted);margin:0 auto 34px;max-width:580px;text-wrap:pretty;line-height:1.6}.hero-cta{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.pill-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px 6px 8px;font-size:13px;color:#c9c9d4;background:#ffffff08;margin-bottom:28px}.pill-badge:hover{border-color:#ffffff47}.pill-badge .tag{background:var(--l-accent);color:var(--l-bg);font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.trust-row{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:22px;font-size:13px;color:var(--l-muted);flex-wrap:wrap}.dot-green{width:5px;height:5px;border-radius:50%;background:#4ade80;display:inline-block}.hero-frame-wrap{max-width:1000px;margin:60px auto 0;padding:0 24px;position:relative}.hero-glow{position:absolute;left:15%;right:15%;top:-8%;height:50%;background:radial-gradient(ellipse at 50% 0%,rgba(123,127,242,.28),transparent 70%);filter:blur(40px);pointer-events:none}.hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:40px;font-size:12.5px;color:var(--l-muted)}.hero-stats b{color:#fff;font-weight:500}.landing-section{max-width:1120px;margin:120px auto 0;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--l-accent);margin-bottom:14px}.landing-section h2{font-size:40px;font-weight:600;letter-spacing:-.025em;margin:0 0 44px;text-wrap:balance;color:#fff;max-width:560px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--l-border)}.how-grid .step{padding:30px 28px 8px 0}.how-grid .step+.step{border-left:1px solid var(--l-border);padding-left:28px;padding-right:28px}.how-grid .step .num{font-size:13px;color:var(--l-accent);margin-bottom:16px}.how-grid .step h3{font-size:17px;font-weight:600;margin-bottom:8px;color:#fff}.how-grid .step p{color:var(--l-muted);font-size:14.5px;text-wrap:pretty;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{border:1px solid var(--l-border);border-radius:16px;background:var(--l-panel);padding:26px}.feature-card.span2{grid-column:span 2;display:flex;gap:26px;align-items:center}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 720px){.compare-grid{grid-template-columns:1fr}}.feature-card h3{font-size:17px;font-weight:600;margin-bottom:8px;color:#fff}.feature-card p{color:var(--l-muted);font-size:14.5px;text-wrap:pretty;line-height:1.6}.code-chip{background:var(--l-bg);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px 18px;font-size:12px;line-height:2;color:var(--l-muted);overflow:hidden}.landing-cta{max-width:1120px;margin:130px auto 0;padding:0 24px 110px;text-align:center}.landing-cta .box{background-image:radial-gradient(ellipse at 50% 100%,rgba(123,127,242,.18),transparent 65%);padding:40px 24px 0}.landing-cta h2{font-size:46px;font-weight:600;letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance;color:#fff}.landing-cta p{color:var(--l-muted);margin:0 auto 30px;max-width:440px;text-wrap:pretty;line-height:1.6}.landing-footer{border-top:1px solid rgba(255,255,255,.08)}.landing-footer .inner{max-width:1120px;margin:0 auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--l-faint);flex-wrap:wrap;gap:14px}.browser{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #00000073}.browser .bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f4f4f6;border-bottom:1px solid #e5e5ea}.browser .bar .dot{width:8px;height:8px;border-radius:50%;background:#e0e0e5;display:inline-block}.browser .bar .url{margin-left:10px;background:#fff;border:1px solid #e5e5ea;border-radius:6px;padding:2px 10px;font-size:10px;color:#8a8a94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.browser .body{display:flex}.browser .side{width:16%;min-width:60px;background:#fafafb;border-right:1px solid #ececf0;padding:14px 12px;display:flex;flex-direction:column;gap:10px}.browser .side .sq{width:22px;height:22px;border-radius:6px;background:#d8d8f2}.browser .side .ln{height:8px;border-radius:4px;background:#e8e8ee}.browser .side .ln.act{background:#5a5ad0}.browser .content{flex:1;padding:18px 22px;min-width:0}.browser .content .title{font-weight:600;font-size:14px;color:#26262c;margin-bottom:14px}.browser .content .hatch{height:46%;min-height:90px;border-radius:8px;border:1px solid #ececf0;background:repeating-linear-gradient(-45deg,#fafafb,#fafafb 8px,#f2f2f5 8px,#f2f2f5 16px);margin-bottom:14px}.browser .content .cards{display:flex;gap:10px}.browser .content .cards div{flex:1;height:48px;border-radius:8px;border:1px solid #ececf0}.wizard{max-width:600px;margin:0 auto;padding:52px 24px 96px}.wiz-progress{height:3px;background:var(--border);border-radius:2px;margin-bottom:12px;overflow:hidden}.wiz-progress>span{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .35s ease}.wiz-step-label{font-size:12px;color:var(--faint);margin-bottom:30px}.wizard h2{font-size:27px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.wizard>.fade-in>p.lead,.wizard p.lead{color:var(--muted);margin:0 0 30px}.wiz-body{display:flex;flex-direction:column;gap:22px}.wiz-nav{display:flex;gap:12px;margin-top:6px}.chip-list{display:flex;flex-direction:column;gap:8px}.chip{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:0 10px;transition:border-color .15s}.chip:hover{border-color:var(--faint)}.chip .grip{color:var(--faint);cursor:grab;display:flex;align-items:center}.chip.dragging{opacity:.5}.chip input{flex:1;padding:10px 4px}.chip .rm{color:var(--faint);display:flex;padding:4px}.chip .rm:hover{color:var(--red)}.link-btn{color:var(--accent);font-weight:500;font-size:13px;display:inline-flex;align-items:center;gap:6px}.pill-group{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--panel)}.pill-group button{padding:9px 20px;font-size:14px;font-weight:500;color:var(--muted);transition:background .15s,color .15s}.pill-group button.active{background:var(--accent);color:var(--on-accent)}.voice-list{border:1px solid var(--border);border-radius:11px;background:var(--panel);overflow:hidden}.voice-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;width:100%;text-align:left}.voice-row:last-child{border-bottom:none}.voice-row:hover{background:var(--hover)}.voice-row.selected{background:var(--accent-soft)}.voice-play{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--panel);transition:background .15s,border-color .15s}.voice-play:hover{border-color:var(--accent)}.voice-play.playing{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.voice-meta{flex:1;min-width:0}.voice-meta .nm{font-weight:500;font-size:14px}.voice-meta .bl{font-size:13px;color:var(--muted)}.voice-selected-tag{color:var(--accent);font-weight:600;font-size:13px;flex-shrink:0}.eq{display:inline-flex;gap:2px;align-items:center;height:14px}.eq span{width:3px;height:14px;background:currentColor;border-radius:1px;display:inline-block;transform-origin:center;animation:rd-eq .7s ease-in-out infinite}.eq span:nth-child(2){animation-delay:.2s}.eq span:nth-child(3){animation-delay:.4s}.collapse-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);transition:border-color .15s}.collapse-head:hover{border-color:var(--faint)}.collapse-head.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--faint)}.collapse-head .ci{display:flex;align-items:center;gap:10px}.collapse-body{border:1px solid var(--faint);border-top:none;border-radius:0 0 10px 10px;padding:18px 16px;display:flex;flex-direction:column;gap:16px}.gen{width:540px;max-width:100%}.gen-head{text-align:center;margin-bottom:36px}.gen-head .t{font-size:22px;font-weight:600;margin-bottom:6px}.gen-head .eta{color:var(--muted);font-size:14px}.stage-list{display:flex;flex-direction:column;gap:2px;margin-bottom:32px}.stage-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:9px;transition:background .2s}.stage-row.active{background:var(--hover)}.stage-mark{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);color:var(--faint)}.stage-row.done .stage-mark{border-color:var(--green);color:var(--green);background:color-mix(in oklab,var(--green) 10%,var(--panel))}.stage-row.active .stage-mark{border-color:var(--accent);color:var(--accent)}.stage-name{font-size:15px;color:var(--faint)}.stage-row.done .stage-name,.stage-row.active .stage-name{color:var(--text)}.stage-row.active .stage-name{font-weight:600}.stage-status{margin-left:auto;font-size:11px;color:var(--faint);animation:rd-pulse 1.6s ease-in-out infinite}.gen-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.gen-thumb{aspect-ratio:16 / 10;border-radius:6px;border:1px solid var(--border);overflow:hidden;background:var(--panel)}.gen-thumb .inner{height:100%;background:#fff;padding:5px;display:flex;flex-direction:column;gap:3px}.gen-thumb .inner .a{height:4px;background:#e8e8ee;border-radius:2px;width:70%}.gen-thumb .inner .b{flex:1;border-radius:3px;background:repeating-linear-gradient(-45deg,#fafafb,#fafafb 4px,#f0f0f4 4px,#f0f0f4 8px)}.gen-thumb .inner .c{height:4px;background:#dcdcf0;border-radius:2px}.review{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);height:calc(100vh - 58px)}.review-main{padding:24px 28px;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.review-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.review-head .t{font-size:17px;font-weight:600}.review-head .meta{font-size:12px;color:var(--faint)}.player{background:#0b0b0e;border-radius:12px;aspect-ratio:16 / 9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.player video{width:100%;height:100%;object-fit:contain;background:#0b0b0e}.player .sim-frame{width:86%;max-height:92%}.player .badge{position:absolute;bottom:14px;left:14px;background:#000000a6;color:#fff;font-size:11px;padding:4px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:7px;max-width:70%}.player .badge .live{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.player .big-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000026}.player .big-play .circle{width:62px;height:62px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #0006;color:#16161a}.player-controls{display:flex;align-items:center;gap:14px;margin-top:14px}.round-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--panel);color:var(--text);transition:border-color .15s}.round-btn:hover{border-color:var(--accent)}.scrubber{flex:1;display:flex;gap:3px;height:22px;align-items:center}.scrub-seg{height:6px;border-radius:3px;background:var(--border);overflow:hidden;position:relative;transition:height .12s}.scrub-seg:hover{height:10px}.scrub-seg>span{position:absolute;left:0;top:0;bottom:0;background:var(--accent);display:inline-block}.time-text{font-size:12px;color:var(--muted);flex-shrink:0}.transcript{border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--panel)}.transcript-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between}.transcript-head .t{font-weight:600;font-size:14px}.transcript-head .c{font-size:12px;color:var(--faint)}.transcript-list{flex:1;overflow-y:auto;min-height:0;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.beat{display:flex;gap:12px;padding:12px;border-radius:10px;cursor:pointer;border:1px solid var(--border);background:transparent;transition:background .15s,border-color .15s}.beat.active{background:var(--accent-soft);border-color:var(--accent)}.beat.err{border-color:var(--red)}.beat.dragging{opacity:.5}.beat.drop-target{border-color:var(--accent);border-style:dashed}.beat-left{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.beat-ts{font-size:11px;color:var(--faint)}.beat.active .beat-ts{color:var(--accent)}.beat-thumb{width:58px;aspect-ratio:16 / 10;border-radius:5px;border:1px solid var(--border);background:#fff;padding:4px;display:flex;flex-direction:column;gap:2px}.beat-thumb .a{height:3px;background:#e8e8ee;border-radius:2px;width:70%}.beat-thumb .b{flex:1;border-radius:2px;background:repeating-linear-gradient(-45deg,#fafafb,#fafafb 3px,#f0f0f4 3px,#f0f0f4 6px)}.beat-thumb .c{height:3px;background:#c9c9ec;border-radius:2px}.beat-body{flex:1;min-width:0}.beat-text{font-size:13.5px;line-height:1.5;border-radius:6px;padding:2px 4px;margin:-2px -4px;transition:background .15s}.beat-text:hover{background:var(--hover)}.beat-edit{width:100%;border:1px solid var(--accent);border-radius:7px;padding:8px 10px;font-size:13.5px;background:var(--bg);resize:vertical;line-height:1.5;min-height:66px}.beat-edit-hint{font-size:11px;color:var(--faint);margin-top:4px}.beat-actions{display:flex;align-items:center;gap:10px;margin-top:7px;min-height:26px}.beat-action-label{font-size:11px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.tag-updated{color:var(--amber);background:color-mix(in oklab,var(--amber) 12%,var(--panel))}.tag-rerec{color:var(--accent);display:inline-flex;align-items:center;gap:6px;font-weight:500}.beat-tools{margin-left:auto;display:inline-flex;gap:4px;opacity:0;transition:opacity .15s}.beat:hover .beat-tools,.beat:focus-within .beat-tools{opacity:1}.beat-tool{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:4px 8px;background:var(--panel);display:inline-flex;align-items:center;gap:5px}.beat-tool:hover{color:var(--text);border-color:var(--faint)}.beat-tool.icon{padding:4px 6px}.beat-tool.icon:hover{color:var(--red)}.beat-tool.grip{cursor:grab}.transcript-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:14px;background:var(--panel)}.transcript-foot .msg{font-size:13px;color:var(--muted)}.done{max-width:880px;margin:0 auto;padding:44px 24px 96px}.done-head{text-align:center;margin-bottom:24px}.done-head .t{font-size:26px;font-weight:600;letter-spacing:-.01em}.done-head .s{color:var(--muted);margin-top:6px}.done-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.pill-note{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:7px 16px}.library{max-width:1040px;margin:0 auto;padding:36px 24px 96px}.lib-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.lib-head h1{font-size:24px;font-weight:600;letter-spacing:-.01em}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.lib-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel);transition:border-color .15s}.lib-card:hover{border-color:var(--faint)}.lib-thumb{display:block;width:100%;background:#0b0b0e;aspect-ratio:16 / 9;position:relative;border:none}.lib-thumb .mini{position:absolute;top:12%;right:12%;bottom:12%;left:12%;background:#fff;border-radius:5px;padding:6px;display:flex;flex-direction:column;gap:4px}.lib-thumb .mini .a{height:5px;background:#e8e8ee;border-radius:2px;width:60%}.lib-thumb .mini .b{flex:1;border-radius:3px;background:repeating-linear-gradient(-45deg,#fafafb,#fafafb 6px,#f0f0f4 6px,#f0f0f4 12px)}.lib-thumb .len{position:absolute;right:10px;bottom:10px;background:#000000b3;color:#fff;font-size:11px;padding:2px 7px;border-radius:5px}.lib-thumb .playicon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;background:#00000040;transition:opacity .15s;color:#fff}.lib-thumb:hover .playicon{opacity:1}.lib-card .info{padding:14px 16px}.lib-card .info .top{display:flex;align-items:center;justify-content:space-between;gap:8px}.lib-card .info .nm{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;flex-shrink:0}.status-ready{color:var(--green);background:color-mix(in oklab,var(--green) 10%,var(--panel))}.status-processing{color:var(--accent);background:var(--accent-soft)}.status-failed{color:var(--red);background:color-mix(in oklab,var(--red) 10%,var(--panel))}.lib-card .date{font-size:12px;color:var(--faint);margin-top:2px}.lib-card .row{display:flex;gap:12px;margin-top:12px;font-size:12.5px}.lib-card .row button{color:var(--muted)}.lib-card .row button:hover{color:var(--text)}.lib-card .row button.play{color:var(--accent);font-weight:500}.lib-card .row button.del{margin-left:auto}.lib-card .row button.del:hover{color:var(--red)}.empty{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty .icon{width:72px;height:46px;border:1px solid var(--border);border-radius:8px;background:var(--panel);display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:var(--faint)}.empty .t{font-size:20px;font-weight:600;margin-bottom:6px}.empty .s{color:var(--muted);max-width:340px;margin-bottom:24px;text-wrap:pretty}.billing{max-width:1040px;margin:0 auto;padding:44px 24px 96px}.billing-head{text-align:center;margin-bottom:12px}.billing-head h1{font-size:30px;font-weight:600;letter-spacing:-.02em}.billing-head p{color:var(--muted);margin-top:8px}.usage-card{max-width:560px;margin:28px auto 44px;padding:20px 22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.usage-card .u-meta{flex:1;min-width:200px}.usage-card .u-plan{font-size:13px;color:var(--muted)}.usage-card .u-plan b{color:var(--text);text-transform:capitalize}.usage-bar{height:8px;border-radius:4px;background:var(--hover);overflow:hidden;margin-top:10px}.usage-bar>span{display:block;height:100%;background:var(--accent);border-radius:4px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:26px 24px;display:flex;flex-direction:column;gap:16px}.plan.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan .badge{align-self:flex-start;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:20px}.plan .nm{font-size:18px;font-weight:600}.plan .price{font-size:34px;font-weight:600;letter-spacing:-.02em}.plan .price span{font-size:14px;font-weight:400;color:var(--muted)}.plan .feats{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--muted);flex:1}.plan .feats li{display:flex;align-items:flex-start;gap:9px;list-style:none}.plan .feats ul{margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.plan .feats .ck{color:var(--green);flex-shrink:0;margin-top:2px}.toast-host{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--text);color:var(--bg);padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:500;box-shadow:0 12px 40px #00000040;animation:rd-fade .25s ease;display:flex;align-items:center;gap:9px}.toast.err{background:var(--red);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0e80;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:rd-fade .2s ease}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:26px;width:420px;max-width:100%;box-shadow:var(--shadow)}.modal h3{font-size:17px;font-weight:600;margin-bottom:8px}.modal p{color:var(--muted);margin-bottom:6px}.modal .foot{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media (max-width: 900px){.hero h1{font-size:44px}.landing-cta h2{font-size:34px}.how-grid,.feature-grid,.plans{grid-template-columns:1fr}.feature-card.span2{grid-column:auto;flex-direction:column;align-items:stretch}.how-grid .step,.how-grid .step+.step{border-left:none;padding:24px 0 8px;border-top:1px solid var(--l-border)}.review{grid-template-columns:1fr;height:auto}.transcript{border-left:none;border-top:1px solid var(--border);height:70vh}.review-main{overflow:visible}}@media (max-width: 560px){.landing-nav .links{gap:14px}.landing-nav .links a{display:none}.hero h1{font-size:36px}.hero .sub{font-size:17px}.gen-thumbs{grid-template-columns:repeat(3,1fr)}}