:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e9eef5;background:#0c121c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:76px;border-bottom:1px solid #263143;padding:0 5%;display:flex;align-items:center;justify-content:space-between}header>span,.eyebrow,.section-label{font-size:12px;letter-spacing:.14em;color:#99a9be}.brand{font-size:15px;font-weight:750;letter-spacing:.08em;color:#e9eef5;text-decoration:none}main{max-width:1400px;margin:auto;padding:40px 5%}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{font-size:clamp(32px,4vw,52px);margin:10px 0;font-weight:650;letter-spacing:-.05em}h1 span{color:#b9f56a}.privacy{font-size:14px;line-height:1.8;color:#b7c6d6;border-left:2px solid #b9f56a;padding-left:18px}.workspace{display:grid;grid-template-columns:310px 1fr;gap:22px}.panel{border:1px solid #2a3649;background:#131d2b;border-radius:14px;padding:24px;min-width:0}.section-label{display:flex;justify-content:space-between;margin-bottom:24px;line-height:1.6}#count{color:#b9f56a;letter-spacing:0}.drop{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px dashed #526278;background:#182536;padding:24px 14px;border-radius:10px;position:relative;cursor:pointer;text-align:center}.drop:hover,.drop.over{border-color:#b9f56a}.drop:focus-within{outline:2px solid #b9f56a}.upload-icon{font-size:30px;color:#b9f56a}.drop strong{font-size:17px}.drop span:not(.upload-icon){font-size:14px;color:#b9c6d7}.drop small{font-size:12px;line-height:1.7;color:#9cacc0}.drop input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#sourceInfo{margin:18px 0 10px;font-size:14px;overflow-wrap:anywhere}audio{width:100%;height:36px;margin-bottom:18px}button{background:#b9f56a;border:0;border-radius:7px;color:#15220a;font:600 14px inherit;font-family:inherit;font-size:14px;font-weight:650;min-height:46px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible{outline:3px solid white;outline-offset:3px}#convert{width:100%;display:flex;justify-content:space-between}.secondary{background:#26364c;color:#e9eef5}progress{width:100%;height:5px;accent-color:#b9f56a;margin-top:18px}#status{font-size:14px;line-height:1.5;color:#c0cede}.note{font-size:13px;line-height:1.7;color:#95a6bc;border-top:1px solid #2a3649;padding-top:16px}.roll{height:290px;background:#0e1723;border:1px solid #2a3649;border-radius:8px;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block}#empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#c0cddd;font-size:20px;pointer-events:none}#empty small{font-size:13px;color:#8a9bb3;margin-top:12px}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.controls label{font-size:14px;color:#d7e2ef;line-height:1.6}.controls output{display:block;color:#b9f56a;font-size:18px;margin-top:6px}.controls input{display:block;width:100%;height:36px;accent-color:#b9f56a;cursor:pointer}.controls small{display:block;font-size:12px;color:#9bacc1}.result-footer{border-top:1px solid #2a3649;padding-top:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.result-footer>span{font-size:12px;color:#a2b2c5;margin-right:auto}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8fa2ba;line-height:1.7;margin-top:24px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.title{align-items:flex-start;flex-direction:column}.privacy{margin-top:12px}.drop{padding:18px}.roll{height:240px}}@media(max-width:550px){header>span{display:none}main{padding:24px 16px}.panel{padding:18px}.controls{grid-template-columns:1fr;gap:12px}.controls output{float:right;margin:0}.result-footer button{flex:1}.result-footer>span{width:100%}footer{flex-direction:column;gap:4px}#empty{font-size:17px}#empty small{font-size:12px}}

.download{display:inline-flex;align-items:center;text-decoration:none;background:#b9f56a;border-radius:7px;color:#15220a;font-size:14px;font-weight:650;min-height:46px;padding:12px 18px;cursor:pointer}.download[aria-disabled="true"]{opacity:.35;pointer-events:none}.download:focus-visible{outline:3px solid white;outline-offset:3px}