:root{color:#1f2937;background:#f6f7f9;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;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.page{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.toolbar h1{margin:0;color:#111827;font-size:28px;font-weight:700;line-height:1.25}.toolbar p{margin:8px 0 0;color:#6b7280;font-size:14px}.state{display:grid;min-height:240px;place-items:center;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;background:#fff}.state-error{color:#b91c1c;border-color:#fecaca;background:#fff7f7}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.image-card{display:grid;gap:10px;width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;color:#374151;background:#fff;cursor:zoom-in;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-card:hover{border-color:#9ca3af;box-shadow:0 8px 24px #0f172a14;transform:translateY(-1px)}.image-card img{display:block;width:100%;aspect-ratio:1;border-radius:6px;object-fit:contain;background:linear-gradient(45deg,#f3f4f6 25%,transparent 25%),linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f4f6 75%),linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);background-color:#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.image-card span{overflow:hidden;min-width:0;color:#4b5563;font-size:13px;line-height:1.4;text-align:left;text-overflow:ellipsis;white-space:nowrap}.preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:56px 24px 24px;background:#111827d1}.preview img{display:block;max-width:100%;max-height:100%;border-radius:8px;object-fit:contain;background:#fff}.preview-close{position:fixed;top:16px;right:16px;width:40px;height:40px;border:1px solid rgb(255 255 255 / 24%);border-radius:999px;color:#fff;background:#111827b8;cursor:pointer}@media(max-width:640px){.page{width:min(100% - 24px,1280px);padding-top:24px}.toolbar{align-items:flex-start;flex-direction:column}.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}