:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#111827;--muted:#6b7280;--border:#e5e7eb;--primary:#1d4ed8;--primary-fg:#fff;--danger:#b91c1c;--danger-bg:#fef2f2;--success:#15803d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0f19;--fg:#f3f4f6;--muted:#9ca3af;--border:#27303f;--primary:#3b82f6;--primary-fg:#0b0f19;--danger:#f87171;--danger-bg:#2a1414;--success:#4ade80}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.screen{justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.page{min-height:100dvh}.container{flex-direction:column;gap:1.25rem;max-width:28rem;margin:0 auto;padding:1.5rem 1rem 2.5rem;display:flex}.eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.title{margin:.15rem 0 0;font-size:1.25rem;font-weight:600}.description{border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);border-radius:.75rem;padding:.9rem 1rem;font-size:.9rem;font-weight:500}.shots-heading{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.shots-hint{color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.chip[data-state=selected]{border-color:var(--primary);background:var(--primary);color:var(--primary-fg)}.chip[data-state=received]{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.file-input{display:none}.button{border:1px solid var(--primary);background:var(--primary);width:100%;color:var(--primary-fg);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button--outline{color:var(--fg);border-color:var(--border);background:0 0}.pending-heading{margin:0 0 .5rem;font-size:.875rem;font-weight:600}.pending-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.tile{aspect-ratio:1;border:1px solid var(--border);background:var(--border);border-radius:.65rem;position:relative;overflow:hidden}.tile[data-state=error]{border-color:var(--danger)}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile-badge{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#000000a6;border-radius:.35rem;padding:.15rem .35rem;font-size:.6rem;position:absolute;bottom:.25rem;left:.25rem;right:.25rem;overflow:hidden}.tile-badge[data-state=error]{background:var(--danger)}.tile-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:999px;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.75rem;line-height:1;display:inline-flex;position:absolute;top:.25rem;right:.25rem}.feedback{margin:0;font-size:.875rem}.feedback--error{color:var(--danger)}.feedback--success{color:var(--success)}.empty-icon{background:var(--border);border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto;font-size:1.5rem;display:flex}.stack{text-align:center;flex-direction:column;gap:.75rem;max-width:22rem;display:flex}.stack h1{margin:0;font-size:1.1rem;font-weight:600}.stack p{color:var(--muted);margin:0;font-size:.875rem}