@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#332c27;background:#f4f0e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1260px;margin:auto;padding:28px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd3c6}.brand{color:inherit;text-decoration:none;font:800 26px Manrope,sans-serif;display:flex;align-items:center;gap:10px}.brand-icon{color:#94623e;font-size:32px}.beta{font:600 9px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-left:14px;color:#85786b}.privacy{font-size:12px;color:#816245}main{max-width:1176px;margin:auto;padding:53px 28px 24px}.eyebrow{color:#94623e;font-size:10px;font-weight:700;letter-spacing:2px}h1{font:500 58px/1.09 Manrope,sans-serif;letter-spacing:-3px;margin:16px 0}h1 span{color:#a1856e}.intro p{font-size:15px;color:#82756a;line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;margin-top:36px;align-items:start}.card{background:#fff;border:1px solid #dfd5c9;border-radius:18px;padding:27px;box-shadow:0 5px 15px #38241608}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:27px}.step{font-size:11px;border:1px solid #ddd0c0;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#867463}h2{font:700 16px Manrope,sans-serif;margin:0}.pill{font-size:8px;letter-spacing:1px;margin-left:auto;color:#867463;background:#f1e9df;padding:7px;border-radius:5px}.drop{min-height:275px;background:#faf7f2;border:1px dashed #c9b6a1;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;gap:12px}.drop.over{background:#f2e2ce;border-color:#9b6944}.drop strong{font-size:17px}.drop>span:not(.upload-icon){color:#8a7a6c;font-size:13px}.drop u{color:#8b5835;text-underline-offset:4px}.drop small{color:#8d7d70;font-size:11px;margin-top:14px}.upload-icon{font-size:34px;display:grid;place-items:center;width:60px;height:60px;border:1px solid #e6d9ca;border-radius:15px;color:#976a47;background:white;margin-bottom:9px}#file{position:absolute;width:1px;height:1px;opacity:0}.drop:focus-within{outline:2px solid #9b6944}.local-note{display:flex;gap:12px;border-top:1px solid #ede5db;margin-top:25px;padding-top:22px;font-size:12px;color:#7d6957}.local-note>span{font-size:25px}.local-note strong{font-weight:500}.local-note p{font-size:11px;line-height:1.65;color:#88786a;margin:5px 0 0}.labelrow{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:10px}.labelrow>b,.labelrow b{font-size:23px;font-weight:500}.presets{display:flex;gap:9px;margin:18px 0}button,input,select{font:inherit}button{cursor:pointer}.presets button{flex:1;border:1px solid #e4d9cd;background:#fff;border-radius:9px;padding:13px 3px;color:#705a46;font-size:15px;text-align:center}.presets button small{display:block;font-size:9px;margin-top:5px;color:#897463}.presets button.active{border-color:#ae815a;background:#f5e9da;color:#714b2e}.presets button.active small{color:#8a6142}input[type=range]{width:100%;accent-color:#a4754d;margin:4px 0}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#928172}.hint{font-size:11px;color:#857364;line-height:1.65}.audio-option{border-top:1px solid #e9dfd3;padding-top:22px;margin-top:23px;display:flex;justify-content:space-between;align-items:center}.audio-option label{font-size:13px;font-weight:500}.audio-option p{font-size:10px;color:#877769;margin:5px 0}.audio-option input{width:33px;height:20px;accent-color:#a4754d}.quiet{font-size:10px;color:#816d5b;display:flex;align-items:center;gap:6px;margin:12px 0 23px}input[type=checkbox]{accent-color:#a4754d}details{border-top:1px solid #e9dfd3;padding:19px 0}summary{font-size:12px;cursor:pointer}summary span{float:right;font-size:10px;color:#8f7c6b}.advanced{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.advanced label{font-size:10px;color:#7e6955}.advanced input,.advanced select{width:100%;padding:9px 7px;margin-top:6px;border:1px solid #e2d6c8;border-radius:6px;background:white;color:#604831;font-size:11px}.primary{display:flex;justify-content:space-between;align-items:center;border:0;border-radius:9px;background:#b77f50;color:#fffaf3;font-weight:700;font-size:13px;padding:16px 19px;width:100%;text-decoration:none}.primary:hover{background:#9d683f}.primary:disabled{opacity:.48;cursor:not-allowed}.footnote{text-align:center;font-size:9px;color:#8a7969;margin:12px 0 0}.bottom{display:flex;justify-content:space-between;font-size:9px;color:#8b7b6d;letter-spacing:1px;padding-top:30px}.bottom span:last-child{letter-spacing:0}.fileline{display:flex;gap:12px;justify-content:space-between;margin:14px 0;font-size:12px}.fileline strong{overflow-wrap:anywhere}.text-button{border:0;background:none;color:#93613e;font-size:11px;white-space:nowrap;padding:4px}.muted{font-size:11px;color:#897360}video{width:100%;max-height:280px;background:#30271f;border-radius:10px}.status{margin-top:24px}.status p{font-size:12px;color:#806b59;line-height:1.6}.status progress{width:100%;height:8px;margin-top:22px;accent-color:#ad784d}#result{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:26px;margin-top:20px}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #93613e;outline-offset:4px}@media(max-width:760px){header{padding:20px}.beta{display:none}.privacy{font-size:10px}main{padding:35px 18px}.workspace{grid-template-columns:1fr;gap:18px}h1{font-size:45px}.card{padding:22px}.bottom{gap:20px;font-size:8px}#result{grid-template-columns:1fr}.advanced{grid-template-columns:1fr 1fr}}

