:root{color-scheme:dark;--bg:#101315;--surface:#1a1f22;--line:#343c3e;--muted:#a4b0af;--green:#c4ed8c;--text:#eef2ed}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#223026 0,transparent 55%),var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;line-height:1.6}main{max-width:1240px;margin:auto;padding:48px 32px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--green);margin:0}h1{font-size:34px;font-weight:600;margin:8px 0}h2{font-size:19px;font-weight:600;margin:0 0 25px}.muted,.hint,label span{color:var(--muted)}header .muted{margin:0}.badge{border:1px solid #4b6040;padding:7px 14px;border-radius:30px;color:var(--green);font-size:13px}.status{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:24px;background:#171d19}.status>div{flex:1}.status p{color:var(--muted);font-size:13px;margin:4px 0 0;overflow-wrap:anywhere}.dot{width:10px;height:10px;border-radius:50%;background:#d8b66b;flex-shrink:0}.dot.ready{background:var(--green)}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;min-width:0}label{display:block;font-size:14px;margin-bottom:9px}label span{display:block;font-size:12px;margin-top:3px}textarea,input{background:#111719;color:var(--text);border:1px solid #424b4c;border-radius:9px;font:inherit;padding:12px;width:100%;outline:none}textarea{resize:vertical;font-size:14px;line-height:1.8}textarea:focus,input:focus{border-color:var(--green);box-shadow:0 0 0 2px #c4ed8c20}button,a.download{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:9px 15px;background:#242b2c;color:var(--text);font:inherit;font-size:13px;text-decoration:none}button:hover,a.download:hover{border-color:var(--green)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--green);color:#172111;width:100%;font-weight:700;font-size:15px;padding:14px;margin-top:10px;border:0}.secondary{background:transparent}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}.presets button{font-size:12px;padding:5px 11px}.controls{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:14px}.hint{font-size:12px;margin:15px 0}.message{font-size:13px;overflow-wrap:anywhere}.message.error{color:#ffab9e}.section-title{display:flex;justify-content:space-between;gap:12px}.section-title .muted{font-size:12px}.empty{color:var(--muted);text-align:center;padding:70px 8px}.sound{border-top:1px solid var(--line);padding:18px 0}.sound:first-child{padding-top:0;border:0}.sound p{font-size:13px;margin:0 0 10px;overflow-wrap:anywhere}.sound .meta{font-size:11px;color:var(--muted)}audio{width:100%;height:36px;margin:6px 0 15px}.sound-actions{display:flex;gap:8px;align-items:center}.sound-actions button,.sound-actions a{font-size:12px;padding:6px 12px}#history{max-height:650px;overflow:auto}footer{font-size:12px;color:var(--muted);margin:28px 0}a{color:var(--green)}@media(max-width:850px){main{padding:25px 16px}.workspace{grid-template-columns:1fr}header{align-items:flex-start}.badge{display:none}h1{font-size:28px}.panel{padding:20px}.controls{gap:8px}.status{padding:15px;gap:10px}}@media(prefers-reduced-motion:no-preference){button{transition:opacity .15s,border-color .15s}}