.lightbox img.lightbox-photo{max-height:calc(100% - 84px - env(safe-area-inset-bottom))}.lightbox-actions{bottom:calc(16px + env(safe-area-inset-bottom));gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lightbox-download{color:#0f172a;min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 22px;font-weight:600;display:inline-flex}.lightbox-download:disabled{opacity:.7;cursor:progress}.lightbox-download.is-error{color:#7f1d1d;background:#fecaca}.lightbox-delete{color:#fff;background:#0f172a}.tile-failed{position:relative}.tile-failed img.tile-failed-preview{opacity:.22;filter:grayscale();position:absolute;inset:0}.tile-failed>span,.tile-failed>button{position:relative}.tile-failed>span{font-weight:600;line-height:1.3}:root{--color-accent:#2563eb;--color-accent-strong:#1d4ed8;--color-bg:#f1f5f9;--color-text:#0f172a;--color-muted:#64748b;--color-danger:#b91c1c;--color-danger-bg:#fee2e2;--color-tile:#e2e8f0;--radius-tile:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);min-height:100%;color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100dvh}.gallery-page{max-width:1200px;padding:4px 4px calc(140px + env(safe-area-inset-bottom));margin:0 auto}.photo-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}@media (width>=720px){.photo-grid{grid-template-columns:repeat(5,1fr);gap:8px}.gallery-page{padding:8px 8px calc(140px + env(safe-area-inset-bottom))}}.tile{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--color-tile);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile-upload{cursor:default;color:#fff;background:#334155}.tile-upload img{opacity:.45;position:absolute;inset:0}.tile-label{font-size:13px;font-weight:600;position:relative}.progress{background:#ffffff59;border-radius:999px;width:70%;height:4px;position:relative;overflow:hidden}.progress span{background:#fff;height:100%;transition:width .2s;display:block}.tile-failed{cursor:default;background:var(--color-danger-bg);color:var(--color-danger);text-align:center;padding:8px;font-size:12px}.tile-dismiss{background:var(--color-danger);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:4px 10px;font-size:12px}.tile-skeleton{cursor:default;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.grid-sentinel{height:1px}.empty-state{color:var(--color-muted);text-align:center;margin:48px 16px;font-size:16px}.notice{border-radius:var(--radius-tile);background:var(--color-danger-bg);color:var(--color-danger);margin:8px;padding:10px 12px;font-size:14px}.camera-button{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:5;background:var(--color-accent);color:#fff;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:10px;height:60px;padding:0 28px;font-size:17px;font-weight:600;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #2563eb59}.camera-button:active{background:var(--color-accent-strong);transform:translate(-50%)scale(.98)}.camera-button:focus-within{outline-offset:3px;outline:3px solid #2563eb59}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.lightbox{z-index:10;touch-action:pan-y;background:#0f172af0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.lightbox-close,.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:flex;position:absolute}.lightbox-close{top:calc(12px + env(safe-area-inset-top));right:12px}.lightbox-nav{top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}