:root{font-family:Manrope,Segoe UI,sans-serif;color:#10221d;background:#edf7f1;--ink:#10221d;--muted:#60736c;--line:#cbdcd5;--card:#fff;--accent:#e95f39}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 5%,#ffd9bd 0,transparent 29%),#edf7f1;color:var(--ink)}header{height:64px;display:flex;align-items:center;gap:20px;padding:0 5vw;border-bottom:1px solid var(--line);background:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}header .brand{display:flex}header>span{font-size:13px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:18px}a{color:inherit}nav a{text-decoration:none;font-size:13px;font-weight:700}header button{border:0;background:transparent;font-size:20px;cursor:pointer}main{width:min(1120px,90vw);margin:auto}.hero{padding:76px 0 48px;max-width:800px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#17725d}.hero h1{font-size:clamp(54px,9vw,104px);line-height:.85;letter-spacing:-.065em;margin:18px 0 28px}.hero em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero p{font-size:19px;line-height:1.6;max-width:660px;color:var(--muted)}.badges{display:flex;gap:8px;flex-wrap:wrap}.badges span{padding:8px 13px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700;background:#ffffff80}.studio{display:grid;grid-template-columns:1.05fr .95fr;background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #173b2d17}.controls,.result{padding:34px}.controls{border-right:1px solid var(--line)}label{display:grid;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}textarea,input[type=number]{font:inherit;color:inherit;border:1px solid var(--line);border-radius:12px;background:#f7faf8}textarea{height:128px;padding:16px;resize:vertical;font-size:16px;line-height:1.5;text-transform:none;letter-spacing:0}input[type=number]{padding:12px;width:100%}.tidy-row{display:flex;align-items:center;gap:10px;margin:9px 0 0}.tidy{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;text-transform:none;letter-spacing:0}html[data-theme=dark] .tidy{background:#101b17}.tidyNote{font-size:12px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500}.tags{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:2px 14px}.tags summary{cursor:pointer;padding:11px 0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tags-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:14px}.tags-grid label{display:grid;gap:6px;font-size:11px}.tags-grid select{font:inherit;color:inherit;border:1px solid var(--line);border-radius:10px;background:#f7faf8;padding:8px;text-transform:none;letter-spacing:0}.tags-grid select[multiple]{padding:4px}html[data-theme=dark] .tags-grid select{background:#101b17}.tags>.tidy{margin-bottom:14px}@media(max-width:520px){.tags-grid{grid-template-columns:1fr}}.row{display:grid;grid-template-columns:1fr 140px;gap:20px;margin:22px 0}.row output{color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0}.examples{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0 24px;font-size:12px;color:var(--muted)}.examples button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer}.generate,.download{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;border-radius:12px;background:var(--ink);color:#fff;padding:15px 18px;font-weight:800;text-decoration:none;cursor:pointer}.generate:disabled{opacity:.5}.cancel{margin:10px auto 0;border:0;background:transparent;color:var(--muted);cursor:pointer}.requirement{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 0 0}.result{display:flex;min-height:420px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f9fbfa}.visual{height:130px;display:flex;align-items:center;gap:6px;margin-bottom:28px}.visual i{display:block;width:6px;height:var(--h,35%);border-radius:9px;background:linear-gradient(#f59b66,var(--accent));opacity:.8}.visual i:nth-child(3n){--h:75%}.visual i:nth-child(4n){--h:100%}.visual i:nth-child(5n){--h:55%}.result>p{max-width:380px;color:var(--muted);font-size:13px;line-height:1.6}.progress{width:80%;height:6px;background:#dce8e3;border-radius:8px;overflow:hidden;margin:18px}.progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}audio{width:100%;margin:22px 0}.download{width:auto;gap:40px;background:var(--accent)}.about{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 0 64px}.about article{padding:20px}.about p{color:var(--muted);line-height:1.6;font-size:13px}footer{text-align:center;padding:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}[data-theme=dark]{color-scheme:dark;--ink:#ecf5f1;--muted:#a0b2aa;--line:#30453d;--card:#16231e;background:#0e1714}html[data-theme=dark] body{background:radial-gradient(circle at 80% 5%,#5b2d20 0,transparent 29%),#0e1714}html[data-theme=dark] header{background:#111d19cc}html[data-theme=dark] textarea,html[data-theme=dark] input[type=number],html[data-theme=dark] .result,html[data-theme=dark] .examples button{background:#101b17}.working .visual i{animation:pulse .8s ease-in-out infinite alternate}.working .visual i:nth-child(2n){animation-delay:.15s}@keyframes pulse{to{height:100%;opacity:1}}@media(max-width:760px){header nav{display:none}.studio{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.about,.row{grid-template-columns:1fr}.hero{padding-top:48px}}.download-options{display:flex;align-items:end;gap:12px}.download-options label{gap:6px;text-align:left}.download-options select{min-width:92px;padding:13px 34px 13px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit}.download[aria-disabled=true]{pointer-events:none;opacity:.65}@media(max-width:430px){.download-options{align-items:stretch;flex-direction:column;width:100%}.download-options .download{justify-content:center}}