/* [INPUT]: index.html semantic components; [OUTPUT]: responsive visual system; [POS]: web presentation layer; [PROTOCOL]: 变更时更新此头部，然后检查 AGENTS.md */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--ink:#e8e7e2;--muted:#8d908b;--dim:#606560;--line:#292d2b;--panel:#151817;--bg:#0d0f0e;--acid:#c7ef65;--acid-dark:#92bd36;--warm:#f2eee5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,'Noto Sans SC',sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#aaa 0.5px,transparent .5px);background-size:5px 5px;mask-image:linear-gradient(to bottom,black,transparent 75%)}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw}.brand{display:flex;align-items:center;gap:10px;color:var(--warm);font-size:16px;font-weight:800;text-decoration:none;letter-spacing:-.03em}.brand em{color:var(--acid);font-style:normal}.brand-mark{font-size:29px;color:var(--acid);line-height:0;transform:rotate(25deg)}.top-meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 13px var(--acid)}.divider{height:13px;width:1px;background:var(--line);margin:0 8px}.mono,.section-label,label span{font-family:'DM Mono',monospace;letter-spacing:.06em}.shell{max-width:1260px;margin:auto;padding:76px 36px 70px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:58px}.eyebrow,.section-label{font:500 10px 'DM Mono',monospace;color:var(--acid);letter-spacing:.14em;margin:0 0 22px}.eyebrow span{color:var(--dim);margin-left:15px}.intro h1{font-size:clamp(42px,6vw,76px);line-height:1.07;letter-spacing:-.065em;margin:0;color:var(--warm);font-weight:800}.intro h1 i{color:var(--acid);font-style:normal}.lede{color:var(--muted);line-height:1.8;margin:25px 0 0;font-size:14px}.intro-note{display:flex;gap:13px;color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:4px}.intro-note strong{color:var(--ink);font-weight:500}.note-line{width:28px;height:1px;background:var(--acid);margin-top:8px}.workspace{display:grid;grid-template-columns:390px 1fr;gap:22px}.panel{background:rgba(21,24,23,.85);border:1px solid var(--line);border-radius:3px}.config-panel{padding:28px 28px 23px}.panel-head{display:flex;align-items:flex-start;gap:13px;position:relative}.panel-index{font:500 12px 'DM Mono';color:var(--acid);border:1px solid #496025;padding:4px 6px;margin-top:1px}.section-label{margin:2px 0 7px;color:var(--dim);font-size:9px}.panel h2{font-size:19px;letter-spacing:-.04em;margin:0;font-weight:700}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;background:#0e1110;padding:3px;margin:29px 0 25px}.mode{border:0;background:transparent;color:var(--muted);padding:10px 4px;font-size:13px}.mode.active{background:#242b25;color:var(--warm);box-shadow:inset 0 -2px var(--acid)}.field{margin:0 0 19px}.field label{display:flex;justify-content:space-between;color:#c4c8c2;font-size:12px;margin-bottom:8px}.field label span{font-size:8px;color:var(--dim)}input,select,textarea{background:#0e1110;border:1px solid var(--line);border-radius:2px;color:var(--ink);outline:0;transition:border .2s,box-shadow .2s}input,select{width:100%;height:40px;padding:0 12px;font-size:12px}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px;background-repeat:no-repeat}input:focus,select:focus,textarea:focus{border-color:var(--acid-dark);box-shadow:0 0 0 3px #c7ef6512}.voice-input{position:relative}.voice-input input{padding-right:55px}.voice-badge{position:absolute;right:10px;top:13px;color:var(--acid);font:9px 'DM Mono'}.hint{font-size:10px;color:var(--dim);margin:7px 0 0}.inline-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.upload{border:1px dashed #3f493a;color:var(--muted);display:flex;align-items:center;gap:10px;padding:12px;margin:2px 0 20px;cursor:pointer}.upload input{display:none}.upload-icon{font-size:22px;color:var(--acid)}.upload strong,.upload small{display:block;font-size:11px;font-weight:500}.upload small{font-size:9px;color:var(--dim);margin-top:3px}.advanced{border-top:1px solid var(--line);padding-top:17px;margin-top:10px}.advanced-head{display:flex;justify-content:space-between;color:#c4c8c2;font-size:12px}.advanced-head button,.text-button{border:0;background:none;color:var(--muted);font-size:11px}.advanced-head b{color:var(--acid);font-size:16px;margin-left:4px}.advanced-content{display:none;padding-top:19px}.advanced-content.open{display:block}.slider-row{margin-bottom:17px}.slider-row label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:8px}.slider-row output{font-family:'DM Mono';color:var(--acid)}input[type=range]{height:3px;padding:0;border:0;border-radius:4px;background:#394034;accent-color:var(--acid)}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:22px 0}.check input{display:none}.check span{width:14px;height:14px;border:1px solid #485044;position:relative}.check input:checked+span{background:var(--acid);border-color:var(--acid)}.check input:checked+span:after{content:'✓';color:#1b2410;position:absolute;font-size:11px;left:2px;top:-2px}.primary{width:100%;border:0;background:var(--acid);color:#10160b;height:49px;font-size:13px;font-weight:800;display:flex;justify-content:space-between;align-items:center;padding:0 17px;margin-top:11px;transition:background .2s,transform .2s}.primary:hover{background:#dcff86;transform:translateY(-1px)}.button-arrow{font-size:19px}.privacy{text-align:center;color:var(--dim);font-size:9px;margin:14px 0 0}.main-column{display:flex;flex-direction:column;gap:22px}.text-panel{padding:28px}.counter,.result-state{margin-left:auto;font:10px 'DM Mono';color:var(--dim);padding-top:4px}.text-panel textarea{width:100%;height:170px;resize:vertical;margin-top:25px;padding:17px;line-height:1.9;font-size:14px}.text-footer{display:flex;justify-content:space-between;color:var(--dim);font:9px 'DM Mono';margin-top:12px}.result-panel{padding:28px;min-height:270px}.result-state{color:var(--acid)}.empty-result{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.empty-result p{font-size:13px;margin:18px 0 5px}.empty-result small{color:var(--dim);font-size:10px}.wave{height:38px;display:flex;align-items:center;gap:4px}.wave i{display:block;width:3px;height:12px;background:#454a43;border-radius:5px}.wave i:nth-child(2n){height:24px}.wave i:nth-child(3n){height:33px}.wave i:nth-child(5n){height:18px}.audio-result{padding-top:28px}.audio-top{display:flex;align-items:center;gap:13px}.play{width:43px;height:43px;border-radius:50%;border:0;background:var(--acid);color:#10160b;font-size:15px;padding-left:4px}.audio-info{display:flex;flex-direction:column;gap:6px}.audio-info strong{font-size:13px}.audio-info span{font:10px 'DM Mono';color:var(--muted)}.download{margin-left:auto;color:var(--acid);font:10px 'DM Mono';text-decoration:none}.timeline{display:flex;align-items:center;gap:10px;margin:26px 0 18px;color:var(--muted);font:10px 'DM Mono'}.progress{height:3px;background:#333932;flex:1;position:relative}.progress span{display:block;width:0;height:100%;background:var(--acid)}.duration{color:var(--dim)}.active-wave{height:40px;justify-content:space-around}.active-wave i{width:3px;background:#63734a}.active-wave i:nth-child(2n){height:20px}.active-wave i:nth-child(3n){height:31px}.active-wave i:nth-child(4n){height:12px}.history-wrap{padding:0 3px}.history-title{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:0 7px 12px;border-bottom:1px solid var(--line)}.history{color:var(--dim);font-size:11px}.history-item{display:flex;align-items:center;gap:12px;padding:14px 8px;border-bottom:1px solid #202421}.history-item .mini-play{border:1px solid #42483f;background:none;color:var(--acid);border-radius:50%;width:27px;height:27px}.history-item strong{font-weight:500;color:#afb3ad}.history-item small{margin-left:auto;color:var(--dim);font:9px 'DM Mono'}.hidden{display:none!important}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--warm);color:#111;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.shell{padding:46px 18px}.intro{align-items:flex-start;gap:25px;flex-direction:column;margin-bottom:36px}.intro-note{display:none}.workspace{grid-template-columns:1fr}.config-panel{order:2}.topbar{padding:0 18px}.top-meta .mono,.divider{display:none}}