:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:var(--dd-bg);color:var(--dd-text);font-family:var(--dd-font);line-height:1.6}:root{--dd-shell-max: 1080px}main.work{padding-bottom:64px}.head{padding:40px 0 8px}.head h1{font-size:34px;font-weight:650;margin:0 0 6px;letter-spacing:-.02em}.tagline{margin:0;color:var(--dd-text-soft);max-width:62ch}.tagline strong{color:var(--dd-text);font-weight:600}.step{margin-top:34px}.step h2{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dd-text-muted);margin:0 0 12px}.drop{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;padding:40px 20px;border:1px dashed var(--dd-border);border-radius:var(--dd-radius);background:var(--dd-surface);cursor:pointer;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--dd-primary);background:var(--dd-surface-2)}.drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.drop-main{font-size:16px;color:var(--dd-text)}.drop-sub{font-size:12.5px;color:var(--dd-text-muted)}.srcinfo,.via{font-size:13px;color:var(--dd-text-muted);margin:10px 0 0;font-variant-numeric:tabular-nums}.err{margin:12px 0 0;padding:10px 12px;border:1px solid var(--dd-danger);border-radius:var(--dd-radius-sm);background:var(--dd-danger-bg);color:var(--dd-danger);font-size:14px}.formats{display:flex;flex-wrap:wrap;gap:8px}.fmt{font:inherit;font-size:14px;padding:8px 14px;border:1px solid var(--dd-border);border-radius:999px;background:var(--dd-surface);color:var(--dd-text-soft);cursor:pointer}.fmt:hover{border-color:var(--dd-primary-hover);color:var(--dd-text)}.fmt.on{background:var(--dd-primary);border-color:var(--dd-primary);color:var(--dd-on-primary)}.note{font-size:13px;color:var(--dd-text-muted);margin:10px 0 0;min-height:1.2em}.row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.row>label{font-size:14px;color:var(--dd-text-soft)}.row .chk{display:flex;align-items:center;gap:6px;cursor:pointer}input[type=range]{width:220px;accent-color:var(--dd-primary)}output{font-size:14px;font-variant-numeric:tabular-nums;min-width:3ch}.num{width:84px;padding:7px 9px;font:inherit;font-size:14px;border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);background:var(--dd-surface);color:var(--dd-text)}.num:disabled{opacity:.5}.x{color:var(--dd-text-muted)}select{font:inherit;font-size:14px;padding:7px 9px;border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);background:var(--dd-surface);color:var(--dd-text)}#run{margin-top:4px}#run:disabled{opacity:.6;cursor:progress}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.compare{grid-template-columns:1fr}}.compare figure{margin:0}.compare img{width:100%;height:280px;object-fit:contain;background:repeating-conic-gradient(var(--dd-surface-2) 0% 25%,var(--dd-surface) 0% 50%) 0 0 / 16px 16px;border:1px solid var(--dd-border);border-radius:var(--dd-radius)}.compare figcaption{font-size:12.5px;color:var(--dd-text-muted);margin-top:6px;font-variant-numeric:tabular-nums}.savings{font-size:15px;margin:14px 0 0;font-variant-numeric:tabular-nums}#dl{text-decoration:none;display:inline-block}.guide{margin-top:56px;border-top:1px solid var(--dd-border);padding-top:24px}.guide h2{font-size:20px;font-weight:620;letter-spacing:-.01em;text-transform:none;color:var(--dd-text);margin:0 0 10px}.guide h3{font-size:15.5px;font-weight:600;margin:22px 0 4px;color:var(--dd-text)}.guide p{margin:6px 0;color:var(--dd-text-soft);font-size:15px;max-width:70ch}.guide .lead{font-size:14px;color:var(--dd-text-muted);font-style:italic}.guide strong{color:var(--dd-text);font-weight:600;font-variant-numeric:tabular-nums}.guide a{color:var(--dd-primary);text-decoration-thickness:1px;text-underline-offset:2px}.limits{margin:8px 0 0;padding-left:20px;color:var(--dd-text-soft);font-size:15px}.limits li{margin:6px 0}.limits code{font-family:var(--dd-font-mono);font-size:13px;background:var(--dd-surface-2);padding:1px 5px;border-radius:var(--dd-radius-sm)}details{border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);padding:10px 14px;margin:8px 0;background:var(--dd-surface)}details summary{cursor:pointer;font-size:15px;font-weight:550;color:var(--dd-text)}details[open] summary{margin-bottom:6px}.sitefoot{margin-top:56px;padding-top:18px;border-top:1px solid var(--dd-border);font-size:13.5px;color:var(--dd-text-muted)}.sitefoot a{color:var(--dd-text-muted)}@media (prefers-color-scheme: dark){.drop,.fmt,select,.num{background:var(--dd-surface)}}