:root{--bg:#070707;--panel:#101010;--panel-soft:#171717;--panel-glow:#d4a83f1f;--line:#ffffff1f;--line-strong:#d4a83f59;--text:#f5f1e8;--muted:#aaa196;--gold:#d4a83f;--gold-strong:#f0cf74;--danger:#ff7b7b;--success:#8ee6a6;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 50% -15%,#d4a83f29,#0000 34rem),linear-gradient(#090909,#050505 45rem);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.converter-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#070707e0;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:0 clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{letter-spacing:.09em;text-transform:uppercase;font-family:Georgia,serif;font-weight:800}.brand span{color:var(--gold)}.topbar nav{color:var(--muted);gap:1rem;font-size:.92rem;display:flex}.topbar nav a:hover{color:var(--gold)}main{width:min(1240px,100% - 2rem);margin:0 auto;padding:3.4rem 0 4rem}.hero{text-align:center;max-width:830px;margin:0 auto 2rem}.eyebrow,.side-label{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .65rem;font-size:.76rem;font-weight:900}h1{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:clamp(2.7rem,8vw,5.8rem);line-height:.95}.hero-copy{color:var(--muted);max-width:720px;margin:1.1rem auto 0;font-size:1.08rem;line-height:1.7}.converter-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.tool-sidebar,.work-card,.roadmap-grid article{border:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff04);border-radius:22px;box-shadow:0 24px 80px #00000059}.tool-sidebar{padding:1rem;position:sticky;top:82px}.tool-tabs{gap:.7rem;display:grid}.tool-tab{text-align:left;width:100%;color:var(--muted);border:1px solid var(--line);background:#0b0b0b;border-radius:14px;gap:.2rem;padding:.85rem .9rem;display:grid}.tool-tab span{color:var(--text);font-weight:850}.tool-tab small{color:var(--muted)}.tool-tab:hover,.tool-tab.active{border-color:var(--line-strong);background:#d4a83f1f}.tool-tab.active span{color:var(--gold-strong)}.privacy-card{border-top:1px solid var(--line);color:var(--muted);margin-top:1rem;padding-top:1rem;line-height:1.55}.privacy-card strong{color:var(--text)}.privacy-card p{margin:.45rem 0 0}.work-card{padding:clamp(1rem,3vw,2rem)}.module-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.module-head h2{margin:0;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3rem)}.module-head p:not(.eyebrow){color:var(--muted);margin:.6rem 0 0;line-height:1.6}.drop-zone{background:var(--panel-glow);text-align:center;border:1px dashed #d4a83f80;border-radius:18px;place-items:center;min-height:180px;padding:1.6rem;transition:all .2s;display:grid}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--gold);background:#d4a83f38;transform:translateY(-1px)}.drop-zone[data-disabled=true]{cursor:not-allowed;opacity:.78}.drop-zone[data-disabled=true]:hover{background:#ffffff09;border-color:#ffffff29;transform:none}.drop-icon{width:52px;height:52px;color:var(--gold);border:1px solid #d4a83fb3;border-radius:999px;place-items:center;margin:0 auto .85rem;font-size:1.6rem;display:grid}.drop-zone h3{margin:0;font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,2.15rem)}.drop-zone p{color:var(--muted);max-width:620px;margin:.5rem auto 0}.file-list{gap:.55rem;margin:1rem 0;padding:0;list-style:none;display:grid}.file-list li{border:1px solid var(--line);background:#0a0a0a;border-radius:12px;justify-content:space-between;gap:1rem;padding:.75rem .85rem;display:flex}.file-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-list small{color:var(--muted);white-space:nowrap}.tool-mount{min-height:160px}.module-panel{border:1px solid var(--line);background:#00000038;border-radius:18px;padding:1rem}.grid-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.grid-controls.two{grid-template-columns:repeat(2,minmax(0,1fr))}.control{flex-direction:column;gap:.5rem;display:flex}.control.full{grid-column:1/-1}label{color:var(--muted);font-size:.9rem}select,input[type=number],input[type=text],textarea{width:100%;color:var(--text);border:1px solid var(--line);background:#090909;border-radius:12px;outline:none;padding:.85rem 1rem}textarea{resize:vertical;min-height:190px;line-height:1.55}select:focus,input:focus,textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #d4a83f1c}input[type=range]{accent-color:var(--gold)}.button-row{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.action-button,.secondary-button{letter-spacing:.05em;border:0;border-radius:14px;padding:.95rem 1.15rem;font-weight:900}.action-button{color:#111;background:linear-gradient(135deg,#f0cf74,#b9841f)}.secondary-button{color:var(--text);border:1px solid var(--line);background:#151515}.action-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.status{color:var(--muted);margin:1rem 0 0}.status[data-type=error]{color:var(--danger)}.status[data-type=success]{color:var(--success)}.error-box{color:var(--danger);background:#ff7b7b14;border:1px solid #ff7b7b59;border-radius:14px;padding:1rem}.result-box{border:1px solid var(--line);white-space:pre-wrap;color:#e9e1d5;background:#080808;border-radius:16px;max-height:420px;margin-top:1rem;padding:1rem;overflow:auto}.result-box h3{color:var(--gold);margin-top:0;font-family:Georgia,serif}.preview-image{border:1px solid var(--line);border-radius:16px;max-width:100%;max-height:420px;margin-top:1rem;display:block}.module-loading{min-height:160px;color:var(--muted);place-items:center;gap:.7rem;display:grid}.spinner{border:3px solid #ffffff1f;border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.roadmap-grid article{padding:1.25rem}.roadmap-grid h3{color:var(--gold);margin:0 0 .5rem;font-family:Georgia,serif}.roadmap-grid p{color:var(--muted);margin:0;line-height:1.6}.badge-list{flex-wrap:wrap;gap:.45rem;margin-top:.85rem;display:flex}.badge{border:1px solid var(--line);color:var(--muted);background:#0a0a0a;border-radius:999px;padding:.35rem .6rem;font-size:.84rem}.check-list{color:var(--muted);margin:1rem 0 0;line-height:1.75}@media (width<=900px){.converter-layout,.roadmap-grid,.grid-controls,.grid-controls.two{grid-template-columns:1fr}.tool-sidebar{position:static}.tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.topbar{flex-direction:column;align-items:flex-start;height:auto;padding-top:1rem;padding-bottom:1rem}main{padding-top:2rem}.tool-tabs{grid-template-columns:1fr}.file-list li{display:grid}.file-list small{white-space:normal}}.notice-box,.module-subpanel{border:1px solid var(--line);background:#d4a83f14;border-radius:16px;margin-bottom:1rem;padding:1rem}.notice-box strong{color:var(--gold-strong)}.notice-box p,.module-hint{color:var(--muted);margin:.45rem 0 0;line-height:1.65}.module-subpanel{background:#ffffff06;margin-top:1rem}.progress-wrap{color:var(--muted);align-items:center;gap:.8rem;margin-top:1rem;display:flex}.progress-wrap progress{width:100%;height:14px;accent-color:var(--gold);flex:1}.media-log{white-space:pre-wrap;max-height:260px;font-size:.82rem}.device-card,.size-advice{border:1px solid var(--line);color:var(--muted);background:#ffffff07;border-radius:16px;margin-top:1rem;padding:1rem;line-height:1.55}.device-card strong,.size-advice strong{color:var(--gold-strong);display:block}.device-card p,.size-advice p{margin:.45rem 0 0}.device-card small,.size-advice small{color:var(--muted);margin-top:.45rem;font-size:.82rem;display:block}.size-advice{background:#d4a83f13}.size-advice[data-level=ok]{background:#8ee6a613;border-color:#8ee6a659}.size-advice[data-level=ok] strong{color:var(--success)}.size-advice[data-level=warn]{background:#f0cf7417;border-color:#f0cf748c}.size-advice[data-level=danger]{background:#ff7b7b17;border-color:#ff7b7b73}.size-advice[data-level=danger] strong{color:var(--danger)}.media-device-box{border:1px solid var(--line);color:var(--muted);background:#00000038;border-radius:14px;margin:.8rem 0 0;padding:.85rem 1rem;line-height:1.55}.media-device-box strong{color:var(--gold-strong)}.media-device-box[data-level=warn]{background:#f0cf7414;border-color:#f0cf748c}.media-device-box[data-level=danger]{background:#ff7b7b14;border-color:#ff7b7b73}.media-device-box[data-level=danger] strong{color:var(--danger)}.history-panel{border:1px solid var(--line);background:#ffffff06;border-radius:16px;margin-top:1rem;padding:1rem}.history-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.history-head strong{color:var(--gold-strong)}.secondary-button.tiny{padding:.45rem .75rem;font-size:.82rem}.queue-list{gap:.65rem;margin-top:1rem;display:grid}.queue-item{border:1px solid var(--line);background:#0b0b0b;border-radius:13px;justify-content:space-between;gap:1rem;padding:.75rem .9rem;display:flex}.queue-item span{overflow-wrap:anywhere}.queue-item small{color:var(--muted);text-align:right}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.preview-card{border:1px solid var(--line);background:#090909;border-radius:16px;padding:.9rem}.preview-card strong{color:var(--gold-strong)}.preview-card img{object-fit:contain;border:1px solid var(--line);background:#050505;border-radius:12px;width:100%;max-height:300px;margin-top:.75rem;display:block}.compare-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.stat-pill{border:1px solid var(--line);background:#d4a83f12;border-radius:14px;padding:.75rem}.stat-pill small{color:var(--muted);margin-bottom:.25rem;display:block}.stat-pill strong{color:var(--gold-strong)}@media (width<=760px){.preview-grid,.compare-stats{grid-template-columns:1fr}.queue-item{display:grid}.queue-item small{text-align:left}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.hero-link{border:1px solid var(--line-strong);color:var(--gold-strong);background:#d4a83f1f;border-radius:999px;padding:.72rem 1rem;font-weight:850}.hero-link.subtle{border-color:var(--line);color:var(--text);background:#ffffff09}.small-card-link{color:var(--gold-strong);margin-top:.7rem;font-weight:800;display:inline-block}.error-box p{color:var(--text);margin:.45rem 0;line-height:1.6}.error-box small{color:var(--muted);line-height:1.5;display:block}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.support-card{border:1px solid var(--line);background:#ffffff06;border-radius:16px;padding:1rem}.support-card h2,.support-card h3{color:var(--gold-strong);margin-top:0;font-family:Georgia,serif}.support-card p,.support-card li{color:var(--muted);line-height:1.65}.test-pass{color:var(--success)}.test-fail{color:var(--danger)}.test-warn{color:var(--gold-strong)}@media (width<=760px){.support-grid{grid-template-columns:1fr}}.file-actions{flex-wrap:wrap;align-items:center;gap:.55rem;margin:-.35rem 0 1rem;display:flex}.file-warnings{color:var(--muted);background:#f0cf7414;border:1px solid #f0cf7473;border-radius:14px;margin:-.35rem 0 1rem;padding:.85rem 1rem;line-height:1.55}.file-warnings strong{color:var(--gold-strong);margin-bottom:.35rem;display:block}.file-warnings ul{margin:.25rem 0 0 1.1rem;padding:0}.file-warnings li{margin:.2rem 0}.file-remove{color:#ffd0d0;white-space:nowrap;background:#ff7b7b14;border:1px solid #ff7b7b59;border-radius:999px;padding:.38rem .62rem;font-size:.8rem;font-weight:800}.file-remove:hover,.danger-button:hover{background:#ff7b7b24;border-color:#ff7b7bbf}.danger-button{color:#ffd0d0;border-color:#ff7b7b59}@media (width<=560px){.file-actions{grid-template-columns:1fr;display:grid}.file-remove{width:fit-content}}.open-beta-badge{vertical-align:middle;color:var(--gold-strong);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#d4a83f1c;border:1px solid #d4a83f6b;border-radius:999px;justify-content:center;align-items:center;margin-left:.55rem;padding:.18rem .48rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.58rem,1.2vw,.72rem);font-weight:900;line-height:1.1;display:inline-flex}.hero h1 .open-beta-badge,.module-head h2 .open-beta-badge{margin-left:.65rem}