:root{font-family:system-ui,sans-serif;color:#182943;background:#f3f7fc}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #dae3ee;padding:20px max(24px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{font-weight:800;font-size:24px;color:#1256bc}.brand span{color:#172944}.badge{background:#eef4ff;color:#235591;padding:6px 12px;border-radius:20px;font-size:14px}main{max-width:1080px;margin:auto;padding:38px 22px}h1{font-size:clamp(30px,5vw,43px);letter-spacing:-1px;margin:0 0 12px}p{font-size:16px;line-height:1.7;color:#516077}.intro{margin:0 0 24px}.card{background:white;border:1px solid #dce5f0;border-radius:18px;padding:26px;box-shadow:0 12px 35px #16376508}.upload{border:2px dashed #a4bde0;background:#f7faff;border-radius:12px;padding:23px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.upload strong{display:block;font-size:18px;margin-bottom:6px}.sub{font-size:14px;color:#556780}.actions{display:flex;gap:12px;flex-wrap:wrap}button,.choose{border:0;border-radius:9px;padding:12px 18px;background:#155bcc;color:white;font:600 16px system-ui;cursor:pointer;display:inline-block}button.secondary{background:#eaf1fa;color:#254569}button:disabled{opacity:.45;cursor:not-allowed}button:hover:enabled,.choose:hover{filter:brightness(.94)}button:focus-visible,input:focus-visible,.choose:focus-within{outline:3px solid #4b98ff;outline-offset:3px}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}#status{min-height:28px;margin:16px 0;font-size:16px;color:#42566e}#status.error{color:#a32828}.wave{position:relative;border-radius:12px;background:#eef4fd;overflow:hidden}canvas{width:100%;height:150px;display:block}.timeline{display:flex;justify-content:space-between;font-size:14px;color:#607089;margin:8px 0 22px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field label{font-weight:600;display:block;margin:0 0 9px}.row{display:flex;gap:12px;align-items:center}.row input[type=range]{width:100%;accent-color:#155bcc}.row input[type=number]{width:110px;border:1px solid #bacbdd;border-radius:8px;font:16px system-ui;padding:10px}small{display:block;font-size:14px;color:#607089;margin-top:6px}.summary{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:25px;border-top:1px solid #e4eaf1;padding-top:24px}.length{font-size:26px;font-weight:750}.length span{font-size:14px;font-weight:400;display:block;color:#617189;margin-bottom:5px}.export{margin-top:18px;background:#edf7f4;border:1px solid #c6e3d8;padding:14px;border-radius:9px}.export a{color:#076c4b;font-weight:650}.guides{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.guides h2{font-size:20px;margin:0 0 12px}.guides p,.guides li{font-size:16px;line-height:1.7;color:#516077}.guides ol{padding-left:20px;margin:0}footer{padding:25px;text-align:center;color:#607089;font-size:14px} [hidden]{display:none!important}@media(max-width:650px){header{padding:16px}.badge{font-size:12px}main{padding:25px 15px}.card{padding:18px}.controls,.guides{grid-template-columns:1fr}.upload{padding:18px}.actions button{flex-grow:1}.summary{align-items:stretch}.summary .actions{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

nav{display:flex;gap:22px;font-size:15px}nav a{color:#405673;text-decoration:none}a{color:#155bcc}a:hover{text-decoration:underline}.brand{text-decoration:none}.trust{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 22px;color:#52667f;font-size:14px}.tag{padding:5px 10px;background:#e8f0fb;border-radius:6px}.format-row{margin-top:24px;display:flex;gap:18px;flex-wrap:wrap}.format-row label{display:flex;align-items:center;gap:10px;font-weight:600}.format-row select{font:16px system-ui;border:1px solid #bacbdd;border-radius:8px;padding:9px;background:white;color:#182943}.progress{display:flex;gap:15px;align-items:center;margin-top:20px}.progress progress{flex:1;accent-color:#155bcc}.article{max-width:830px}.article h2{margin-top:30px;font-size:23px}.article li{line-height:1.8;margin:8px 0;color:#516077}.article table{border-collapse:collapse;width:100%;font-size:16px}.article th,.article td{text-align:left;padding:13px;border:1px solid #dae3ee;vertical-align:top;line-height:1.6}.article th{background:#eef4fd}.footer{background:#132942;color:#d6e1ef;text-align:left;padding:35px max(24px,calc((100vw - 1080px)/2));margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer a{color:#d6e1ef;text-decoration:none;display:inline-block;margin:0 18px 10px 0}.footer strong{color:white;font-size:20px}.footer p{color:#bbcadb;font-size:14px;margin:8px 0}.footer .copyright{grid-column:1/-1;font-size:13px;color:#aec0d4}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:50}.skip:focus{top:12px}@media(max-width:650px){header{flex-wrap:wrap}nav{width:100%;gap:20px;font-size:14px}.footer{grid-template-columns:1fr}.format-row{gap:14px}.format-row label{width:100%}}.article table{table-layout:fixed}.article th,.article td{overflow-wrap:anywhere}.article a{overflow-wrap:anywhere}.row input[type=range]{min-width:0;flex:1}.progress progress{min-width:0;width:100%}@media(max-width:650px){.format-row label{flex-wrap:wrap}.format-row select{max-width:100%;min-width:0}}

.logo-window{display:block;position:relative;overflow:hidden;width:280px;height:46px}.logo-window img{position:absolute;width:374px;height:auto;max-width:none;left:-48px;top:-40px}.brand .logo-window{color:inherit}@media(max-width:650px){.logo-window{width:246px;height:41px}.logo-window img{width:328px;left:-42px;top:-35px}}
nav{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}.tool-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.tool-links a{text-decoration:none}.tool-links strong{display:block;font-size:21px;margin-bottom:8px}.tool-links span{color:#516077;line-height:1.6}.track{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #e4eaf1}.track-description{min-width:0}.track strong{overflow-wrap:anywhere}.track-actions{display:flex;gap:8px;flex-shrink:0}.track-actions button{padding:9px 12px;font-size:14px}.volume-controls{margin-top:24px}.volume-controls label{display:block;font-weight:600;margin-bottom:12px}@media(max-width:900px){header{flex-wrap:wrap}nav{justify-content:flex-start}}@media(max-width:650px){.tool-links{grid-template-columns:1fr}.track{flex-wrap:wrap}.track-actions{width:100%}nav{column-gap:16px}}