:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#302c32;background:#f6f5f6;font-size:16px;--pink:#ec5078;--line:#e7e3e8}*{box-sizing:border-box}body{margin:0}header{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3%}.brand{display:flex;gap:14px;align-items:center;font-size:26px}.brand>span{font-size:14px;color:#8b858e;border-left:1px solid var(--line);padding-left:15px}main{max-width:1600px;margin:auto;padding:30px 3%}button,.button{font:inherit;font-size:14px;border:1px solid #dcd6df;background:white;color:inherit;padding:11px 16px;border-radius:7px;cursor:pointer;display:inline-block;text-align:center}button:hover,.button:hover{border-color:var(--pink)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#302a34;color:white;border-color:#302a34}input,textarea,select{font:inherit;border:1px solid #dbd5de;border-radius:7px;padding:12px;background:white;color:inherit;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #ec507880;outline-offset:2px}small,.muted{font-size:14px;color:#8b858e;line-height:1.6}.toolbar,.actions,.heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar small{display:block;margin-top:6px}.toolbar strong{font-size:19px}.actions{justify-content:flex-start;flex-wrap:wrap}#status{font-size:14px;min-height:24px;color:#786776}#status.error{color:#b52048}.wave{background:#2a2530;color:#ded6e1;border-radius:13px;padding:26px 28px;margin:12px 0 26px}.wavehead{display:flex;justify-content:space-between;color:#aaa1b0;font-size:14px}#canvasBox{position:relative;height:165px;margin:18px 0}canvas{width:100%;height:100%;touch-action:none}#empty{position:absolute;inset:0;display:grid;place-items:center;color:#aaa1b0;pointer-events:none}#selection{font-size:14px;color:#b8abbf}.wave label{font-size:14px;color:#bfb4c7}.wave input{display:block;background:#3c3442;color:white;border-color:#605269;width:144px;margin-top:6px}.wave button{background:#3c3442;color:#e1d7e6;border-color:#605269}.listen{margin:15px 0}.wave audio{width:100%;height:38px;margin-top:7px;color-scheme:dark}.columns{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.cardhead{padding:25px 28px 22px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--pink);font-size:14px;font-weight:700;letter-spacing:2px;margin:0 0 12px}h2{font-size:23px;margin:0 0 8px;line-height:1.5}h2 small{font-weight:400;margin-left:8px}.segments{min-height:280px;max-height:560px;overflow:auto}.sentence{display:flex;gap:18px;padding:25px 27px;border-left:4px solid transparent;cursor:pointer;line-height:1.8}.sentence:hover{background:#faf7f9}.sentence.selected{background:#fdf0f4;border-left-color:var(--pink)}.sentence time{color:#9d939f;font-size:14px;min-width:45px}.sentence p{margin:0}.sentence small{font-size:13px;display:block;margin-top:8px}.cardfoot{padding:20px 26px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;font-size:13px;color:#8b858e}.placeholder{color:#9b919f;padding:25px;line-height:1.8}.edit{padding:25px 28px}.edit>label{display:block;margin:20px 0 10px;font-size:14px;color:#8b858e}details{padding:16px;background:#f9f7f9;border:1px solid var(--line);border-radius:7px;font-size:14px}details p{line-height:1.8}.edit textarea{height:150px;resize:vertical;line-height:1.8}.fields{display:flex;gap:16px;margin:20px 0}.fields label{width:50%;font-size:14px;color:#8b858e}.fields select{margin-top:9px;color:#4f4555}.full{width:100%;margin:8px 0}.edit>small{display:block;font-size:13px;margin:8px 0 16px}.edit audio{width:100%;margin-bottom:12px}.import{border-top:1px solid var(--line);padding-top:20px;margin-top:15px;display:flex;gap:12px;align-items:center;font-size:14px;color:#8b858e}footer{display:flex;justify-content:space-between;font-size:13px;color:#a098a5;padding:24px 0}dialog{border:1px solid var(--line);border-radius:14px;width:min(480px,90vw);padding:28px}dialog::backdrop{background:#211a2670}dialog input{display:block;margin:10px 0 18px}dialog button{display:block;margin-top:22px;width:100%}dialog p{line-height:1.7}a{color:#b32d59}#preview[hidden]{display:none}@media(max-width:850px){.columns{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.wave{padding:20px 16px}.cardhead,.edit{padding:22px}.brand>span{display:none}main{padding:20px 4%}.fields{flex-direction:column}.fields label{width:100%}.toolbar .actions{gap:8px}.toolbar button,.toolbar .button{padding:10px}footer span{display:none}}

#recognitionStatus{font-size:14px;line-height:1.6;margin:12px 0 0;color:#786776}#recognitionStatus.error,#configNotice{color:#b52048}#configNotice{font-size:14px;background:#fdf0f4;padding:12px;border-radius:7px}

#generationStatus{font-size:14px;line-height:1.7;overflow-wrap:anywhere}#generationStatus.error{color:#b52048}

[hidden]{display:none!important}.edit input[type="checkbox"]{width:auto;display:inline-block;margin-right:8px;accent-color:var(--pink)}