:root{--color-bg:#060605;--color-surface:#0f0f0e;--color-surface-raised:#1a1a18;--color-text-primary:#f4f3ef;--color-text-secondary:#8f8d87;--color-accent:#d9432e;--color-accent-muted:#d9432e59;--color-border:#2a2a27;--color-border-strong:#f4f3ef66;--color-danger:#e5484d;--color-ok:#4caf6c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--tracking-label:.08em;--tracking-wordmark:-.01em;--motion-fast:.1s;--motion-medium:.22s;--motion-slow:.4s;--motion-ease:cubic-bezier(.2, .8, .2, 1);--font-sans:-apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:repeating-radial-gradient(circle at 0 0, #ffffff04 0, transparent 1px), var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-size:3px 3px,auto;margin:0}h1,h2,h3{margin:0;font-weight:500}button{cursor:pointer;font-family:inherit}select,input,button{font-family:inherit;font-size:.9rem}input[type=range]{appearance:none;background:var(--color-border);border-radius:var(--radius-pill);outline:none;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-text-primary);cursor:pointer;width:13px;height:13px;transition:background var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border:none;border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{background:var(--color-accent);transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--color-text-primary);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}input[type=range]::-moz-range-thumb:hover{background:var(--color-accent)}input[type=range]::-moz-range-track{background:var(--color-border);border-radius:var(--radius-pill);height:2px}input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-text-secondary);cursor:not-allowed}input[type=range]:disabled{opacity:.5}input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent);border:1px solid var(--color-border-strong);border-radius:3px}.pill-btn{color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:var(--tracking-label);transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);background:0 0;padding:10px 20px;font-size:.72rem;font-weight:500}.pill-btn:hover:not(:disabled){border-color:var(--color-text-primary);background:#f4f3ef14}.pill-btn:disabled{opacity:.4;cursor:not-allowed}.pill-btn.pill-btn-solid{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary)}.pill-btn.pill-btn-solid:hover:not(:disabled){background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-text-primary)!important}.app-header{grid-template-columns:1fr auto 1fr;display:grid}.control-strip{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);display:grid}@media (width<=480px){.app-header{text-align:center;justify-items:center;row-gap:var(--space-2);grid-template-columns:1fr}.app-header>a{justify-self:center!important}.control-strip{grid-template-columns:1fr}}@media (width<=480px) and (orientation:portrait){.camera-hero{aspect-ratio:3/4;width:100%;flex:none!important}}@media (height<=500px) and (orientation:landscape){.camera-hero{aspect-ratio:16/9;width:100%;flex:none!important}}