:root{--bg: #fff;--surface: #fafaf9;--surface-2: #f4f4f2;--ink: #131312;--ink-2: #5f5e5a;--ink-3: #93918b;--line: #e8e7e3;--line-2: #d4d2cb;--accent: #0f6e56;--accent-soft: #e1f5ee;--danger: #a32d2d;--radius: 18px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}header{display:flex;align-items:center;gap:28px;max-width:920px;width:100%;margin:0 auto;padding:22px 24px}.brand{font:600 17px/1 var(--sans);letter-spacing:-.03em;text-decoration:none;margin-right:auto}.brand span{color:var(--ink-3);font-weight:400}header nav{display:flex;gap:22px}header nav a{font-size:14px;color:var(--ink-3);text-decoration:none}header nav a:hover,header nav a[aria-current=page]{color:var(--ink)}main{flex:1;width:100%;max-width:920px;margin:0 auto;padding:0 24px 56px}h1{margin:0 0 16px;font:400 15px/1.5 var(--sans);color:var(--ink-2)}.drop{position:relative;display:grid;place-content:center;justify-items:center;gap:6px;min-height:clamp(300px,52vh,480px);padding:32px 24px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,min-height .25s ease}.drop:hover{border-color:var(--ink-3)}.drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop-line{margin:0;font:500 clamp(20px,3.4vw,26px)/1.25 var(--sans);letter-spacing:-.02em}.drop-hint{margin:0;font-size:14px;color:var(--ink-3)}.drop:active{background:var(--surface-2)}.drop.compact{min-height:0;padding:16px;margin-bottom:20px;grid-auto-flow:column;gap:10px;align-items:baseline;place-content:center}.drop.compact .drop-line{font-size:14px;font-weight:400;color:var(--ink-2)}.drop.compact .drop-hint:empty{display:none}.privacy{margin:14px 0 0;font-size:13px;color:var(--ink-3)}.results{margin-top:28px}.results[hidden]{display:none}.summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}.summary .total{font-weight:500;color:var(--ink)}.summary button{margin-left:auto}button{font:inherit;color:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;background:var(--bg);font-size:14px;font-weight:500;transition:border-color .15s ease,background .15s ease}.btn:hover{border-color:var(--ink)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.primary:hover{background:#2f2f2d}.btn[disabled]{opacity:.45;cursor:default}.list{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.thumb{width:44px;height:44px;border-radius:8px;object-fit:contain;border:1px solid var(--line);background-color:var(--surface);background-image:conic-gradient(var(--surface-2) 25%,transparent 0 50%,var(--surface-2) 0 75%,transparent 0);background-size:10px 10px}.meta{min-width:0}.name{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dims{display:block;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.sizes{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.sizes b{color:var(--ink);font-weight:500}.saved{min-width:62px;text-align:right;font-size:14px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.saved.pending,.saved.bigger{color:var(--ink-3);font-weight:400}.saved.failed{color:var(--danger);font-weight:400}.row .btn{height:32px;padding:0 14px;font-size:13px}.row .err{grid-column:2 / -1;font-size:13px;color:var(--danger);margin-top:-6px}.prose{max-width:62ch;margin-top:56px;font-size:14px;line-height:1.75;color:var(--ink-2)}.prose h2{font:500 16px/1.4 var(--sans);color:var(--ink);margin:32px 0 8px}.prose p{margin:0 0 12px}.prose table{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:13px;font-variant-numeric:tabular-nums}.prose th,.prose td{text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--line)}.prose th{font-weight:500;color:var(--ink)}.prose td:not(:first-child){text-align:right;white-space:nowrap}.prose th:not(:first-child){text-align:right}.prose .us{color:var(--accent);font-weight:500}footer{width:100%;max-width:920px;margin:0 auto;padding:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12.5px;color:var(--ink-3)}footer a{text-decoration:none}footer a:hover{color:var(--ink);text-decoration:underline}footer .spacer{margin-left:auto}@media(max-width:640px){header{padding:18px 16px}header nav{gap:16px}main{padding:0 16px 40px}.row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"thumb meta saved" "thumb sizes dl";column-gap:10px;row-gap:2px}.thumb{grid-area:thumb;width:40px;height:40px;align-self:start}.meta{grid-area:meta}.sizes{grid-area:sizes;font-size:12px}.saved{grid-area:saved;min-width:54px}.row .btn{grid-area:dl;justify-self:end}.row .err{grid-area:sizes;margin:0}}