@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap');
:root{font-family:Heebo,Arial,sans-serif;color:#183d35;background:#f5f6f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1120px;margin:auto;padding:27px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5dc}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;font-size:25px;font-weight:800}.mark{background:#193f36;color:#d9efa4;border-radius:11px;padding:0 10px;font-size:29px}.brand-sub{font-size:12px;font-weight:400;color:#76837a;border-right:1px solid #ced7cb;padding-right:13px;margin-right:6px}.local{font-size:12px;color:#5c7064}.local span{color:#7e9a43;font-size:10px;margin-left:6px}main{max-width:820px;padding:0 28px;margin:auto}.intro{text-align:center;margin:48px 0 29px}.eyebrow{font-size:12px;letter-spacing:1px;color:#73855d;font-weight:600}h1{font-size:51px;line-height:1.2;letter-spacing:-1.7px;margin:17px 0}h1 span{color:#849967}.intro p{font-size:15px;line-height:1.9;color:#6c7b70;margin:17px 0 0}.converter{background:#fff;border:1px solid #e1e6dd;border-radius:23px;padding:27px;box-shadow:0 10px 40px #193f3605}.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1.5px dashed #b9c9ac;border-radius:15px;background:#f8faf5;min-height:225px;cursor:pointer;transition:.2s}.drop:hover,.drop.drag{background:#eef4e6;border-color:#537947}.drop:focus-within{outline:3px solid #94b56a;outline-offset:3px}.drop input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;inset:0}.file-icon{font-size:29px;background:#e8efdc;border:1px solid #dce5ce;border-radius:13px;padding:6px 15px;margin-bottom:4px}.drop strong{font-size:20px}.drop>span:not(.file-icon){font-size:14px;color:#738169}.drop u{text-underline-offset:4px}.drop small{font-size:11px;color:#86907e;margin-top:6px}.settings{display:flex;justify-content:space-between;align-items:center;padding:23px 1px;border-bottom:1px solid #edf0e8;gap:14px}.settings label{font-size:14px;font-weight:600}.settings p{font-size:11px;color:#7b877a;margin:4px 0 0}select{font-family:inherit;color:#234838;background:#fff;border:1px solid #dce3d5;border-radius:9px;padding:10px;font-size:12px}.actions{display:flex;gap:12px;align-items:center;margin-top:21px}button{font-family:inherit;border:0;border-radius:10px;padding:13px 26px;font-size:14px;cursor:pointer;background:#204d3e;color:white;font-weight:500}button:disabled{opacity:.4;cursor:default}button:not(:disabled):hover{filter:brightness(1.1)}button span{margin-right:28px}.secondary{background:#edf1e6;color:#224a38}.text-button{background:transparent;color:#7c8877;font-size:12px;padding:10px}.queue:empty{display:none}.row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:17px 0;border-bottom:1px solid #edf0e8}.filename{font-size:14px;overflow-wrap:anywhere;direction:ltr;text-align:right}.meta,.state{font-size:11px;color:#7a8877;margin-top:4px}.state.error{color:#a44032}.download{font-size:12px;color:#22553c;align-self:center;padding:8px 13px;border:1px solid #cfddbe;border-radius:8px;text-decoration:none;background:#f0f6e8}progress{width:100%;height:5px;accent-color:#70964a;grid-column:1/-1}#notice{font-size:13px;color:#705c37;margin-top:12px}#notice:empty{display:none}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:31px 4px}.details div{position:relative;padding-right:32px}.details span{position:absolute;right:0;top:2px;font-size:11px;color:#8c9c78}.details strong{font-size:13px}.details p{font-size:11px;color:#819079;margin:5px 0}aside{border-top:1px solid #dfe5d7;padding:23px 0;display:flex;gap:25px;align-items:baseline}aside strong{font-size:12px;white-space:nowrap}aside p{font-size:11px;color:#7a8874;line-height:1.8;margin:0}footer{padding:8px 0 25px;font-size:10px;text-align:center;color:#97a08c}footer span{margin:0 10px}[hidden]{display:none!important}@media(max-width:600px){header{padding:20px}.brand-sub{display:none}.local{font-size:10px}main{padding:0 17px}.intro{margin-top:34px}h1{font-size:41px}.intro p{font-size:13px}.desktop{display:none}.converter{padding:18px;border-radius:18px}.settings{align-items:start;flex-direction:column}.settings select{width:100%}.details{gap:10px}.details div{padding-right:0}.details span{position:static;display:block;margin-bottom:5px}.details p{line-height:1.7}aside{display:block}aside p{margin-top:8px}.actions{flex-wrap:wrap}button{padding:12px 19px}}
.trim-editor{margin-top:24px;border:1px solid #d8e3cd;background:#fbfcf8;border-radius:14px;padding:20px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-heading h2{font-size:16px;overflow-wrap:anywhere;margin:6px 0;direction:ltr;text-align:right}.editor-help{font-size:11px;color:#75826d;line-height:1.8;margin:8px 0 14px}.wave-shell{position:relative;border:1px solid #cfddc3;border-radius:8px;overflow:hidden;margin-top:16px;touch-action:none}.wave-shell canvas{display:block;width:100%;height:190px;cursor:crosshair}.handle{position:absolute;top:25px;bottom:0;transform:translateX(-50%);width:18px;padding:0;border-radius:4px;background:#345f41;color:#eaf3dc;cursor:ew-resize;touch-action:none;border:1px solid #c4d9b0;z-index:2}.end-handle{background:#678542}.wave-nav{display:flex;align-items:center;gap:6px;margin:10px 0;direction:ltr}.wave-nav input{min-width:30px;flex:1;accent-color:#527348}.wave-nav span{font-size:10px;min-width:30px}.small-button{font-size:11px;padding:7px 10px;border:1px solid #d7e1cd;background:#f4f7ef;color:#34573c;white-space:nowrap}.time-fields{display:flex;gap:14px;margin-top:20px;align-items:end}.time-fields label{font-size:11px;flex:1}.time-fields input{display:block;width:100%;font:16px monospace;padding:11px 8px;border:1px solid #cddbbf;border-radius:8px;margin-top:6px;background:white;color:#234838}.duration{font-size:10px;color:#708064;white-space:nowrap;padding-bottom:7px}.duration strong{display:block;margin-top:8px;font:12px monospace;color:#365b3f}.transport{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.transport button{font-size:11px;padding:9px 12px}.transport output{font:12px monospace;color:#64804b;margin-right:auto}.boundary-actions{display:flex;flex-wrap:wrap;margin-top:7px;gap:2px}.boundary-actions button{font-size:10px;padding:8px}.trim-save{margin-top:13px;border-top:1px solid #e2e8da;padding-top:17px}.trim-save button{font-size:12px;padding:11px 15px}.trim-save p{font:10px monospace;overflow-wrap:anywhere;color:#728365;text-align:right;line-height:1.8}.editor-error{color:#a44032;font-size:12px;margin:9px 0}.editor-error:empty{display:none}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.row-actions .download{font-size:11px}main{max-width:960px}button:focus-visible,input:focus-visible{outline:2px solid #91ac64;outline-offset:3px}@media(max-width:600px){.trim-editor{padding:12px;margin-left:-7px;margin-right:-7px}.time-fields{flex-wrap:wrap;gap:9px}.time-fields label{min-width:125px}.duration{width:100%;display:flex;gap:10px;align-items:center}.duration strong{margin:0}.row{grid-template-columns:1fr}.row-actions{justify-content:start}.wave-nav .small-button{padding:7px}.transport output{width:100%;margin:5px 0}.editor-heading h2{font-size:13px}.trim-save>button{width:100%;margin-bottom:5px}}

/* Thin dashed boundaries; generous transparent drag targets. */
.handle,.end-handle{width:16px;background:transparent;border:0;border-radius:0;color:transparent;box-shadow:none}.handle:not(:disabled):hover{background:#c8323218;filter:none}.handle:focus-visible{outline:2px solid #c83232;outline-offset:-3px}.wave-nav{flex-wrap:wrap}.wave-nav input{flex-basis:80px}.wave-shell canvas{touch-action:none}
.project-actions{margin-top:16px}.project-actions button{font-size:12px;padding:10px 14px}.settings #quality{display:none}.quality-buttons{display:flex;gap:5px;direction:ltr}.quality-buttons button{font-size:12px;padding:10px 13px;background:#edf1e6;color:#254b3b;border:1px solid #d7e1cd}.quality-buttons button[aria-pressed="true"]{background:#204d3e;color:#fff}.normalize-option{font-size:13px;display:flex;align-items:center;gap:8px}dialog{border:1px solid #d7e1cd;border-radius:18px;padding:26px;max-width:520px;color:#183d35;font-family:inherit}dialog::backdrop{background:#183d3560}dialog h2{font-size:20px}dialog p{line-height:1.8;font-size:14px}