:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}*{box-sizing:border-box}body{color:#e5e7eb;background:#0b1020;min-height:100dvh;margin:0}.app{flex-direction:column;gap:1.25rem;max-width:32rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex}h1{letter-spacing:.02em;margin:0;font-size:1.75rem}.status{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.status__dot{background:#6b7280;border-radius:50%;flex:none;width:.6rem;height:.6rem}.status--connected .status__dot{background:#22c55e}.status--requesting .status__dot,.status--connecting .status__dot{background:#eab308}.status--error .status__dot{background:#ef4444}.status__idle{color:#9ca3af;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}.btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.75rem;padding:1.1rem;font-size:1.05rem;font-weight:600}.btn:disabled{opacity:.55;cursor:default}.btn--stop{background:#dc2626}.error{color:#fca5a5;background:#ef44441f;border-radius:.5rem;margin:0;padding:.75rem 1rem;font-size:.9rem}.shot h2,.events h2{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem;font-size:.85rem;font-weight:600}.shot img{border:1px solid #1f2937;border-radius:.5rem;width:100%;height:auto;display:block}.events__empty{color:#6b7280;margin:0;font-size:.85rem}.events__list{max-height:18rem;margin:0;padding:0;font-size:.8rem;line-height:1.7;list-style:none;overflow-y:auto}.events__list code{color:#93c5fd}