@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#191b1d;font-synthesis:none;background:#f6f7f4;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}.app-shell{background:radial-gradient(circle at 50% -20%,#fff 0,#f7f8f5 42%,#f2f3f0 100%);min-height:100vh}.topbar{border-bottom:1px solid #e4e6e1;justify-content:space-between;align-items:center;max-width:1120px;height:80px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:16px;font-weight:800;display:flex}.brand-mark{color:#fff;background:#1e2220;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.brand-mark svg{width:16px;height:16px}.brand-mark path,.file-symbol path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.privacy-pill{color:#657069;font-family:DM Mono,monospace;font-size:11px}.status-dot{background:#73b77e;border-radius:99px;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #dcefe0}main{max-width:860px;margin:auto;padding:65px 28px 86px}.hero{text-align:center;margin-bottom:42px}.eyebrow{color:#849089;letter-spacing:.17em;font:500 10px DM Mono,monospace}.hero h1{letter-spacing:-.07em;margin:15px 0 12px;font-size:clamp(34px,5vw,55px);line-height:1.04}.hero h1 em{color:#829b71;font-style:normal}.hero-copy{color:#7a817c;margin:0;font-size:14px}.settings-card,.queue-card{background:#ffffffc7;border:1px solid #e1e4df;border-radius:18px;box-shadow:0 12px 38px #222d2409}.settings-card{padding:24px 26px 18px}.settings-heading{align-items:center;gap:9px;display:flex}.settings-heading h2,.queue-header h2{letter-spacing:-.03em;margin:0;font-size:15px}.heading-icon{background:#edf3eb;border-radius:7px;place-items:center;width:23px;height:23px;font-size:13px;display:grid}.fixed-label{color:#88a77c;text-transform:uppercase;margin-left:auto;font:500 10px DM Mono,monospace}.setting-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:25px;display:grid}.setting-item{border-right:1px solid #e6e9e4;padding-right:12px}.setting-item:last-child{border:0}.setting-item span{color:#8d9690;margin-bottom:8px;font-size:11px;display:block}.setting-item strong{white-space:nowrap;font-size:13px;display:block}.setting-item small{color:#7ba06e;margin-left:3px;font-size:10px;font-weight:600}.meta-note{text-align:left;color:#4d5850;background:0 0;border:0;border-top:1px solid #edf0eb;align-items:center;width:100%;margin-top:24px;padding:14px 0 2px;font-size:11px;display:flex}.chevron{margin-right:6px;font-size:18px;line-height:10px;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.muted{color:#a1aaa4}.metadata-box{background:#f5f8f3;border-radius:10px;justify-content:space-between;align-items:center;margin:13px 0 0 20px;padding:12px 14px;font-size:11px;display:flex}.metadata-box div{gap:14px;display:flex}.metadata-box span{color:#879189}.toggle{background:#a7c499;border-radius:99px;width:30px;height:17px;padding:2px}.toggle i{background:#fff;border-radius:50%;width:13px;height:13px;margin-left:auto;display:block}.dropzone{background:#ffffff6b;border:1.5px dashed #c9d0c8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;margin-top:16px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.dragging{background:#f6faf4;border-color:#90ad83}.upload-icon{color:#7fa473;background:#edf5e9;border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:15px;display:grid}.upload-icon svg{width:27px;height:27px}.upload-icon path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.dropzone h3{margin:0 0 6px;font-size:15px}.dropzone p{color:#77817a;margin:0;font-size:12px}.support{color:#a2aba4;margin-top:27px;font:10px DM Mono,monospace}.queue-card{margin-top:16px;padding:22px 24px}.queue-header{justify-content:space-between;align-items:center;display:flex}.queue-header h2 span{color:#88a77c;margin-left:5px;font:500 11px DM Mono,monospace}.queue-header button{color:#9aa39d;background:0 0;border:0;font-size:11px}.file-list{margin-top:15px}.file-row{border-top:1px solid #edf0ec;align-items:center;gap:12px;padding:13px 0;display:flex}.file-symbol{color:#77966c;background:#eef5eb;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.file-symbol svg{width:17px;height:17px}.file-info{flex:1;min-width:0}.file-info strong,.file-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-info strong{font-size:12px}.file-info span{color:#929c94;margin-top:4px;font:10px DM Mono,monospace}.progress{background:#e5ece2;border-radius:3px;height:3px;margin-top:8px}.progress i{border-radius:inherit;background:#88ad7c;height:100%;transition:width .2s;display:block}.remove-btn{color:#abb3ac;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.remove-btn svg{width:15px}.remove-btn path{fill:none;stroke:currentColor;stroke-width:1.7px}.working{color:#89a97d;font:10px DM Mono,monospace}.download-btn{color:#486143;background:#f3f8f0;border:1px solid #d5e4d0;border-radius:8px;padding:8px 11px;font-size:11px}.queue-actions{z-index:20;-webkit-backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e1e4dfd9;border-radius:14px;align-items:center;gap:13px;margin-top:15px;padding:12px 16px;display:flex;position:sticky;bottom:20px;box-shadow:0 10px 30px #222d2414}.primary-btn{color:#fff;background:#232a25;border:0;border-radius:9px;padding:12px 18px;font-size:12px;font-weight:700;box-shadow:0 5px 12px #1b271c1f}.primary-btn span{color:#bdd9b2;margin-left:16px}.primary-btn:disabled{opacity:.65;cursor:wait}.queue-progress-badge{color:#637066;-webkit-user-select:none;user-select:none;background:#f4f6f2;border:1px solid #dde3d8;border-radius:99px;align-items:center;gap:10px;margin-left:auto;padding:6px 14px;font:500 11px DM Mono,monospace;display:inline-flex;box-shadow:inset 0 1px 2px #00000005}.badge-status{align-items:center;gap:6px;display:flex}.badge-check{color:#fff;background:#68a05c;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:inline-flex}.badge-label{letter-spacing:-.01em;font-family:Manrope,-apple-system,sans-serif;font-size:11px;font-weight:600}.badge-counts{letter-spacing:-.02em;align-items:baseline;font-size:11px;display:inline-flex}.badge-counts b{color:#1f2a21;font-size:12px;font-weight:700}.badge-slash{color:#a4b0a6;margin:0 2px;font-weight:400}.badge-track{background:#dfe6db;border-radius:99px;width:44px;height:5px;overflow:hidden}.badge-bar{border-radius:inherit;background:#76a86c;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.queue-progress-badge.converting{color:#43693c;background:#eff6ec;border-color:#cbdfc6}.queue-progress-badge.converting .badge-bar{background:#5fa554}.queue-progress-badge.complete{color:#386b30;background:#eff7ee;border-color:#c7e2c2}.queue-progress-badge.complete .badge-bar{background:#5baa4f}.queue-progress-badge.error{color:#a85850;background:#fdf3f2;border-color:#f1d4cf}.queue-progress-badge.error .badge-bar{background:#d47b72}.queue-progress-dot{background:#58a74b;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 0 2px #d4ecd0}@keyframes pulse-dot{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.preserve-section{padding-top:70px}.preserve-section h2{text-align:center;letter-spacing:-.05em;margin:0 0 25px;font-size:20px}.preserve-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.preserve-grid div{background:#ffffff73;border:1px solid #e4e7e2;border-radius:13px;padding:18px}.preserve-grid b,.preserve-grid span{display:block}.preserve-grid b{font-size:12px}.preserve-grid span{color:#8b948e;margin-top:8px;font-size:11px;line-height:1.6}footer{color:#a0a8a2;text-align:center;border-top:1px solid #e4e7e1;padding:22px;font:10px DM Mono,monospace}footer span{color:#d1d6d1;margin:0 8px}@media (width<=680px){.topbar{height:68px;padding:0 18px}.privacy-pill{font-size:0}.privacy-pill .status-dot{margin:0}main{padding:46px 18px 62px}.hero{margin-bottom:30px}.hero h1{font-size:37px}.settings-card{padding:20px 18px 15px}.setting-grid{grid-template-columns:repeat(2,1fr);gap:17px 12px}.setting-item:nth-child(2),.setting-item:nth-child(4){border:0}.setting-item strong{font-size:12px}.metadata-box div{display:block}.metadata-box div span{margin-top:4px;display:block}.dropzone{min-height:230px}.queue-card{padding:18px 16px}.queue-actions{flex-wrap:wrap;gap:10px;padding:11px 13px;bottom:12px}.queue-progress-badge{order:-1;justify-content:space-between;width:100%;margin-left:0}.preserve-grid{grid-template-columns:1fr}.preserve-section{padding-top:52px}}.error-text{color:#bc716a;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font:10px DM Mono,monospace;overflow:hidden}.waiting{color:#a0aaa2;font:10px DM Mono,monospace}.source-label,.output-label{color:#9aa49c;font-weight:400}.size-arrow{color:#b2bbb3;margin:0 4px;font-weight:400}.output-size{color:#6f9666;font-weight:600}.codec-result{color:#91a08e;margin-left:4px;font-weight:500}.download-all-btn{color:#577253;background:#f5f9f3;border:1px solid #d6e4d2;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:600}.download-all-btn:disabled{color:#aeb8b0;cursor:not-allowed;background:#f7f8f6;border-color:#e4e9e3}.codec-setting select{color:#252b27;cursor:pointer;background:0 0;border:0;outline:0;width:100%;padding:0 18px 0 0;font:700 13px Manrope,sans-serif}