:root{color:#17211b;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #2f6f5e;outline-offset:3px}button{border:0}.app-shell{min-height:100dvh;padding:20px}.compressor-panel{width:min(100%,820px);margin:0 auto}.intro{padding:12px 0 24px}.eyebrow{margin:0 0 8px;color:#5d6b60;font-size:.82rem;font-weight:700;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,2rem + 1vw,3rem);line-height:1.05;letter-spacing:0}h2{margin-bottom:6px;font-size:1.1rem}h3{margin-bottom:6px;overflow-wrap:anywhere;font-size:1rem}.intro p:last-child,.queue-empty p,.queue-header p,.job-main p,.job-result p,.progress-block p{max-width:58ch;color:#5d6b60;line-height:1.5}.controls{display:grid;gap:14px;margin-bottom:14px}.field,.file-picker,.queue-empty,.queue-item{border:1px solid #d9dfd3;border-radius:8px;background:#fff}.field{display:grid;gap:8px;padding:14px;font-weight:700}.target-input{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:52px;border:1px solid #c9d2c5;border-radius:8px;overflow:hidden;background:#fbfcf8}.target-input input{width:100%;min-width:0;border:0;padding:14px;background:transparent;color:#17211b}.target-input span{padding:0 14px;color:#5d6b60}.file-picker,.primary-action,.download-link{display:inline-grid;min-height:52px;place-items:center;border-radius:8px;color:#fff;background:#2f6f5e;font-weight:800;text-decoration:none;cursor:pointer}.file-picker{width:100%;border-color:#2f6f5e;padding:14px}.file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.primary-action{width:100%;padding:0 18px}.primary-action:disabled{cursor:not-allowed;opacity:.55}.secondary-action{min-height:40px;padding:0 14px;border:1px solid #c9d2c5;border-radius:8px;color:#314038;background:#fbfcf8;font-weight:700}.download-link{min-height:44px;padding:0 14px;justify-self:start}.inline-error,.job-error{margin:0 0 14px;color:#9f2d20;font-weight:700}.queue-empty{padding:18px}.queue-section{display:grid;gap:14px}.queue-header{display:grid;gap:14px;align-items:start}.queue-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.queue-item{display:grid;gap:14px;padding:14px}.job-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.job-main p,.job-result p,.progress-block p,.queue-header p{margin-bottom:0}.status{min-width:88px;border:1px solid #d9dfd3;border-radius:999px;padding:6px 10px;color:#314038;background:#f3f5ef;text-align:center;font-size:.82rem;font-weight:800}.status-processing,.status-verifying,.status-preparing{color:#174f66;background:#e6f3f7;border-color:#bcdce7}.status-completed{color:#20553e;background:#e5f3eb;border-color:#b7dac5}.status-failed{color:#8a271d;background:#fae9e5;border-color:#efc2b9}.progress-block{display:grid;gap:8px}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#e5eade}.progress-track span{display:block;height:100%;border-radius:inherit;background:#2f6f5e;transition:width .18s ease}.job-result{display:grid;gap:10px}@media (min-width: 768px){.app-shell{display:grid;align-items:start;padding:48px 24px}.controls{grid-template-columns:1fr 220px;align-items:end}.queue-header{grid-template-columns:minmax(0,1fr) auto}.primary-action{width:auto;min-width:210px}}
