@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#1e293b;--muted:#6c7280;--paper:#fcfbf8;--line:#e7e3dc;--violet:#6954d9;--pink:#e84d8a;--soft:#f5f2ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px Manrope,Arial;background:radial-gradient(circle at 0 0,#eee9ff 0,transparent 30%),radial-gradient(circle at 100% 100%,#ffe9f2,transparent 30%),var(--paper);min-height:100vh}.app{max-width:1180px;margin:auto;padding:66px 28px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 42px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.13em;color:#7c70a9;margin:0 0 11px}h1{font-size:clamp(38px,5vw,63px);letter-spacing:-.06em;line-height:1;margin:0}h1 em{font-family:'Playfair Display',serif;color:var(--violet);letter-spacing:-.04em}.intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:570px;margin:18px 0 0}.status{padding:10px 13px;border:1px solid var(--line);background:#fff;border-radius:99px;font:12px 'DM Mono';color:var(--muted);white-space:nowrap}.status.ready{color:#147a4a;background:#ecfdf3;border-color:#b9eccd}.status.offline{color:#a34242;background:#fff0ef;border-color:#f3c4c0}.workspace{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.card{background:#ffffffbd;border:1px solid #fff;box-shadow:0 18px 50px #3d29600d;border-radius:24px;padding:27px;backdrop-filter:blur(12px)}.editor>label,.voice-row>label{font-weight:800;font-size:14px}textarea{display:block;width:100%;border:0;background:transparent;outline:0;resize:none;min-height:188px;font:500 20px/1.55 Manrope;color:var(--ink);padding:16px 0}textarea::placeholder{color:#b8b5bf}.text-foot{border-top:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between;color:#96909b;font:12px 'DM Mono'}.link{border:0;background:transparent;color:var(--violet);font:inherit;cursor:pointer}.audio{border:1px dashed #cec7e6;background:#faf9ff;border-radius:14px;padding:16px;min-height:59px;display:flex;align-items:center;color:#908ba0;font-size:13px}.audio audio{width:100%}.actions{display:flex;gap:10px;margin-top:16px}.primary,.download{border:0;border-radius:12px;padding:14px 20px;font:800 14px Manrope;text-decoration:none;cursor:pointer}.primary{color:white;background:linear-gradient(120deg,var(--violet),#8c68db);box-shadow:0 8px 17px #6954d940}.primary:disabled{opacity:.6;cursor:wait}.download{background:#f3f0f7;color:var(--ink)}.download.disabled{pointer-events:none;opacity:.45}.section-title{display:flex;justify-content:space-between;align-items:flex-start}.section-title h2{font-size:25px;letter-spacing:-.04em;margin:0}.section-title span{background:var(--soft);color:var(--violet);padding:7px 11px;border-radius:9px;font-size:12px;font-weight:800}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0}.preset{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 7px;color:#56515e;font:700 12px Manrope;cursor:pointer}.preset b{display:block;font-size:18px;color:#967cd6;margin-bottom:3px}.preset.active{border-color:var(--violet);background:#f6f3ff;color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.sliders{border-top:1px solid var(--line);padding-top:5px}.sliders label{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;margin-top:15px;font-weight:700;font-size:13px}.sliders output{color:var(--violet);font:12px 'DM Mono'}.sliders input{grid-column:1/3;accent-color:var(--violet);width:100%}.voice-row{border-top:1px solid var(--line);margin-top:21px;padding-top:21px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:12px}.voice-row select{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font:13px Manrope;color:var(--ink)}.hint{font-size:12px;line-height:1.6;color:#89838f;margin:19px 0 0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,130px);background:#272136;color:#fff;padding:12px 17px;border-radius:11px;font-size:13px;transition:.25s;box-shadow:0 10px 25px #0002}.toast.show{transform:translate(-50%,0)}@media(max-width:760px){.app{padding:35px 16px}header{display:block;margin-bottom:27px}.status{display:inline-block;margin-top:18px}.workspace{grid-template-columns:1fr;gap:14px}.card{padding:20px;border-radius:19px}textarea{font-size:18px;min-height:154px}.presets{grid-template-columns:repeat(2,1fr)}}