:root{--bg:#f8f8f4;--paper:#fff;--ink:#171c25;--muted:#66717b;--stroke:#e1e5e2;--accent:#bedf8d;--accent-ink:#223525;--surface:#f0f2eb;--dark:#1a2027;--dark-ink:#f8faf6;--ring:#94a78b;--glow:rgba(196,220,155,.26);--shadow:0 20px 70px rgba(35,45,44,.08);--radius:23px;--font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:Georgia,'Times New Roman',serif;--motion:220ms; color-scheme:light}
html[data-theme="light"]{--bg:#f8f8f4;--paper:#fff;--ink:#171c25;--muted:#66717b;--stroke:#e1e5e2;--accent:#bedf8d;--accent-ink:#223525;--surface:#f0f2eb;--dark:#1a2027;--dark-ink:#f8faf6;--glow:rgba(196,220,155,.26);color-scheme:light}
html[data-theme="dark"]{--bg:#11151c;--paper:#1c222c;--ink:#f3f5f2;--muted:#b1bac4;--stroke:#39424b;--accent:#bddb85;--accent-ink:#202d1a;--surface:#252e35;--dark:#06090e;--dark-ink:#f9f9f4;--glow:rgba(120,162,108,.13);--shadow:0 20px 70px rgba(0,0,0,.24);color-scheme:dark}
html[data-theme="clean"]{--bg:#fff;--paper:#fff;--ink:#111;--muted:#555;--stroke:#ddd;--accent:#e5e5e5;--accent-ink:#111;--surface:#fafafa;--dark:#202020;--dark-ink:#fff;--glow:transparent;--radius:7px;--shadow:none;--display:var(--font);color-scheme:light}
html[data-theme="simple"]{--bg:#f6f7f8;--paper:#fff;--ink:#25303b;--muted:#5b6771;--stroke:#cfd6da;--accent:#d9e7ed;--accent-ink:#163641;--surface:#eaf0f2;--dark:#263745;--dark-ink:#fff;--glow:transparent;--radius:12px;--shadow:none;--motion:0ms;color-scheme:light}
html[data-theme="warm"]{--bg:#fbf5ec;--paper:#fffaf3;--ink:#493c32;--muted:#7c695b;--stroke:#e8d9c6;--accent:#f2d5ac;--accent-ink:#543c25;--surface:#f5eadb;--dark:#5b4036;--dark-ink:#fff6ea;--glow:rgba(243,206,150,.21);color-scheme:light}
html[data-theme="extra-warm"]{--bg:#f7e6d2;--paper:#fff2dc;--ink:#522a23;--muted:#845344;--stroke:#d9a98e;--accent:#e4a06c;--accent-ink:#401d17;--surface:#f1d0b1;--dark:#572b25;--dark-ink:#fff2e8;--glow:rgba(196,100,54,.20);color-scheme:light}
html[data-theme="retro"]{--bg:#efead9;--paper:#fff8df;--ink:#243a35;--muted:#566b5a;--stroke:#b5b79c;--accent:#f9ad72;--accent-ink:#563522;--surface:#dfe2ca;--dark:#2c4b40;--dark-ink:#fff4d8;--glow:rgba(234,136,68,.18);--radius:4px;--display:Georgia,'Times New Roman',serif;--shadow:8px 9px 0 rgba(36,58,53,.18);color-scheme:light}
@media(prefers-color-scheme:dark){html:not([data-theme]),html[data-theme="auto"]{--bg:#11151c;--paper:#1c222c;--ink:#f3f5f2;--muted:#b1bac4;--stroke:#39424b;--accent:#bddb85;--accent-ink:#202d1a;--surface:#252e35;--dark:#06090e;--dark-ink:#f9f9f4;--glow:rgba(120,162,108,.13);--shadow:0 20px 70px rgba(0,0,0,.24);color-scheme:dark}}
@media(prefers-color-scheme:light){html:not([data-theme]),html[data-theme="auto"]{color-scheme:light}}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.58 var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;transition:background var(--motion),color var(--motion)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{max-width:100%}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.046em;line-height:1.08}h3{letter-spacing:-.02em;line-height:1.2}p{color:var(--muted)}:focus-visible{outline:3px solid var(--ring);outline-offset:4px}::selection{background:var(--accent);color:var(--accent-ink)}[hidden]{display:none!important}.wrap{width:min(1190px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:100;inset-block-start:-80px;inset-inline-start:12px;padding:8px;background:var(--paper)}.skip:focus{inset-block-start:12px}
.site-header{border-bottom:1px solid var(--stroke);background:var(--bg);position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.header-inner{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px 14px 14px 5px;background:var(--accent);position:relative;transform:rotate(-10deg)}.brand-symbol>span{width:13px;height:13px;border:3px solid var(--accent-ink);border-radius:100%;position:relative;transform:rotate(10deg)}.brand-symbol>span:after{content:'';position:absolute;width:3px;height:10px;background:var(--accent-ink);left:3px;top:9px;border-radius:8px;transform:rotate(-30deg)}.brand-name{font-size:27px;line-height:1;font-weight:780;letter-spacing:-.065em}.brand-name>span{color:#7ba34c}.main-nav{display:flex;gap:32px;align-items:center}.main-nav a,.footer-right a{font-size:13px;font-weight:650;transition:color var(--motion)}.main-nav a:hover,.footer-right a:hover{color:#849f60}.header-options{display:flex;gap:7px}select{background:var(--paper);color:var(--ink);border:1px solid var(--stroke);border-radius:11px;padding:9px 30px 9px 12px;cursor:pointer}#language{max-width:142px}#theme{max-width:135px}
.hero{padding-block:74px 92px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.eyebrow{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:flex;gap:12px;align-items:center;margin-bottom:26px}.eyebrow.small{font-size:11px;margin-bottom:20px}.signal-dot{width:8px;height:8px;background:#86aa5c;box-shadow:0 0 0 6px var(--glow);border-radius:100%}.hero h1{font-size:clamp(55px,5.25vw,86px);max-width:650px;margin-bottom:28px}.hero-description{font-size:19px;max-width:530px;line-height:1.8;margin-bottom:33px}.hero-buttons{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 22px;border:1px solid transparent;font-size:13px;line-height:1.3;font-weight:770;border-radius:100px;transition:transform var(--motion),background var(--motion),box-shadow var(--motion)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px var(--glow)}.button.soft{background:var(--surface);color:var(--ink);border-color:var(--stroke)}.button.ghost{background:transparent;color:var(--ink);border-color:var(--stroke)}.text-link{font-size:14px;font-weight:740;border-bottom:1px solid var(--ink);padding-block:3px}.hero-facts{margin-top:67px;display:flex;gap:32px;flex-wrap:wrap}.hero-facts>span{font-size:12px;color:var(--muted)}.hero-facts strong{font-size:20px;color:var(--ink);margin-inline-end:4px}.hero-art{position:relative;min-height:440px;display:grid;align-content:center}.hero-photo{border-radius:250px 250px 32px 32px;overflow:hidden;position:relative;box-shadow:var(--shadow);background:var(--surface);aspect-ratio:1/1.03}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 67%,rgba(0,0,0,.24))}.floating-label{position:absolute;z-index:2;bottom:15px;left:-23px;background:var(--paper);border:1px solid var(--stroke);padding:15px 19px;display:flex;gap:10px;align-items:center;border-radius:100px;box-shadow:var(--shadow);font-size:13px;font-weight:750;max-width:88%}.mini-icon{width:26px;height:26px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:50%}.hero-ring{position:absolute;top:30px;right:-18px;border:1px solid var(--accent);background:var(--accent);height:73px;width:73px;border-radius:50%;display:grid;place-items:center;transform:rotate(12deg);font:italic 57px/1 var(--display);color:var(--accent-ink)}
.workbench{background:var(--surface);padding:92px 0 108px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:37px}.section-head h2,.story h2{font-size:clamp(36px,4vw,57px);margin:0 0 15px}.section-head p{font-size:16px;margin:0}.section-number{letter-spacing:.15em;color:var(--muted);font-weight:750;font-size:12px}.tool-shell{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--stroke);border-radius:var(--radius);background:var(--paper);overflow:hidden;box-shadow:var(--shadow);min-height:580px}.tool-tabs{padding:20px;background:var(--bg);border-inline-end:1px solid var(--stroke);display:flex;flex-direction:column;gap:6px}.tool-tab{display:flex;align-items:flex-start;gap:14px;background:transparent;border:1px solid transparent;border-radius:14px;text-align:start;color:var(--ink);padding:17px 13px;width:100%;transition:background var(--motion),border var(--motion)}.tool-tab strong,.tool-tab small{display:block}.tool-tab strong{font-size:14px;margin:3px 0 3px}.tool-tab small{font-size:12px;line-height:1.5;color:var(--muted);font-weight:400}.tool-tab.selected{background:var(--paper);border-color:var(--stroke);box-shadow:0 5px 20px rgba(0,0,0,.02)}.tool-tab:hover{background:var(--paper)}.tool-tab-icon{height:36px;width:36px;border-radius:11px;background:var(--surface);display:grid;place-items:center;flex-shrink:0;font-size:22px;font-weight:400}.selected .tool-tab-icon{background:var(--accent);color:var(--accent-ink)}.tool-pane{padding:42px 49px 49px;min-width:0}.pane-head{margin-bottom:29px}.overline{font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:800;margin-bottom:11px}.pane-head h3{font-size:30px;margin-bottom:8px}.pane-head p{font-size:14px;max-width:550px;margin:0}.tool-pane label:not(.check-row label){display:block;color:var(--ink);font-size:13px;font-weight:750;margin:17px 0 9px}.tool-pane input[type="text"],.tool-pane textarea,.wide-select{width:100%;border:1px solid var(--stroke);border-radius:13px;background:var(--bg);color:var(--ink);padding:15px 17px;font-size:14px;line-height:1.55;transition:border-color var(--motion),box-shadow var(--motion)}.tool-pane input:focus,.tool-pane textarea:focus{outline:2px solid var(--ring);outline-offset:1px}.tool-pane ::placeholder{color:var(--muted);opacity:.8}.input-inline{display:flex;gap:10px;align-items:center}.input-inline input{min-width:0}.result-area{border-top:1px solid var(--stroke);padding-top:23px;margin-top:25px}.result-top{display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap}.result-pill{display:inline-block;padding:5px 13px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800}.result-key{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.result-linkbox{background:var(--bg);border:1px solid var(--stroke);padding:17px;border-radius:13px;margin:16px 0;overflow-wrap:anywhere;font-size:14px}.result-linkbox a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ring);text-underline-offset:3px}.result-actions,.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.hint{font-size:12px;line-height:1.7;margin-top:16px}.quiet-empty{font-size:13px;margin:25px 0;color:var(--muted);font-style:italic}.feedback{color:#ad4931;font-size:13px;margin-top:12px;min-height:1px}.feedback.success{color:#438254}.thumb-zone{margin-top:20px;padding-top:12px;border-top:1px solid var(--stroke)}#thumb-container img{margin-top:13px;border-radius:14px;max-width:390px;width:100%}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:18px 0 24px}.check-row label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;cursor:pointer}.check-row input{accent-color:#77a34a;width:17px;height:17px}.tool-pane textarea{min-height:100px}#chapters-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.9}#embed-code,#chapters-output{margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7}#embed-preview{margin-top:20px;max-width:640px}#embed-preview>div{aspect-ratio:16/9}#embed-preview iframe{width:100%;height:100%;border:0}.creator-canvas{background:#161822;border-radius:15px;overflow:hidden;margin-top:22px}.creator-canvas svg{width:100%;height:auto;display:block}.wide-select{appearance:auto;width:100%}
.story{padding-top:116px;padding-bottom:118px;display:grid;grid-template-columns:1fr .83fr;gap:94px;align-items:center}.story-img{overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--surface);aspect-ratio:1.1}.story-img img{width:100%;height:100%;object-fit:cover}.story-content p{font-size:17px;line-height:1.9;max-width:490px}.story-marker{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:800;margin-top:33px}.story-marker span:first-child{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--stroke);border-radius:50%;font-size:24px;color:#799c4c}.faq{padding-bottom:120px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--stroke);padding-top:28px}.faq-grid h3{font-size:19px;margin-bottom:10px}.faq-grid p{font-size:14px;line-height:1.85;max-width:510px}.site-footer{background:var(--dark);color:var(--dark-ink);padding:54px 0}.foot-grid{display:flex;justify-content:space-between;gap:60px}.footer-brand{color:var(--dark-ink)}.foot-grid p{max-width:380px;font-size:12px;color:var(--dark-ink);opacity:.65;margin-top:18px}.footer-right{max-width:470px;text-align:end;display:flex;justify-content:flex-end;gap:19px;flex-wrap:wrap;align-content:start}.footer-right p{width:100%}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--dark);color:var(--dark-ink);padding:12px 24px;border-radius:100px;font-size:13px;opacity:0;pointer-events:none;transition:opacity var(--motion),transform var(--motion);box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.privacy-section{max-width:830px;padding-top:95px;padding-bottom:135px}.privacy-section>.text-link{display:inline-block;margin-bottom:54px}.privacy-section h1{font-size:clamp(46px,6vw,78px)}.privacy-section .lead{font-size:21px;line-height:1.7}.privacy-block{border-top:1px solid var(--stroke);margin-top:50px;padding-top:32px}.privacy-block p{font-size:16px;line-height:2;margin-bottom:24px}
html[dir="rtl"] .floating-label{left:auto;right:-23px}html[dir="rtl"] .hero-ring{right:auto;left:-18px}html[dir="rtl"] .tool-tab{text-align:right}html[dir="rtl"] .foot-grid{text-align:right}html[dir="rtl"] .footer-right{text-align:left}html[dir="rtl"] .header-options select{padding-left:30px;padding-right:12px}html[data-theme="retro"] .brand-symbol,html[data-theme="retro"] .button{border-radius:3px}html[data-theme="clean"] .hero-ring{opacity:.3}html[data-theme="simple"] .hero-ring{display:none}
@media(max-width:1050px){.hero-grid{gap:32px}.hero-art{min-height:330px}.hero h1{font-size:clamp(45px,5.3vw,70px)}.tool-shell{grid-template-columns:255px 1fr}.tool-pane{padding:35px}.story{gap:50px}}
@media(max-width:790px){.header-inner{flex-wrap:wrap;padding:13px 0;min-height:unset}.main-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--stroke);padding-top:10px;gap:25px}.brand-name{font-size:23px}.header-options{margin-inline-start:auto}.hero{padding-top:52px}.hero-grid{grid-template-columns:1fr;gap:44px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(50px,8vw,75px)}.hero-facts{margin-top:40px}.hero-art{max-width:580px;margin-inline:auto;width:94%}.hero-photo{aspect-ratio:1.4;border-radius:190px 190px 25px 25px}.workbench{padding-block:66px}.tool-shell{grid-template-columns:1fr}.tool-tabs{border-inline-end:0;border-bottom:1px solid var(--stroke);flex-direction:row;overflow-x:auto;padding:11px;scrollbar-width:thin}.tool-tab{flex:0 0 170px;padding:12px 9px;gap:8px}.tool-tab small{display:none}.tool-pane{min-height:370px}.story{grid-template-columns:1fr;gap:40px;padding-block:74px}.story-img{aspect-ratio:1.7}.faq{padding-bottom:80px}}
@media(max-width:500px){.wrap{width:min(100% - 30px,1190px)}.site-header{position:relative}.brand-symbol{width:32px;height:32px}.brand-name{font-size:23px}.header-options select{max-width:122px;font-size:12px;padding:8px 7px}#theme{max-width:117px}.main-nav{gap:22px}.main-nav a{font-size:12px}.hero{padding-top:38px;padding-bottom:67px}.hero h1{font-size:clamp(43px,11.5vw,62px)}.hero-description{font-size:16px;line-height:1.8}.hero-facts{gap:18px}.hero-art{min-height:260px}.floating-label{left:0;font-size:11px;padding:10px;bottom:-12px}.hero-ring{width:55px;height:55px;font-size:43px;right:-9px}.section-head h2,.story h2{font-size:39px}.section-number{display:none}.tool-pane{padding:24px 19px 28px}.tool-tab{flex-basis:135px}.tool-tab-icon{width:29px;height:29px}.tool-tab strong{font-size:12px}.pane-head h3{font-size:25px}.input-inline{flex-wrap:wrap}.input-inline .button{width:100%}.field-row{grid-template-columns:1fr;gap:0}.check-row{gap:12px}.faq-grid{grid-template-columns:1fr;gap:10px}.foot-grid{flex-direction:column;gap:16px}.footer-right{text-align:start;justify-content:flex-start}.footer-right p{text-align:start}.story-img{aspect-ratio:1.2}.privacy-section{padding-top:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* URLs and YouTube timestamps always use left-to-right ASCII notation, even in RTL locales. */
#link-input,#embed-input,#link-clean,#link-id,#embed-code,#chapters-input,#chapters-output,#start,#end,#video-duration,#creator-handle{direction:ltr;text-align:left;unicode-bidi:plaintext}