:root{--bg:#f3efe6;--bg-elev:#fffdf8;--bg-inset:#ebe4d8;--bg-warm:#f7efe0;--ink:#1c1916;--ink-2:#4a453e;--ink-3:#7a7368;--line:#d9d0c3;--line-strong:#c4b9a8;--accent:#9c2b1a;--accent-soft:#f3ddd6;--accent-hover:#7e2013;--pine:#1e5c4a;--pine-soft:#dcebe5;--amber:#a56b12;--amber-soft:#f5e6c8;--danger:#a32016;--radius:14px;--radius-sm:9px;--shadow:0 1px 0 #1c19160a, 0 12px 32px -16px #1c19162e;--font-sans:"Source Sans 3", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-display:"Fraunces", "Noto Serif SC", "Songti SC", "STSong", serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--header-h:64px;--max:1120px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:16.5px;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}.skip{position:absolute;top:0;left:-999px}.skip:focus{z-index:80;background:#fff;padding:8px 12px;top:12px;left:12px}.header{z-index:40;height:var(--header-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 86%, white 14%);border-bottom:1px solid var(--line);align-items:center;display:flex;position:sticky;top:0}.header-inner{width:100%;max-width:var(--max);align-items:center;gap:16px;margin:0 auto;padding:0 24px;display:flex}.brand{color:inherit;align-items:center;gap:11px;min-width:0;text-decoration:none;display:flex}.brand-mark{flex:none;width:32px;height:32px}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem;font-weight:650;line-height:1}.brand-sub{color:var(--ink-3);letter-spacing:.04em;margin-top:3px;font-size:.72rem}.header-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.header-nav a.nav-link{color:var(--ink-2);border-radius:999px;padding:6px 10px;font-size:.92rem;text-decoration:none}.header-nav a.nav-link:hover{background:var(--bg-inset);color:var(--ink)}.btn{border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:.92rem;font-weight:550;line-height:1.2;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:hover{border-color:var(--ink-2);background:#fff}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fffdf8}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-pine{background:var(--pine);border-color:var(--pine);color:#f4faf7}.btn-pine:hover{color:#fff;background:#174a3b;border-color:#174a3b}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-inset);border-color:#0000}.btn-sm{padding:4px 10px;font-size:.8rem}.btn-icon{min-width:32px;padding:6px 8px}.lang-btn{font-variant:small-caps;letter-spacing:.06em;font-size:.85rem}.badge{letter-spacing:.02em;background:var(--pine-soft);color:var(--pine);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.75rem;font-weight:550;display:inline-flex}.badge-warn{background:var(--amber-soft);color:#6d4708}.badge-accent{background:var(--accent-soft);color:var(--accent)}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.hero{grid-template-columns:1.15fr .85fr;align-items:end;gap:40px;padding:56px 0 28px;display:grid}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:.78rem;font-weight:650}h1.tagline{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2rem,4.4vw,3.15rem);font-weight:650;line-height:1.15}.hero-lead{color:var(--ink-2);max-width:38em;margin:0 0 18px;font-size:1.08rem}.hero-meta{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.algo-note{color:var(--ink-3);font-size:.88rem}.hero-aside{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px 20px}.hero-aside ol{color:var(--ink-2);margin:10px 0 0;padding:0 0 0 1.15em}.hero-aside li{margin:0 0 8px}.hero-aside h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.15rem}.importer{margin:8px 0 36px}.drop{border:1.5px dashed var(--line-strong);background:var(--bg-elev);border-radius:var(--radius);text-align:center;padding:32px 24px;transition:border-color .15s,background .15s}.drop.over{border-color:var(--accent);background:var(--accent-soft);border-style:solid}.drop-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 6px;font-size:1.35rem}.drop-hint{color:var(--ink-3);margin:0 0 16px;font-size:.95rem}.drop-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.paste-wrap{margin-top:12px}.paste-wrap textarea{resize:vertical;border:1px solid var(--line);background:var(--bg-inset);border-radius:var(--radius-sm);width:100%;min-height:90px;color:var(--ink);padding:10px 12px}.paste-wrap textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px;background:#fff}.samples{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.workspace-head{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin:8px 0 14px;display:flex}.workspace-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.7rem}.meta-pills{color:var(--ink-2);flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.meta-pills span{background:var(--bg-inset);border-radius:999px;padding:2px 9px}.meta-form{grid-template-columns:1fr 1fr 1.2fr auto;align-items:end;gap:10px;margin:0 0 16px;display:grid}.field label{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:550;display:block}.field input[type=text],.field input:not([type]),.field select{border:1px solid var(--line);background:var(--bg-elev);border-radius:var(--radius-sm);width:100%;padding:7px 10px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.workspace-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:16px;min-height:480px;display:grid}.panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg-warm) 70%, white);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.panel-head h3{letter-spacing:-.01em;flex:1;margin:0;font-size:.95rem;font-weight:650}.panel-body{flex:1;max-height:640px;overflow:auto}.hint-bar{color:var(--ink-3);border-bottom:1px solid var(--line);background:var(--bg);padding:8px 14px;font-size:.8rem}.cue-row{border-bottom:1px solid color-mix(in srgb, var(--line) 65%, transparent);cursor:pointer;grid-template-columns:78px 1fr auto;align-items:baseline;gap:8px;padding:7px 14px;display:grid}.cue-row:hover{background:var(--bg-warm)}.cue-row.active{background:var(--amber-soft)}.cue-row.chapter-start{box-shadow:inset 3px 0 0 var(--accent)}.cue-time{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:-.02em;font-size:.75rem}.cue-text{color:var(--ink);white-space:pre-wrap;word-break:break-word;font-size:.92rem}.cue-mark{color:var(--accent);font-size:.7rem;font-weight:650}.chapter-list{padding:6px 0 16px}.chapter-item{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;gap:8px;padding:10px 14px 12px;display:grid}.chapter-item.selected{background:color-mix(in srgb, var(--accent-soft) 55%, white)}.chapter-idx{font-family:var(--font-mono);color:var(--ink-3);padding-top:10px;font-size:.75rem}.chapter-title-input{background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:4px 6px;font-weight:550}.chapter-title-input:hover,.chapter-title-input:focus{border-color:var(--line);background:#fff}.chapter-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.chapter-start-input{font-family:var(--font-mono);border:1px solid var(--line);background:#fff;border-radius:6px;width:96px;padding:3px 6px;font-size:.8rem}.chapter-start-input:disabled{background:var(--bg-inset);color:var(--ink-3);cursor:not-allowed}.chapter-range{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.chapter-actions{flex-wrap:wrap;gap:4px;display:flex}.empty{text-align:center;color:var(--ink-3);padding:36px 20px}.tabs{background:var(--bg-inset);border-radius:999px;gap:4px;margin:0 0 10px;padding:4px;display:none}.tabs button{color:var(--ink-2);background:0 0;border:0;border-radius:999px;flex:1;padding:7px 8px;font-weight:550}.tabs button[aria-selected=true]{background:var(--bg-elev);color:var(--ink);box-shadow:0 1px 3px #1c191614}.export-section{margin:36px 0 16px}.export-section h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 6px;font-size:1.7rem}.export-lead{color:var(--ink-2);margin:0 0 16px}.export-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.export-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.export-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.export-card header{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex}.export-card header h3{flex:1;margin:0;font-size:.95rem;font-weight:650}.export-card pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:#f3efe6;background:#1c1916;flex:1;max-height:240px;margin:0;padding:12px 14px;font-size:.75rem;line-height:1.5;overflow:auto}.yt-issues{background:var(--amber-soft);color:#6d4708;margin:0;padding:8px 14px;font-size:.8rem;list-style:none}.yt-issues.ok{background:var(--pine-soft);color:var(--pine)}.limited-banner{background:var(--amber-soft);color:#6d4708;border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;font-size:.92rem;display:flex}.fold-grid{grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 8px;display:grid}.fold-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px 18px}.fold-card h3{margin:0 0 2px;font-size:.95rem}.fold-approx{color:var(--ink-3);margin:0 0 12px;font-size:.75rem}.yt-fake,.xyz-fake{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.yt-fake .yt-bar{background:#f1f1f1;height:8px}.yt-fake .yt-body,.xyz-fake .xyz-body{color:#222;white-space:pre-wrap;word-break:break-word;padding:12px 14px 14px;font-size:.88rem}.yt-fake .more,.xyz-fake .more{color:#606060;cursor:default;margin-top:4px;font-size:.82rem;font-weight:650}.xyz-fake{background:#1a1a1a;border-color:#333}.xyz-fake .xyz-body{color:#f2f2f2;background:#1a1a1a}.xyz-fake .more{color:#faad14}.sections{gap:28px;margin:56px 0 32px;display:grid}.card-block{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 30px}.card-block h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px;font-size:1.55rem}.pricing-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.price-card{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:20px}.price-card.featured{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 35%, var(--bg-elev))}.price-card h3{margin:0 0 6px;font-size:1.05rem}.price-amt{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 4px;font-size:2.1rem}.price-amt small{color:var(--ink-3);font-size:1rem;font-family:var(--font-sans)}.price-card ul{margin:12px 0 0;padding:0;list-style:none}.price-card li{color:var(--ink-2);padding:5px 0 5px 1.3em;position:relative}.price-card li:before{content:"–";color:var(--accent);position:absolute;left:0}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:550;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--ink-3);font-weight:400}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-2);margin:8px 0 4px}.footer{border-top:1px solid var(--line);color:var(--ink-3);padding:28px 0 48px;font-size:.88rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.modal-back{z-index:60;background:#1c191673;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elev);border-radius:16px;width:100%;max-width:440px;padding:24px 26px 22px;box-shadow:0 24px 60px #1c191647}.modal h2{font-family:var(--font-display);margin:0 0 8px;font-size:1.45rem}.modal p{color:var(--ink-2);margin:0 0 14px;font-size:.95rem}.modal input[type=text]{border:1px solid var(--line-strong);width:100%;font-family:var(--font-mono);letter-spacing:.04em;border-radius:9px;margin:0 0 12px;padding:9px 12px}.modal-actions{flex-wrap:wrap;gap:8px;display:flex}.license-msg{margin:0 0 12px;font-size:.88rem}.license-msg.ok{color:var(--pine)}.license-msg.bad{color:var(--danger)}.toast{background:var(--ink);color:#f3efe6;z-index:70;opacity:0;pointer-events:none;border-radius:999px;padding:9px 16px;font-size:.9rem;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.busy{pointer-events:none;opacity:.65}@media (width<=900px){.hero{grid-template-columns:1fr;gap:20px;padding-top:32px}.meta-form{grid-template-columns:1fr 1fr}.workspace-grid,.export-grid,.fold-grid,.pricing-grid{grid-template-columns:1fr}.panel-body{max-height:420px}.tabs{display:flex}.workspace-grid .panel{display:none}.workspace-grid .panel.active-tab{display:flex}.header-nav a.nav-link,.brand-sub{display:none}}@media (width<=560px){.wrap,.header-inner{padding-left:16px;padding-right:16px}.meta-form{grid-template-columns:1fr}.card-block{padding:20px 16px}.cue-row{grid-template-columns:64px 1fr}.cue-mark{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#workspace,#export,#pricing,#faq,#privacy,#formats,#imported{scroll-margin-top:calc(var(--header-h) + 16px)}
