:root{--bg:#f4f1ea;--surface:#fff;--text:#1c1c1c;--muted:#5d5d5d;--border:#d8d2c4;--accent:#d6322b;--accent-text:#fff;--success:#1c7a3a;--check-a:#e4e4e4;--check-b:#fff;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17171a;--surface:#222228;--text:#f0eee8;--muted:#a5a5ad;--border:#3a3a44;--accent:#ef5a52;--accent-text:#1a1a1a;--success:#58c77a;--check-a:#3a3a40;--check-b:#2a2a30}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}main,.site-header,.site-footer{width:min(100%,880px);margin-inline:auto;padding-inline:16px}main{padding-block:16px 32px}a{color:var(--accent)}.site-header{border-bottom:3px solid var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-block:14px;display:flex}.brand{color:var(--text);flex-direction:column;text-decoration:none;display:flex}.brand strong{letter-spacing:.04em;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;font-size:1.8rem;line-height:1.1}.tagline{color:var(--muted);font-size:.9rem}.site-header nav{gap:8px;display:flex}.site-header nav a,.tabs a{border:2px solid var(--border);color:var(--text);border-radius:999px;padding:6px 14px;font-weight:600;text-decoration:none}.site-header nav a.active,.tabs a.active{background:var(--text);border-color:var(--text);color:var(--bg)}.tabs{gap:8px;margin-bottom:16px;display:flex}.site-footer{color:var(--muted);padding-block:16px 32px;font-size:.85rem}.drop-zone{border:3px dashed var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:24px 16px;display:flex}.drop-zone.dragging{border-color:var(--accent)}.drop-title{text-transform:uppercase;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:1.6rem}.hint{color:var(--muted);margin:4px 0;font-size:.85rem}.hint:empty{display:none}.status{color:var(--muted);text-align:center}.error{border:2px solid var(--accent);border-radius:var(--radius);color:var(--text);padding:10px 12px}.success{color:var(--success);margin:0;font-weight:600}button,.button{border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-text);font:inherit;text-align:center;cursor:pointer;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-block}button.secondary,.button.secondary{color:var(--accent);background:0 0}button:disabled,.button.disabled{opacity:.5;cursor:not-allowed}.actions{flex-direction:column;gap:10px;display:flex}.actions.row{flex-flow:wrap;justify-content:center}.cards{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.card{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.card h2{margin:0;font-size:.95rem}.preview{border-radius:var(--radius);justify-content:center;padding:8px;display:flex}.preview img{width:min(100%,256px);height:auto;image-rendering:pixelated}.preview.large img{width:min(100%,384px)}.checkerboard{background-color:var(--check-b);background-image:linear-gradient(45deg, var(--check-a) 25%, transparent 25%, transparent 75%, var(--check-a) 75%), linear-gradient(45deg, var(--check-a) 25%, transparent 25%, transparent 75%, var(--check-a) 75%);background-position:0 0,8px 8px;background-size:16px 16px}.share{flex-direction:column;gap:8px;display:flex}.copy-row{gap:8px;display:flex}.link-field{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:0;color:var(--text);font:inherit;flex:1;padding:8px;font-size:.85rem}.share-page{max-width:480px;margin-inline:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.thumb{border:2px solid var(--border);border-radius:var(--radius);background-color:var(--surface);display:block;overflow:hidden}.thumb img{aspect-ratio:1;object-fit:contain;width:100%;display:block}@media (width<=560px){.cards{grid-template-columns:1fr}}