:root{--bg: #f5f7fa;--ink: #18212b;--muted: #5a6573;--navy: #1f3a5f;--gold: #f2c14e;--ok: #1e7a46;--ng: #b3261e;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #11161c;--ink: #e8edf2;--muted: #9aa6b3;--navy: #8fb3e0;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}header,main{max-width:40rem;margin:0 auto;padding:1rem}header{border-bottom:3px solid var(--gold)}h1{margin:0;font-size:1.5rem;color:var(--navy)}h2{font-size:1.1rem;margin:1.5rem 0 .5rem}header p,.hint{color:var(--muted);margin:.25rem 0 0;font-size:.95rem}dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0 0 1rem;font-size:.95rem}dt{color:var(--muted)}dd{margin:0;word-break:break-all}label{display:block;font-size:.95rem;margin-top:.5rem}input[type=text]{width:100%;font-size:1rem;padding:.6rem;border:1px solid var(--muted);border-radius:6px;background:transparent;color:inherit}button,.file-btn{display:block;width:100%;margin-top:.75rem;padding:.8rem;font-size:1rem;font-weight:600;text-align:center;border:0;border-radius:6px;background:var(--navy);color:#fff;cursor:pointer}.file-btn.secondary{background:transparent;color:var(--navy);border:2px solid var(--navy)}button:focus-visible,.file-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#photos{list-style:none;padding:0;margin:0}#photos li{display:grid;grid-template-columns:96px 1fr;gap:.75rem;padding:.75rem 0;border-bottom:1px solid color-mix(in srgb,var(--muted) 30%,transparent)}#photos img{width:96px;height:96px;object-fit:cover;border-radius:4px}.meta{font-size:.85rem;color:var(--muted)}.ok{color:var(--ok);font-weight:600}.ng{color:var(--ng);font-weight:600}.row-actions button{display:inline-block;width:auto;padding:.4rem .8rem;margin:.4rem .4rem 0 0;font-size:.9rem}.row-actions .danger{background:var(--ng)}