:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#303127;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 22%,#fcfcfa55,transparent 40%),radial-gradient(ellipse at 75% 70%,#fafaf955,transparent 42%);min-height:100vh}button,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #c88d61;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.topbar{height:66px;padding:18px 20px;position:relative;z-index:3}.mode-picker{display:inline-block;position:relative}#mode-button{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:18px;padding:0}#mode-menu{position:absolute;top:37px;left:-12px;min-width:330px;padding:7px;border:1px solid #eeeeea;border-radius:12px;background:#fff;box-shadow:0 8px 30px #30312715}#mode-menu button{position:relative;display:block;width:100%;text-align:left;border:0;background:none;border-radius:7px;padding:12px 36px 12px 14px}#mode-menu button:hover,#mode-menu button.selected{background:#f1f1ee}#mode-menu span{font-size:19px;display:block}#mode-menu small{font-size:14px;color:#94958f;display:block;margin-top:7px}.check{position:absolute;right:15px;top:25px;display:none}#mode-menu .selected .check{display:block}main{max-width:1140px;margin:86px auto 70px;padding:0 20px}.heading{text-align:center;margin:0 0 29px}.heading h1{font-size:40px;font-weight:600;letter-spacing:-1.5px;margin:0 0 15px;line-height:1.2}.brand{font-size:44px;font-weight:650;letter-spacing:-2px}.heading p{font-size:17px;margin:0;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,700fr) minmax(0,390fr);gap:18px;align-items:stretch}.card{border:1px solid #eeeeea;border-radius:14px;background:#ffffffa8}.input-card{padding:28px;box-shadow:0 2px 3px #30312708}.field-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 11px;font-size:16px}.field-heading label span{color:#ed6754;padding-left:2px}.assist{border:0;background:none;padding:0;color:#96988e;font-size:15px}.assist:hover{color:#303127}.assist:disabled{color:#c7c8c1}.textarea-box{position:relative;background:#fafaf8;border-radius:10px;overflow:hidden}textarea{display:block;border:0;outline:none;background:transparent;width:100%;resize:none;padding:16px 14px;color:#303127;font-size:16px;line-height:1.7}textarea::placeholder{color:#979991}.description-box{height:190px}.description-box textarea{height:126px;padding-bottom:6px}.examples{position:absolute;bottom:10px;left:14px}.examples>span{display:block;font-size:13px;margin-bottom:7px}.chips{display:flex;gap:6px}.chips button{background:#fff;border:1px solid #eeeeea;border-radius:9px;padding:5px 13px;font-size:14px;white-space:nowrap}.chips button:hover{border-color:#bfc0b8;background:#f7f7f4}.field-tools{position:absolute;right:13px;bottom:12px;display:flex;align-items:center;gap:10px;color:#868981;font-size:15px}.clear{border:0;background:none;color:#868981;padding:0 1px;font-size:22px;line-height:1}.text-section{margin-top:25px}.text-box{height:190px}.text-box textarea{height:155px}.result-card{padding:30px 27px 27px;display:flex;flex-direction:column;min-height:490px}.result-card h2{font-size:16px;font-weight:400;margin:4px 0 0}#result-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px 0 24px;min-height:310px;width:100%}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:40px;margin:3px 0 58px;width:100%}.waveform i{width:4px;height:7px;border-radius:8px;background:#7c6958}.waveform i:nth-child(n+8):nth-child(-n+23){background:#ca946a}.waveform i:nth-child(n+13):nth-child(-n+19){background:#e0a06c}.waveform.loading i{animation:pulse 1s ease-in-out infinite;animation-delay:calc(var(--i)*35ms)}.waveform.playing i{animation:pulse .7s ease-in-out infinite;animation-delay:calc(var(--i)*24ms)}@keyframes pulse{50%{height:26px;opacity:.65}}#empty-state{text-align:center}#empty-state h3{font-size:16px;font-weight:400;margin:0 0 15px}#empty-state p{font-size:14px;color:#96988f;margin:0}#audio-result{width:100%}audio{width:100%;height:40px}.result-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:13px;color:#96988f}.result-meta a{color:#6f5945;text-decoration:none;padding:5px 0}.result-footer{border-top:1px solid #eeeeea;padding-top:26px}#synthesize{border:0;width:100%;border-radius:6px;background:#303127;color:#fff;height:36px;font-size:16px}#synthesize:disabled{background:#81817d}#synthesize:not(:disabled):hover{background:#47483c}#cancel{margin-top:10px;border:0;background:none;width:100%;color:#8b8d84;font-size:14px}#status{margin:0 0 12px;min-height:0;font-size:13px;line-height:1.6;color:#8b8d84;overflow-wrap:anywhere}#status:empty{display:none}#status.error{color:#b84c3e}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-tile{height:166px;border:1px dashed #e8e8e1;border-radius:10px;background:none;padding:20px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.upload-tile:hover,.upload-tile.drag-over{border-color:#b99b80;background:#fcfaf7}.icon-circle{width:47px;height:39px;display:flex;align-items:center;justify-content:center;border:1px solid #eeeeea;border-radius:50%;background:#fff}.upload-tile strong{font-weight:400;font-size:16px;margin-top:2px}.upload-tile small{font-size:13px;color:#96988f;line-height:1.5;text-align:center}.upload-note{font-size:11px;color:#aaa99f;margin:9px 0 -6px}.recording{border-color:#dba089!important;background:#fcf6f1}.recording .icon-circle{color:#c76845}.reference-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:14px}.reference-meta strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-meta span{color:#96988f;white-space:nowrap}#reference-preview{padding:20px 16px;background:#fafaf8;border-radius:10px;min-height:166px}.reference-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:13px}.reference-actions button{border:0;background:none;font-size:13px;color:#868981}body.clone main{margin-top:65px}body.clone .text-box{height:223px}body.clone .text-box textarea{height:185px}@media(min-width:1600px){main{max-width:1450px;margin-top:165px}.heading h1{font-size:46px}.brand{font-size:49px}.heading p{font-size:20px}.heading{margin-bottom:34px}.input-card{padding:34px}.field-heading{font-size:20px;margin-bottom:14px}.description-box,.text-box{height:245px}.description-box textarea{height:175px}.text-box textarea{height:200px}textarea{font-size:19px;padding:18px}.examples{left:18px;bottom:13px}.examples>span{font-size:16px}.chips button{font-size:17px;padding:6px 18px}.field-tools{font-size:18px;bottom:16px}.text-section{margin-top:31px}.result-card{padding:36px 34px 34px}.result-card h2{font-size:20px}#empty-state h3{font-size:20px}#empty-state p{font-size:17px}.waveform{gap:5px}.waveform i{width:5px;height:9px}.waveform{margin-bottom:74px}#synthesize{height:45px;font-size:20px}.result-footer{padding-top:32px}.upload-tile{height:205px}.upload-tile strong{font-size:20px}.upload-tile small{font-size:16px}body.clone main{margin-top:85px}body.clone .text-box{height:292px}body.clone .text-box textarea{height:245px}}@media(max-width:800px){main,body.clone main{margin:45px auto 35px;padding:0 18px}.topbar{padding:19px 18px}.heading h1{font-size:29px;letter-spacing:-1px}.brand{font-size:34px}.heading p{font-size:14px;max-width:410px;margin:auto}.heading{margin-bottom:24px}.workspace{grid-template-columns:1fr;gap:16px}.input-card{padding:21px}.result-card{min-height:340px;padding:24px 22px}.waveform{margin-bottom:35px}#result-content{min-height:215px;padding:25px 0}.result-footer{padding-top:20px}.description-box{height:212px}.description-box textarea{height:136px}.chips{gap:5px}.chips button{font-size:12px;padding:5px 8px}.field-tools{font-size:12px}.examples{bottom:15px}.description-box .field-tools{bottom:57px}.upload-options{gap:10px}.upload-tile{height:165px}.upload-tile small{font-size:11px}}@media(max-width:400px){.upload-options{grid-template-columns:1fr}.upload-tile{height:130px;gap:8px}.heading h1{font-size:26px}.chips button{padding:5px 6px}.input-card{padding:16px}.field-heading{font-size:15px}}

.member-tools{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:13px}.member-tools button,dialog button{border:1px solid #ddd;border-radius:8px;padding:8px 14px;background:#fff;cursor:pointer}.member-tools a,dialog a{color:#62645d}.price-note{font-size:12px;color:#777;text-align:center}dialog{border:1px solid #e8e8e3;border-radius:16px;padding:26px;width:min(420px,90vw);box-shadow:0 20px 70px #0002}dialog::backdrop{background:#0005}dialog label{display:block;margin:16px 0}dialog input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #ddd;border-radius:6px}#member-close{float:right}#recharge-options{display:flex;gap:8px;flex-wrap:wrap}#recharge-qr{display:block;width:210px;height:210px;margin:12px auto}#member-message{font-size:13px;color:#777}.member-tools button:hover,dialog button:hover{background:#f5f5f0}@media(max-width:650px){.topbar{flex-wrap:wrap;gap:12px}.member-tools{margin-left:0;font-size:12px;gap:10px}}
