:root{--ink:#171b19;--muted:#777f7a;--line:#e7eae7;--green:#16a36a;--green-dark:#087c4b;--mint:#e9f7f0;--paper:#f7f8f7;--white:#fff;--shadow:0 16px 55px rgba(20,38,29,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}.page-shell{max-width:1120px;margin:0 auto;padding:0 34px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1.1px}.brand-green{color:var(--green)}.brand-mark{width:27px;height:27px;border-radius:8px;background:#e6f6ee;display:flex;align-items:center;justify-content:center;gap:2px;padding:6px}.brand-mark span{width:3px;border-radius:3px;background:var(--green)}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.brand-mark span:nth-child(4){height:6px}.topbar-right{display:flex;align-items:center;gap:9px;color:#68716b;font-size:12px;font-weight:600}.status-dot{width:7px;height:7px;background:#20b875;border-radius:50%;box-shadow:0 0 0 4px #e4f5ec}.top-divider{height:14px;width:1px;background:#dfe4df;margin:0 4px}.engine-label{font-size:10px;letter-spacing:1.2px;color:#8b948e}.hero{padding:76px 0 42px}.eyebrow,.step-label,.field-label{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#87918a}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green-dark)}.eyebrow-line{width:22px;height:1px;background:var(--green)}h1{font:700 clamp(42px,7vw,66px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-3.4px;margin:21px 0 13px}h1 span{color:var(--green)}.hero-copy{margin:0;color:var(--muted);font-size:15px;line-height:1.7;max-width:520px}.workspace{background:var(--white);border:1px solid #e9ece9;border-radius:15px;padding:34px 38px 30px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:17px}.section-head h2{font:600 20px 'Space Grotesk',sans-serif;letter-spacing:-.55px;margin:6px 0 0}.text-action{background:none;border:0;padding:4px 0;color:#828b85;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.text-action span{color:var(--green);font-size:15px;margin-left:4px}.textarea-wrap{border:1px solid #e3e8e4;border-radius:10px;background:#fcfdfc;overflow:hidden;transition:border-color .2s,box-shadow .2s}.textarea-wrap:focus-within,.search-wrap:focus-within{border-color:#8bc9aa;box-shadow:0 0 0 3px rgba(22,163,106,.08)}textarea{display:block;width:100%;min-height:178px;resize:vertical;padding:19px 20px 12px;border:0;outline:0;background:transparent;color:var(--ink);font:14px/1.75 'DM Sans',sans-serif}textarea::placeholder{color:#a5ada7}.textarea-footer{height:43px;border-top:1px solid #edf0ed;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#929b95;font-size:11px}.no-limit{display:flex;align-items:center;gap:6px}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#e8f7ef;color:var(--green);font-size:10px;font-weight:800}.voice-heading{margin-top:36px}.voice-count{font-size:11px;color:#939c96}.voice-controls{background:#fbfcfb;border:1px solid #e9ede9;border-radius:10px;padding:18px}.field-label{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:9px}.search-wrap{height:42px;display:flex;align-items:center;border:1px solid #e2e8e3;border-radius:7px;background:#fff;padding:0 12px;transition:.2s}.search-icon{font-size:21px;color:#98a39b;margin-right:8px;line-height:1}.search-wrap input{border:0;outline:0;width:100%;background:transparent;font:13px 'DM Sans',sans-serif;color:var(--ink)}.search-wrap input::placeholder{color:#a6aea8}.select-row{display:grid;grid-template-columns:1fr 1.65fr;gap:14px;margin-top:16px}.select-field select{width:100%;height:43px;border:1px solid #e2e8e3;border-radius:7px;padding:0 12px;background:#fff;color:#28312b;font:13px 'DM Sans',sans-serif;outline:none}.select-field select:focus{border-color:#8bc9aa}.voice-note{margin-top:15px;display:flex;align-items:center;gap:9px;color:#768078;font-size:11px}.voice-note strong{color:#3c4d42}.voice-note-icon{width:20px;height:20px;border-radius:6px;background:#e8f7ef;color:var(--green);display:flex;align-items:center;justify-content:center}.speed-head{margin-top:34px;margin-bottom:13px}.speed-value{font-size:11px;color:var(--green-dark);font-weight:700}.speed-control{display:flex;align-items:center;gap:14px;padding:0 2px}.speed-caption{font-size:10px;color:#89938c;white-space:nowrap}.speed-control input{flex:1;accent-color:var(--green);height:4px;cursor:pointer}.generate-area{margin-top:31px}.generate-button{width:100%;height:56px;border:0;border-radius:8px;background:var(--green);color:white;font:700 14px 'DM Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 7px 17px rgba(22,163,106,.15)}.generate-button:hover{background:#0e925d;transform:translateY(-1px);box-shadow:0 9px 20px rgba(22,163,106,.2)}.generate-button:disabled{opacity:.72;cursor:wait;transform:none}.generate-icon{font-size:16px}.button-arrow{margin-left:auto;margin-right:20px;font-size:18px;font-weight:400}.generate-hint{text-align:center;margin:12px 0 0;color:#9aa29c;font-size:10px}.progress-panel,.result-panel{margin-top:22px;border:1px solid #e4ece6;background:#fbfdfb;border-radius:10px;padding:18px}.progress-copy{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#4b5850}.progress-copy strong{color:var(--green-dark)}.progress-track{height:6px;background:#e9efeb;border-radius:10px;overflow:hidden;margin-top:13px}.progress-bar{height:100%;width:0;background:var(--green);border-radius:10px;transition:width .35s}.progress-panel p{font-size:10px;color:#929a94;margin:9px 0 0}.result-topline{display:flex;align-items:center;gap:10px;margin-bottom:15px}.result-check{height:25px;width:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e4f6eb;color:var(--green);font-size:13px;font-weight:800}.result-topline div{display:flex;flex-direction:column;gap:3px}.result-topline strong{font-size:13px}.result-topline div span{font-size:10px;color:#8b958e}.mp3-tag{margin-left:auto;color:#168b5b;background:#e9f7f0;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1px}audio{width:100%;height:42px;margin:3px 0 13px}.download-button{height:43px;border:1px solid #b9dfc9;background:#f0faf4;color:#13794d;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;text-decoration:none;font-size:12px;font-weight:700;transition:.2s}.download-button:hover{background:#e5f7ed}.download-button span{font-size:18px}.error-box{margin-top:18px;padding:13px 15px;border:1px solid #f0d2d2;background:#fff8f8;border-radius:7px;color:#9d4141;font-size:12px;line-height:1.5}.hidden{display:none!important}.footer{display:flex;justify-content:space-between;gap:20px;padding:23px 2px 35px;color:#9da59f;font-size:9px;letter-spacing:.5px}.footer span:last-child{text-align:right;letter-spacing:0;font-size:10px}.footer-dot{color:var(--green);padding:0 4px}
@media(max-width:700px){.page-shell{padding:0 18px}.topbar{height:69px}.topbar-right{font-size:10px}.hero{padding:56px 0 30px}h1{letter-spacing:-2.4px}.hero-copy{font-size:13px}.workspace{padding:23px 18px 22px}.section-head h2{font-size:18px}.select-row{grid-template-columns:1fr;gap:13px}.voice-count{font-size:10px}.footer{flex-direction:column;gap:8px}.footer span:last-child{text-align:left}.textarea-footer{padding:0 12px}.textarea-footer span{font-size:10px}}