@layer rl-camera{.cam-page{--cam-void:#06090f;--cam-deep:#0b111a;--cam-panel:#111a26;--cam-panel-2:#16212f;--cam-line:#223143;--cam-text:#eaf2fb;--cam-muted:#b9cbdd;--cam-dim:#8ba3ba;--cam-blue:#2fa8ff;--cam-orange:#ff8a3d;--cam-green:#4fd08a;background:var(--cam-void);color:var(--cam-text)}.cam-hero{background:radial-gradient(30rem 14rem at 20% 0,#ffffff1a,#0000 70%),radial-gradient(30rem 14rem at 80% 0,#ffffff14,#0000 70%),radial-gradient(48rem 20rem at 60% 110%,#2fa8ff38,#0000 66%),linear-gradient(176deg,#101b2a,#06090f 80%);position:relative;overflow:hidden}.cam-hero:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff09 44%,#0000 52%),linear-gradient(65deg,#0000 48%,#ffffff08 55%,#0000 62%);position:absolute;inset:0}.cam-hero .container{z-index:1;position:relative}.cam-hero .eyebrow{color:var(--cam-blue)}.cam-hero h1 em{color:var(--cam-orange);font-style:normal}.cam-lede{max-width:60ch;color:var(--cam-muted);margin:.8rem 0 0;font-size:1.02rem;line-height:1.6}.cam-guide{border:1px solid var(--cam-line);backdrop-filter:blur(6px);background:#0b111ad1;border-radius:.8rem;gap:.6rem;padding:1rem 1.1rem;display:grid}.cam-guide-kicker{color:var(--cam-orange);font:750 .78rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.cam-guide dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .9rem;margin:0;display:grid}.cam-guide dt{color:var(--cam-dim);font-size:.88rem}.cam-guide dd{margin:.05rem 0 0}.cam-guide dd b{color:var(--cam-text);font:800 1.05rem/1.2 var(--font-mono)}.cam-guide .button{justify-self:start}.cam-bench{background:var(--cam-deep);border-top:1px solid var(--cam-line);border-bottom:1px solid var(--cam-line);padding:1.6rem 0 1.4rem}.cam-grid{grid-template-columns:minmax(16rem,.75fr) minmax(0,1.8fr);align-items:start;gap:1.1rem;display:grid}.cam-controls{gap:.55rem;display:grid}.cam-row{border:1px solid var(--cam-line);border-left:3px solid var(--cam-green);background:var(--cam-panel);border-radius:.5rem;gap:.3rem;padding:.6rem .75rem;display:grid}.cam-row[data-where=below],.cam-row[data-where=above]{border-left-color:var(--cam-orange)}.cam-row-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.cam-row-head strong{color:var(--cam-text);font-size:.95rem}.cam-row-head b{color:var(--cam-blue);font:800 1.05rem/1 var(--font-mono)}.cam-row input[type=range]{appearance:none;background:0 0;width:100%;height:1.4rem;margin:0}.cam-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, transparent var(--band-a), #4fd08a8c var(--band-a) var(--band-b), transparent var(--band-b)), var(--cam-panel-2);border-radius:999px;height:6px}.cam-row input[type=range]::-moz-range-track{background:linear-gradient(90deg, transparent var(--band-a), #4fd08a8c var(--band-a) var(--band-b), transparent var(--band-b)), var(--cam-panel-2);border-radius:999px;height:6px}.cam-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cam-blue);border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 0 0 3px #2fa8ff40}.cam-row input[type=range]::-moz-range-thumb{background:var(--cam-blue);border:0;border-radius:50%;width:16px;height:16px}.cam-row-foot{color:var(--cam-dim);gap:.15rem;font-size:.88rem;line-height:1.4;display:grid}.cam-row-foot em{color:var(--cam-green);font-style:normal;font:700 .8rem/1.3 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.cam-row[data-where=below] .cam-row-foot em,.cam-row[data-where=above] .cam-row-foot em{color:var(--cam-orange)}.cam-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.cam-share-status{color:var(--cam-muted);overflow-wrap:anywhere;font-size:.88rem}.cam-stage{gap:.8rem;display:grid}.cam-view{aspect-ratio:16/9;border:1px solid var(--cam-line);background:radial-gradient(circle at 50% 70%,#10301c,#0a1220 70%);border-radius:.65rem;margin:0;position:relative;overflow:hidden}.cam-view canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cam-view-wait{color:var(--cam-muted);place-items:center;font-size:.95rem;display:grid;position:absolute;inset:0}.cam-view[data-live=true] .cam-view-wait{display:none}.cam-view figcaption{color:var(--cam-muted);font:700 .82rem/1.3 var(--font-mono);background:#06090fb3;border-radius:.3rem;padding:.2rem .5rem;position:absolute;bottom:.5rem;left:.6rem}.cam-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.cam-number{border:1px solid var(--cam-line);border-top:3px solid var(--cam-blue);background:var(--cam-panel);border-radius:.5rem;gap:.25rem;padding:.65rem .75rem;display:grid}.cam-number span{color:var(--cam-dim);font-size:.88rem;line-height:1.35}.cam-number>b{color:var(--cam-text);font:800 clamp(1.3rem, 2.4vw, 1.75rem)/1.05 var(--font-display)}.cam-number>b b{font:inherit;color:inherit}.cam-side{gap:.35rem;margin:0;display:grid}.cam-side canvas{border:1px solid var(--cam-line);background:#0b111a;border-radius:.55rem;width:100%;height:auto}.cam-side figcaption{color:var(--cam-dim);font-size:.88rem;line-height:1.45}.cam-band{background:var(--cam-deep);padding:2rem 0}.cam-band-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.cam-band-head p{max-width:56ch;color:var(--cam-muted);margin:0;font-size:.95rem;line-height:1.55}.cam-faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.cam-faq details{border:1px solid var(--cam-line);background:var(--cam-panel);border-radius:.55rem;padding:.75rem .9rem}.cam-faq summary{color:var(--cam-text);cursor:pointer;justify-content:space-between;gap:.6rem;font-weight:650;list-style:none;display:flex}.cam-faq summary::-webkit-details-marker{display:none}.cam-faq summary span{color:var(--cam-orange);font-family:var(--font-mono);transition:transform .2s}.cam-faq details[open] summary span{transform:rotate(45deg)}.cam-faq p{color:var(--cam-muted);margin:.5rem 0 0;font-size:.95rem;line-height:1.6}.cam-note{color:var(--cam-dim);margin:1.2rem 0 2rem;font-size:.88rem;line-height:1.6}@media (width<=1100px){.cam-grid{grid-template-columns:minmax(0,1fr)}.cam-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.cam-actions{grid-column:1/-1}}@media (width<=900px){.cam-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.cam-faq{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.cam-controls,.cam-guide dl{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.cam-faq summary span{transition:none}}}.cam-hero h1{letter-spacing:0;color:#fff;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.08}.cam-band-head h2{color:#fff;margin:0;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.1}