/* Quiet workspaces: native controls, one primary action, optional detail. */
body.tool-page{color-scheme:dark;background:#101112;color:#f0f0f1;font-family:Arial,Helvetica,sans-serif;min-height:100svh}
.tool-page::before,.tool-page::after,.convert-drop-glow,.remux-drop-orbit{display:none!important}
.tool-page .tool-page-main{max-width:760px;padding:30px 24px 12px;margin:0 auto}
.tool-page .tool-page-brand{font:650 17px Arial,sans-serif;letter-spacing:-.6px;display:inline-block;margin:0 0 48px;color:#eee;text-decoration:none}
.tool-page .tool-page-brand span{color:#a6b9bc}
.tool-page :is(.convert-hero,.premium-page-hero){text-align:center;margin:0 0 32px;padding:0;border:0;max-width:none}
.tool-page :is(.convert-kicker,.premium-kicker){font:11px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#a6b9bc;margin:0 0 18px;justify-content:center}
.tool-page .premium-kicker span{display:none}
.tool-page :is(.convert-hero,.premium-page-hero) h1{font:500 clamp(30px,4vw,43px)/1.12 Arial,sans-serif;letter-spacing:-1.8px;color:#f0f0f1;margin:0 0 16px}
.tool-page :is(.convert-hero,.premium-page-hero) h1 span{color:#93979b;background:none;-webkit-text-fill-color:currentColor;font:inherit;letter-spacing:inherit}
.tool-page :is(.convert-hero,.premium-page-hero)>p{font:14px/1.7 Arial,sans-serif;color:#9b9ea4;max-width:560px;margin:0 auto}
.tool-page :is(.convert-trust-row,.premium-proof-row,.tool-modal-header,.conv-format-advice,.convert-btn-icon,.convert-btn-arrow,.convert-btn-copy small){display:none}
.tool-page .tool-page-panel{width:100%;max-width:none;margin:0;padding:0;border:1px solid #303237;background:#181a1d;border-radius:20px;box-shadow:0 24px 70px #0003;overflow:visible}
.tool-page .tool-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}
.tool-page .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:25px 20px;gap:8px;width:100%;background:#131517;border:1px dashed #41454c;border-radius:12px;position:relative;cursor:pointer;transition:background .2s,border-color .2s}
.tool-page .dropzone:hover,.tool-page .dropzone.drag{background:#1c2024;border-color:#a6b9bc;transform:none;box-shadow:none}
.tool-page .dropzone:focus-within{outline:2px solid #bacace;outline-offset:4px}
.tool-page .tool-drop-icon{display:grid;place-items:center;background:transparent;border:0;width:38px;height:38px;color:#bacace;margin:0 0 10px;box-shadow:none;transform:none}
.tool-page .tool-drop-icon svg{width:30px;height:30px}
.tool-page .drop-title{font:500 16px/1.5 Arial,sans-serif;color:#e1e3e6;max-width:100%;overflow-wrap:anywhere}
.tool-page .drop-sub{font:12px/1.6 Arial,sans-serif;color:#9b9ea4}
.tool-page :is(.convert-file-button,.remux-file-cta){font:600 12px Arial,sans-serif;background:#e2e8e9;color:#151719;border:0;border-radius:7px;padding:11px 18px;box-shadow:none;margin-top:10px}
.tool-page .local-media-panel{margin:0;padding:0;border:0;background:transparent;display:grid;grid-template-columns:1fr 220px;gap:10px 20px;align-items:center;font:12px/1.6 Arial,sans-serif}
.tool-page .local-media-panel label{color:#aeb1b8;font:12px Arial,sans-serif}
.tool-page .local-media-panel p{grid-column:1/-1;font:11px/1.65 Arial,sans-serif;color:#989ca3;margin:0}
.tool-page .local-media-panel output,.tool-page .local-media-panel progress,.tool-page .local-media-panel>div{grid-column:1/-1}
.tool-page .local-media-panel output:empty,.tool-page .local-media-panel>div:has(button[hidden]+button[hidden]){display:none}
.tool-page select{width:100%;min-height:44px;color:#f1f2f3;background:#24272c;border:1px solid #3e424a;border-radius:8px;font:500 13px Arial,sans-serif;padding:10px 12px;cursor:pointer}
.tool-page .format-control{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:20px}
.tool-page .format-control label{font:11px Arial,sans-serif;letter-spacing:.08em;color:#adb0b8}
.tool-page .convert-primary-btn{border:0;background:#e2e8e9;color:#131517;border-radius:9px;min-height:48px;padding:14px 20px;width:100%;margin:0;box-shadow:none;transition:background .2s,transform .2s}
.tool-page .convert-primary-btn:disabled{background:#2b2e34;color:#9b9ea4;opacity:1;cursor:not-allowed}
.tool-page .convert-primary-btn:not(:disabled):hover{background:#fff;transform:translateY(-1px)}
.tool-page .convert-primary-btn strong{font:600 13px Arial,sans-serif}
.tool-page .conversion-preflight{margin:0;padding:14px;border:1px solid #353940;border-radius:8px;background:#151719}
.tool-page .conversion-preflight[hidden]{display:none}
.tool-page .workspace-details{font:12px/1.7 Arial,sans-serif;color:#a7abb3;border-top:1px solid #303237;padding-top:16px}
.tool-page .workspace-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:#c1c5cb}
.tool-page .workspace-details summary:after{content:'+';font-size:16px}.tool-page .workspace-details[open] summary:after{content:'−'}
.tool-page .remux-sidecar{margin-top:18px;display:flex;flex-direction:column;gap:18px;padding:0;border:0;background:none}
.tool-page .remux-signal,.tool-page .remux-info{border:0;background:none;padding:0}.tool-page .remux-flow{margin:0}.tool-page .remux-drop-card{padding:0;border:0;background:none;box-shadow:none}
.tool-page .guide-entry{display:flex;justify-content:center;margin:24px 0}.tool-page .guide-entry a{font:12px Arial,sans-serif;color:#999fa7;border:0;background:none}
.tool-page .site-community-footer{padding:18px 20px 116px;font:11px/1.5 Arial,sans-serif;color:#9b9ea4}
.tool-page.support-page .tool-page-main{max-width:700px}
.tool-page.support-page .support-hero{margin-top:40px;margin-bottom:28px}
.tool-page.support-page .tool-page-panel{border:0;box-shadow:none;background:transparent;max-width:460px;margin:0 auto}
.tool-page.support-page .tool-modal-body{padding:0}
.contact-picker{width:100%;margin:0 auto;text-align:left}
.contact-picker>summary{list-style:none;cursor:pointer;background:#e2e8e9;color:#151719;border-radius:9px;padding:16px 20px;display:flex;justify-content:space-between;font:600 13px Arial,sans-serif}
.contact-picker>summary::-webkit-details-marker{display:none}
.contact-picker[open]>summary span{transform:rotate(90deg)}
.tool-page .support-link-list{padding:10px 16px;background:#181a1d;border:1px solid #303237;border-radius:12px;margin-top:10px;gap:0}
.tool-page .support-link-row{padding:18px 0;border-radius:0;background:none;border:0;gap:12px}.tool-page .support-link-row+.support-link-row{border-top:1px solid #303237}
.tool-page :is(.don-card-icon,.don-contact-icon){background:none;border:0;box-shadow:none;width:28px;height:28px;padding:0;color:#bacace}
.tool-page :is(.don-ig-name,.don-contact-name){font:600 13px Arial,sans-serif;color:#eee}
.tool-page :is(.don-ig-handle,.don-contact-email){font:11px/1.8 Arial,sans-serif;color:#9ca1a9}
.tool-page :is(.don-ig-link,.don-contact-link){font:12px Arial,sans-serif;border:0;background:none;color:#e2e8e9;padding:8px 0;text-decoration:none}
.tool-page :is(a,button,select,summary):focus-visible{outline:2px solid #bacace;outline-offset:4px}
@supports(appearance:base-select){.tool-page select,.tool-page select::picker(select){appearance:base-select}.tool-page select::picker(select){background:#24272c;color:#eee;border:1px solid #454a52;border-radius:9px;padding:5px;margin-top:5px;box-shadow:0 16px 40px #0005;opacity:0;transition:opacity .18s,display .18s allow-discrete,overlay .18s allow-discrete}.tool-page select:open::picker(select){opacity:1}.tool-page select option{padding:10px;border-radius:5px}.tool-page select option:hover{background:#363b43}.tool-page select option:checked{font-weight:700;background:#30353c}@starting-style{.tool-page select:open::picker(select){opacity:0}}}
@media(max-width:600px){.tool-page .tool-page-main{padding:24px 18px 0}.tool-page .tool-page-brand{margin-bottom:38px}.tool-page .tool-modal-body{padding:18px;gap:18px}.tool-page :is(.convert-hero,.premium-page-hero) h1{font-size:32px;letter-spacing:-1.1px}.tool-page .local-media-panel,.tool-page .format-control{grid-template-columns:1fr;gap:10px}.tool-page .dropzone{min-height:200px;padding:24px 12px}.tool-page .support-link-row{flex-wrap:wrap}.tool-page .support-link-copy{min-width:0;flex:1}.tool-page.support-page .support-hero{margin-top:18px}}
@media(prefers-reduced-motion:no-preference){.tool-page :is(.convert-hero,.premium-page-hero,.tool-page-panel){animation:workspace-in .4s both}.tool-page .tool-page-panel{animation-delay:.08s}.contact-picker[open] .support-link-list{animation:workspace-in .2s both}@keyframes workspace-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.tool-page *, .tool-page *::before,.tool-page *::after{animation:none!important;transition:none!important}}

.tool-page .tool-error-card[hidden]{display:none!important}
.tool-page .local-media-panel .processing-details{grid-column:1/-1;font:11px/1.65 Arial,sans-serif;color:#989ca3}.processing-details summary{cursor:pointer}.processing-details p{margin:10px 0 0!important}
.contact-picker{position:relative}.tool-page .contact-picker .support-link-list{position:absolute;z-index:30;top:100%;left:0;right:0;box-shadow:0 22px 55px #0007}

.tool-page .remux-drop-card{min-height:0}.tool-page .remux-page{min-height:0}.tool-page.support-page .support-link-list{display:block}.tool-page.support-page .tool-page-panel{width:min(460px,100%);min-width:0}.tool-page .tool-page-brand{margin-bottom:30px}

.tool-page.support-page .tool-page-panel{max-width:460px!important;border:0!important;background:none!important}.convert-page .convert-hero h1 span,.convert-page .convert-hero h1 br{display:none}