/* Contemporary broadcast studio */
.intro{display:flex;align-items:center;justify-content:space-between;gap:40px}.intro h1{font-size:51px;letter-spacing:-2.6px}.intro h1 span{color:#9b7b61}.card{background:#fffdf9;border-radius:12px;box-shadow:0 4px 18px #35241305}.workspace{margin-top:22px;grid-template-columns:1.06fr 1fr}.studio-mark{width:252px;flex-shrink:0;background:#eae1d5;padding:20px 22px;border:1px solid #d8c8b6;border-radius:8px;position:relative}.timecode{font-family:monospace;font-size:18px;color:#614733;letter-spacing:1px}.timecode span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2px;color:#927964;margin-top:7px}.studio-caption{font:8px monospace;letter-spacing:1.5px;color:#8b705b;border-top:1px solid #d7c7b6;padding-top:13px}.signal{height:75px;display:flex;align-items:center;gap:5px;margin:8px 0}.signal i{display:block;width:6px;border-radius:2px;background:#ac7b55;height:21px}.signal i:nth-child(3n){height:49px}.signal i:nth-child(4n){height:64px;background:#755139}.signal i:nth-child(5n){height:35px}.signal i:nth-child(7n){height:13px}.workflow-strip{display:flex;align-items:center;gap:28px;border-top:1px solid #ddd0bf;border-bottom:1px solid #ddd0bf;margin-top:37px;padding:14px 0;font:9px monospace;letter-spacing:1.4px;color:#836b56}.workflow-strip b{font-weight:400;color:#ad896a;margin-right:7px}.workflow-strip em{margin-left:auto;font-style:normal;font-size:8px;color:#998573}.drop{min-height:235px;border-radius:8px}.drop small{color:#786c60}.audio-qc{margin-top:22px;padding:19px;background:#f5efe6;border:1px solid #e2d4c3;border-radius:8px}.qc-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.qc-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.qc-heading button{font-size:10px}.audio-qc h3{font-size:14px;font-weight:600;margin:14px 0}.qc-meters{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:13px 0;border-top:1px solid #e0d2c1;border-bottom:1px solid #e0d2c1}.qc-meters b{display:block;font:26px monospace;font-weight:400;color:#624731}.qc-meters span{display:block;font:8px monospace;letter-spacing:1px;margin-top:5px;color:#8b735e}.audio-qc p{font-size:11px;line-height:1.6;color:#76624f;margin:12px 0}.audio-qc small{font-size:9px;line-height:1.6;color:#867360;display:block}.audio-qc[data-state=pass]{background:#f0f2e9;border-color:#bcc6a6}.audio-qc[data-state=pass] h3{color:#4f633d}.audio-qc[data-state=loud] h3,.audio-qc[data-state=peak] h3{color:#9a532e}.audio-qc[data-state=checking] h3{color:#9b724d}.text-button:disabled{opacity:.45;cursor:default}.primary{background:#91603c;color:#fffaf3;border-radius:7px;letter-spacing:.2px}.primary:hover{background:#795032}.primary:disabled{opacity:.5}.quiet{line-height:1.5}.hint,.footnote{color:#7e6c5c}.pill{font-family:monospace}.beta{color:#91765e;letter-spacing:1.8px}.privacy{font:10px monospace;letter-spacing:1px}.section-heading{margin-bottom:22px}.source .local-note{margin-top:20px;padding-top:17px}
@media(max-width:900px){.intro h1{font-size:44px}.studio-mark{width:210px}.workflow-strip{gap:17px}.workflow-strip em{display:none}}@media(max-width:760px){.intro{display:block}.intro h1{font-size:40px;letter-spacing:-2px}.studio-mark{display:none}.workspace{grid-template-columns:1fr}.workflow-strip{justify-content:space-between;font-size:8px;gap:8px}.privacy{font-size:8px}.brand{font-size:23px}.audio-qc{padding:16px}.qc-meters b{font-size:24px}}

/* Cinematic masthead */
main{padding-top:30px}.intro.masthead{position:relative;isolation:isolate;overflow:hidden;min-height:350px;border-radius:12px;background:#20170f;display:flex;align-items:center;padding:38px 42px;border:1px solid #3d2b1c}.masthead-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.masthead:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,16,12,.91) 0%,rgba(22,16,12,.8) 34%,rgba(22,16,12,.3) 64%,rgba(22,16,12,.03) 100%)}.masthead-copy{max-width:560px}.intro.masthead .eyebrow{color:#dbb58e;font-size:9px;letter-spacing:2px}.intro.masthead h1{color:#fff9f0;font-size:48px;line-height:1.12;letter-spacing:-2px;margin:19px 0}.intro.masthead h1 span{color:#e6c9a8}.intro.masthead p{color:#e0d3c3;font-size:13px;line-height:1.8;max-width:460px}.masthead-caption{position:absolute;right:22px;bottom:20px;font:8px monospace;letter-spacing:2px;color:#f3d9b8;background:#21170faa;border:1px solid #dac09b44;border-radius:3px;padding:8px 10px}.workflow-strip{margin-top:24px}@media(max-width:900px){.intro.masthead{padding:30px;min-height:330px}.intro.masthead h1{font-size:42px}.masthead-copy{max-width:470px}.masthead:after{background:linear-gradient(90deg,#16100ced 0%,#16100cb8 50%,#16100c33 100%)}}@media(max-width:760px){main{padding-top:22px}.intro.masthead{padding:29px 23px 50px;min-height:350px}.intro.masthead h1{font-size:38px;letter-spacing:-1.5px}.intro.masthead p{font-size:12px}.masthead-image{object-position:64% center}.masthead:after{background:linear-gradient(90deg,#16100ce8,#16100ca6 65%,#16100c66)}.masthead-caption{right:18px;bottom:15px;font-size:7px}.intro.masthead .desktop{display:none}.intro.masthead .eyebrow{font-size:8px;letter-spacing:1.5px}}
/* Keep exports attached to the delivery column. */
.delivery-column{min-width:0;display:flex;flex-direction:column;gap:20px}.delivery-column .status{margin-top:0}.delivery-column #result{grid-template-columns:minmax(0,1fr);gap:15px;margin-top:18px}.delivery-column #resultPreview{display:block;max-height:340px}.delivery-column .status p{overflow-wrap:anywhere}.thread-option{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 7px;padding-top:4px}.thread-option label{font-size:12px;font-weight:500}.thread-option p{font-size:10px;color:#7e6c5c;margin:5px 0}.thread-option input{width:33px;height:20px;accent-color:#a4754d}.thread-status{font-size:9px;line-height:1.5;color:#7e6c5c;margin:0 0 17px}[data-theme=dark] .thread-option p,[data-theme=dark] .thread-status{color:#c2aa94}