:root{color-scheme:dark;--bg: #111111;--surface: #1c1c1c;--surface2: #252525;--line: rgba(255,255,255,.08);--line2: rgba(255,255,255,.14);--text: #f0f0f0;--muted: #888;--accent: #e0e0e0;--green: #4ade80;--radius: 4px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100svh;background:var(--bg);color:var(--text);font-family:SF Mono,Fira Code,Menlo,monospace;-webkit-font-smoothing:antialiased}.shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.topbar-left{display:flex;align-items:center;gap:10px}.wordmark{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.status-dot{width:6px;height:6px;border-radius:999px;background:var(--muted);transition:background .3s}.status-dot.ready{background:var(--green)}.status-dot.busy{background:#facc15}.status-dot.error{background:#f87171}.status-label{font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.batch-btn{height:30px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--line2);background:transparent;color:var(--muted);font-family:inherit;font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s}.batch-btn:hover{color:var(--text);border-color:#ffffff47}.shots-area{padding:16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.shots-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase;opacity:.5;min-height:200px}.shot-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.shot-thumb{width:72px;height:54px;border-radius:2px;object-fit:cover;background:var(--surface2);display:block}.shot-thumb-placeholder{width:72px;height:54px;border-radius:2px;background:var(--surface2);border:1px solid var(--line)}.shot-meta{min-width:0}.shot-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.shot-state{margin-top:4px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.shot-state.final{color:var(--green)}.shot-index{font-size:11px;color:var(--muted);padding-right:2px}.footer{padding:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center}.shutter-wrap{position:relative}#camera-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.shutter{width:80px;height:80px;border-radius:999px;border:3px solid rgba(255,255,255,.22);background:#f0f0f0;cursor:pointer;transition:transform .1s,background .15s;display:block}.shutter:active,.shutter.busy{transform:scale(.94);background:#ccc}