:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#272237;background:#f3f1f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1150px;margin:auto;padding:32px 40px}header{display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:#302443;font-size:19px;font-weight:700;letter-spacing:.02em}.badge{font-size:12px;border:1px solid #dcd5e6;border-radius:24px;padding:7px 12px;color:#716382}.intro{padding:62px 0 36px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#867198;font-weight:700}h1{font-size:40px;letter-spacing:-.04em;margin:12px 0 16px;font-weight:650}.intro>p:last-child{color:#766f81;font-size:15px;line-height:1.8}.grid{display:grid;grid-template-columns:1fr 1.06fr;gap:24px}.card{background:#fff;border:1px solid #e6e0ec;border-radius:20px;padding:28px;min-width:0;box-shadow:0 10px 30px #30204004}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:28px}.step{font-size:12px;color:#8a7a9d;background:#f3eef8;border-radius:8px;padding:8px}h2{font-size:17px;margin:0;font-weight:600}label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}input{width:100%;min-width:0;padding:15px 13px;border:1px solid #d8d1e1;border-radius:10px;background:#fcfbfd;color:#41384d;font-size:14px;outline:none}input:focus{border-color:#8f6ab2;box-shadow:0 0 0 3px #a681c31a}.hint{font-size:12px;line-height:1.7;color:#8a8193}button{cursor:pointer;background:#765494;color:#fff;border:0;border-radius:10px;padding:14px 17px;font-size:14px;font-family:inherit;font-weight:600}button:hover{background:#644480}button:focus-visible{outline:3px solid #b49bcc;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}form button{width:100%;display:flex;justify-content:space-between;margin-top:22px}.status{border-bottom:1px solid #eee8f2;padding:20px 0 23px;font-size:13px;color:#887795;line-height:1.8;overflow-wrap:anywhere}.status.error{color:#9b4052}.notice{margin-top:25px;padding:15px;background:#f8f6fa;border-radius:10px;color:#80728d;font-size:12px;line-height:1.8}.notice strong{font-weight:600;color:#62556e}.notice p{margin:7px 0 0}#empty{text-align:center;padding:7px 20px 35px;color:#91869e}#empty h3{font-size:18px;font-weight:500;color:#6c5d7c;margin:24px 0 10px}#empty p{font-size:13px;line-height:1.9;max-width:260px;margin:auto}.disc{border-radius:50%;width:115px;height:115px;display:grid;place-items:center;margin:10px auto 0;background:repeating-radial-gradient(circle,#c5b7d6 0px,#c5b7d6 2px,#c9bdd8 3px,#c9bdd8 5px);box-shadow:12px 12px 0 #f4f0f8}.disc span{display:grid;place-items:center;width:35px;height:35px;background:#f1edf6;color:#816594;border-radius:50%;font-size:20px}#title{font-size:25px;line-height:1.4;margin:8px 0 18px;overflow-wrap:anywhere}audio{width:100%;height:40px}.stats{display:flex;gap:40px;margin:25px 0}.stats span{display:block;font-size:11px;color:#9a8fa5;margin-bottom:6px}.stats strong{font-size:14px;font-weight:500}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 inherit;color:#786985;background:#f8f6fa;border-radius:10px;padding:14px;max-height:180px;overflow:auto}.actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{color:#75578c;background:#f0eaf5}.secondary:hover{background:#e9dff2}footer{padding:30px 2px;color:#a398ae;font-size:11px;display:flex;justify-content:space-between;gap:20px}#large{color:#90664a;background:#fff7ee;margin:0 0 18px}[hidden]{display:none!important}@media(max-width:760px){main{padding:24px 20px}.intro{padding:40px 0 25px}h1{font-size:30px}.grid{grid-template-columns:1fr}.card{padding:22px}footer{flex-direction:column;gap:9px}.actions button{flex:1}.badge{font-size:10px}}
select{width:100%;padding:12px;border:1px solid #d8d1e1;border-radius:9px;background:#fcfbfd;color:#655272;font:13px inherit}form .secondary{margin-top:10px;justify-content:center}#progress-area{margin-top:25px}.progress-heading{display:flex;flex-direction:column;gap:7px}.progress-heading strong{font-size:13px;color:#765494}.progress-heading small{font-size:11px;color:#8a7a98}progress{appearance:none;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;margin:14px 0 10px;accent-color:#8766a4}progress::-webkit-progress-bar{background:#eee8f3;border-radius:10px}progress::-webkit-progress-value{background:#9673b5;border-radius:10px}progress:indeterminate{background:linear-gradient(90deg,#eee8f3 10%,#ad91c4 50%,#eee8f3 90%);background-size:200% 100%;animation:pending 1.6s linear infinite}#stages{display:flex;list-style:none;padding:0;margin:0;justify-content:space-between;font-size:11px;color:#b3a7bc}#stages .current{color:#755193;font-weight:700}#stages .done{color:#8f7a9e}.segment-panel{padding:16px;background:#f5f0f9;border-radius:12px}.segment-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.segment-nav div{text-align:center}.segment-nav strong{font-size:14px}.segment-nav small{display:block;font-size:10px;color:#9a8aa7;margin-top:5px}.segment-nav button{padding:8px 12px}.segment-panel .actions button{flex:1}#download-all{width:100%;margin-top:10px}details{margin-top:18px}summary{cursor:pointer;font-size:12px;color:#9782a8}details .actions{margin-top:13px}.notice a{color:inherit}@keyframes pending{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){progress:indeterminate{animation:none}}
.grid{align-items:start}.range-panel{padding:18px;background:#f8f5fb;border-radius:12px}.range-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.range-fields input[type=number]{background:#fff}.range-fields input[type=range]{padding:0;border:0;box-shadow:none;accent-color:#8b6aa7;height:20px;margin-top:12px}.text-button{background:none;color:#927aa6;font-size:11px;padding:3px 0;font-weight:400}.text-button:hover{background:none;color:#684785}#range-message.error{color:#a14355}#preview-clip{width:100%;margin-top:3px}#export-clip{width:100%;margin-top:6px}.export-panel{border-top:1px solid #e8e1ef;margin-top:28px;padding-top:25px}.export-panel>.section-title{margin-bottom:18px}#export-range{font-size:14px;color:#705385}.primary-exports{margin-top:18px}.primary-exports button{flex:1;white-space:nowrap;font-size:12px}.export-panel .segment-panel{margin-top:15px}.export-panel audio{margin-top:8px}.range-fields label{font-size:12px}@media(max-width:450px){.range-fields{gap:12px}.range-panel{padding:14px}.primary-exports button{flex-basis:100%}}
.source-info{margin:0 0 22px;padding:15px 16px;border:1px solid #e5d6bb;border-radius:12px;background:#fbf7ef;color:#67563c;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.source-info strong{display:block;font-size:14px;font-weight:650;color:#664e2e}.source-info p{margin:7px 0 0}.source-info .source-lyrics{padding-top:9px;border-top:1px solid #e8ddca}.source-info[data-status=unknown],.source-info[data-status=verified_duration]{background:#f7f3fa;border-color:#e3dbe9;color:#695a77}.source-info[data-status=unknown] strong,.source-info[data-status=verified_duration] strong{color:#665074}

/* New editor controls inherit the original purple two-column site. */
#title{font-size:14px;line-height:1.4;margin:0}
.hero{padding:62px 0 36px}.eyebrow{margin:0}.tag{font-size:12px;border:1px solid #dcd5e6;border-radius:24px;padding:7px 12px;color:#716382}.brand b{color:inherit}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.tab{background:#f0eaf5;color:#75578c}.tab[aria-selected=true]{background:#765494;color:white}.status{margin:0 0 22px;padding:15px 0;border-top:1px solid #e6e0ec}.progressbox{display:flex;align-items:center;gap:15px;margin-bottom:22px}.progressbox>div{flex:1}.progressbox button{padding:10px 15px}#progress-label{font-size:12px;color:#765494}.drop{display:block;padding:19px 15px;background:#f8f6fa;border:1px dashed #d8cde2;border-radius:10px;margin-top:24px;text-align:center;cursor:pointer}.drop p{font-size:12px;color:#8a8193;line-height:1.8}.drop strong{font-size:14px;color:#705584}.drop .symbol{display:block;font-size:24px;color:#987bad;margin-bottom:6px}.drop small{font-size:11px;color:#94859e}.file-label input{margin:12px 0;background:#fff;font-size:11px}input[type=file]{font-size:11px;padding:9px;max-width:100%}input::file-selector-button{border:0;background:#eee7f4;color:#75578c;border-radius:5px;padding:6px;margin-right:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label{margin-top:14px;font-size:12px}.fields input{padding:12px}.fields>div{min-width:0}textarea{font:13px/1.8 'Segoe UI','Microsoft YaHei',sans-serif;width:100%;max-width:100%;min-width:0;padding:13px;border:1px solid #d8d1e1;border-radius:10px;color:#655272;background:#fcfbfd;resize:vertical}textarea:focus{outline:2px solid #af95c5;outline-offset:2px}.card>label{margin-top:20px}.plain{font-size:11px;background:none;padding:6px 0;color:#927aa6}.plain:hover{background:none;color:#684785}.full{width:100%;margin-top:10px}.primary{background:#765494;color:white}.sourcebutton{width:100%}.box{padding:15px;background:#f8f6fa;border-radius:10px;margin-top:18px;overflow-wrap:anywhere}.box p{font-size:12px;color:#7e6c8b}.box small,.stamp{font-size:11px;color:#9683a3}.line{border-top:1px solid #eee8f2;margin:20px 0}.hint{margin-top:12px}.stats{font-size:12px;color:#897795;margin:18px 0;gap:20px;justify-content:space-between}.export-panel{padding:24px 0 0;background:none;border-radius:0;box-shadow:none}.export-panel h2{font-size:17px}.cover-summary{display:flex;align-items:center;gap:16px;margin-bottom:18px}.cover{flex:0 0 64px;width:64px;height:64px;border-radius:10px;background:#eee7f4;position:relative;display:grid;place-items:center;overflow:hidden}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.fallback{font-size:30px;color:#aa94ba}.track{font-size:19px;font-weight:600;margin:6px 0;color:#705385}.cover-summary small{font-size:12px;color:#9686a4}.result .actions{margin-top:14px}.actions button{font-size:12px}.size{font-size:24px;font-weight:600;color:#765494;margin:16px 0 4px}.code-stats{font-size:12px;color:#8a8193;line-height:1.8}.timelines{max-height:300px;overflow:auto}.timeline-row{display:grid;grid-template-columns:85px 1fr;gap:8px;margin-top:8px}.timeline-row input{padding:8px}.small{font-size:11px;padding:9px 12px}.compact{margin-top:8px}.data-code{font:11px/1.7 monospace;min-height:180px;word-break:break-all}#part-select{margin-top:12px}#image-preview{max-width:100%;max-height:320px;object-fit:contain;border-radius:10px;background:#f3eef8}#decoded-media img{max-width:100%;max-height:300px;object-fit:contain}.disclaimer{border-top:1px solid #e6dfed;margin-top:28px;padding-top:18px}.disclaimer p{font-size:12px;color:#8a8193;line-height:1.8}.disclaimer a{color:#765494}.source-info{margin-top:18px}.intro p{color:#766f81;font-size:15px;line-height:1.8}button:disabled{cursor:not-allowed}#audio-output>audio{margin-top:12px}.status.error{color:#9b4052}#audio-panel>.card:first-child>h2{margin-bottom:28px}@media(max-width:760px){.hero{padding:40px 0 25px}.tag{font-size:10px}.fields{gap:12px}.export-panel{padding-top:23px}textarea{font-size:12px}.tabs button{padding:10px 12px;font-size:12px}.stats{font-size:11px}.cover-summary{gap:12px}}