.cam-page{--cam-ink:#141412;--cam-paper:#f4f1e9;--cam-line:color-mix(in srgb, var(--cam-ink) 18%, transparent);--cam-slot:#fff;--cam-media:#d8d2c6;background:var(--cam-paper);min-height:100vh;color:var(--cam-ink)}.cam-page.is-theme-dark{--cam-ink:#f4f1e9;--cam-paper:#0e0f12;--cam-line:color-mix(in srgb, var(--cam-ink) 22%, transparent);--cam-slot:#1a1c22;--cam-media:#22252c;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cam-shell{min-height:calc(100vh - 3.5rem)}.cam-workspace{grid-template-columns:minmax(0,1fr) minmax(22rem,24.5rem);min-width:0;display:grid}.cam-main{min-width:0;padding:1.1rem 1.35rem 2.5rem}.cam-hero{border-bottom:1px solid var(--cam-line);grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) auto;align-items:start;gap:1.25rem 1.5rem;padding-bottom:1.1rem;display:grid}.cam-kicker,.cam-label{font:400 .68rem / 1.4 var(--font-sans), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 58%, transparent);margin:0}.cam-title{font:400 clamp(2rem, 3.2vw, 3.1rem) / .92 var(--font-display), "Cormorant Garamond", serif;letter-spacing:.04em;text-transform:uppercase;margin:.35rem 0 0}.cam-subtitle{font:400 .72rem / 1.4 var(--font-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 62%, transparent);margin:.55rem 0 0}.cam-hero-aside{max-width:28rem;font:400 .92rem / 1.55 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 72%, transparent);margin:.85rem 0 0}.cam-back{border:1px solid color-mix(in srgb, var(--cam-ink) 35%, transparent);color:inherit;font:400 .62rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;place-self:start end;align-items:center;padding:.55rem .75rem;text-decoration:none;display:inline-flex}.cam-back:hover{background:var(--cam-ink);color:var(--cam-paper);border-color:var(--cam-ink)}.cam-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 1.15rem;display:flex}.cam-filters{flex-wrap:wrap;gap:.35rem .55rem;display:flex}.cam-filters button{color:color-mix(in srgb, var(--cam-ink) 62%, transparent);cursor:pointer;font:400 .62rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;margin:0;padding:.38rem .55rem}.cam-filters button.is-active{background:var(--cam-ink);color:var(--cam-paper)}.cam-toolbar-tools{align-items:center;gap:.45rem;margin-left:auto;display:inline-flex}.cam-play-all,.cam-guide-btn{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--cam-ink) 28%, transparent);width:2.15rem;height:2.15rem;color:color-mix(in srgb, var(--cam-ink) 62%, transparent);cursor:pointer;background:0 0;border-radius:0;flex:0 0 2.15rem;justify-content:center;align-items:center;margin:0;padding:0;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.cam-play-all-icon{flex-shrink:0;display:block}.cam-play-all:hover,.cam-guide-btn:hover{border-color:color-mix(in srgb, var(--cam-ink) 55%, transparent);color:var(--cam-ink)}.cam-play-all.is-active,.cam-guide-btn.is-active{background:var(--cam-ink);border-color:var(--cam-ink);color:var(--cam-paper)}.cam-guide{z-index:90;background:#0c0c0a8c;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.cam-guide-panel{border:1px solid color-mix(in srgb, var(--cam-ink) 20%, transparent);background:var(--cam-paper);width:min(100%,36rem);max-height:min(88vh,44rem);color:var(--cam-ink);flex-direction:column;display:flex;box-shadow:0 22px 48px #00000059}.cam-guide-head{border-bottom:1px solid color-mix(in srgb, var(--cam-ink) 12%, transparent);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem .85rem;display:flex}.cam-guide-kicker{font:500 .55rem / 1 var(--font-sans), sans-serif;letter-spacing:.28em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 48%, transparent);margin:0 0 .25rem}.cam-guide-head h2{font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.65rem;font-weight:400}.cam-guide-close{border:1px solid color-mix(in srgb, var(--cam-ink) 22%, transparent);width:2rem;height:2rem;color:color-mix(in srgb, var(--cam-ink) 70%, transparent);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.cam-guide-close:hover{border-color:color-mix(in srgb, var(--cam-ink) 50%, transparent);color:var(--cam-ink)}.cam-guide-body{font:400 .82rem / 1.55 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 82%, transparent);padding:1rem 1.25rem 1.35rem;overflow:auto}.cam-guide-body section+section{border-top:1px solid color-mix(in srgb, var(--cam-ink) 10%, transparent);margin-top:1.15rem;padding-top:1.05rem}.cam-guide-body h3{font:600 .58rem / 1.2 var(--font-sans), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 55%, transparent);margin:0 0 .55rem}.cam-guide-body p{margin:0 0 .65rem}.cam-guide-body p:last-child,.cam-guide-body ul:last-child,.cam-guide-body ol:last-child{margin-bottom:0}.cam-guide-body ul,.cam-guide-body ol{margin:0 0 .65rem;padding-left:1.15rem}.cam-guide-body li+li{margin-top:.3rem}.cam-guide-body code{color:color-mix(in srgb, var(--cam-ink) 72%, transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78em}.cam-guide-body strong{color:var(--cam-ink);font-weight:600}.cam-guide-dl{gap:.45rem;margin:0 0 .75rem;display:grid}.cam-guide-dl>div{border-bottom:1px solid color-mix(in srgb, var(--cam-ink) 8%, transparent);grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr);gap:.55rem .85rem;padding:.4rem 0;display:grid}.cam-guide-dl dt{font:600 .68rem / 1.35 var(--font-sans), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 62%, transparent);margin:0}.cam-guide-dl dd{font:400 .8rem / 1.4 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 80%, transparent);margin:0}@media (width<=40rem){.cam-guide-dl>div{grid-template-columns:1fr;gap:.15rem}}.cam-search{border:1px solid color-mix(in srgb, var(--cam-ink) 28%, transparent);min-width:min(16rem,100%);color:color-mix(in srgb, var(--cam-ink) 55%, transparent);align-items:center;gap:.4rem;padding:.4rem .55rem;display:inline-flex}.cam-search input{min-width:0;color:var(--cam-ink);font:400 .78rem / 1.3 var(--font-sans), sans-serif;background:0 0;border:0;outline:none;flex:1}.cam-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem .85rem;display:grid}.cam-card{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.55rem;margin:0;padding:0;display:flex}.cam-card-media{aspect-ratio:21/9;background:var(--cam-media);outline-offset:-1px;outline:1px solid #0000;position:relative;overflow:hidden}.cam-card.is-selected .cam-card-media{outline-color:var(--cam-ink)}.cam-card-media img,.cam-card-media video{object-fit:cover;width:100%;height:100%;transition:filter .25s;display:block}.cam-card:hover .cam-card-media img,.cam-card:hover .cam-card-media video{filter:brightness(1.06)}.cam-card-hover{opacity:0;font:400 .55rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f4f1e9eb;transition:opacity .2s;position:absolute;bottom:.4rem;right:.45rem}.cam-card.is-playing .cam-card-hover{opacity:.85}.cam-card:hover .cam-card-hover{opacity:1}.cam-card-title{font:400 .95rem / 1.15 var(--font-display), "Cormorant Garamond", serif;letter-spacing:.08em;text-transform:uppercase;margin:0}.cam-card-title span{color:color-mix(in srgb, var(--cam-ink) 45%, transparent);font:400 .62rem / 1 var(--font-sans), sans-serif;letter-spacing:.12em;margin-right:.45rem}.cam-card-desc{font:400 .72rem / 1.45 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 62%, transparent);margin:.28rem 0 0}.cam-empty{font:400 .78rem / 1.4 var(--font-sans), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 50%, transparent);grid-column:1/-1;margin:1rem 0}.cam-inspector{border-left:1px solid var(--cam-line);background:var(--cam-paper);align-self:start;max-height:100vh;position:sticky;top:0;overflow:auto}.cam-inspector-inner{flex-direction:column;gap:1rem;padding:1rem 1.05rem 1.4rem;display:flex}.cam-inspector-preview{aspect-ratio:21/9;background:var(--cam-media);position:relative;overflow:hidden}.cam-inspector-preview img,.cam-inspector-preview video{object-fit:cover;width:100%;height:100%;display:block}.cam-inspector-num{font:400 .62rem / 1 var(--font-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 45%, transparent);align-items:center;gap:.55rem;margin:0;display:flex}.cam-inspector-cat{border:1px solid color-mix(in srgb, var(--cam-ink) 18%, transparent);color:color-mix(in srgb, var(--cam-ink) 55%, transparent);letter-spacing:.12em;padding:.2rem .4rem}.cam-media-fallback{background:var(--cam-media);width:100%;height:100%;min-height:4.5rem;color:color-mix(in srgb, var(--cam-ink) 45%, transparent);font:400 .58rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;place-items:center;display:grid}.cam-config{flex-direction:column;gap:.85rem;display:flex}.cam-config-row{flex-direction:column;gap:.4rem;display:flex}.cam-config-key{font:400 .58rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 55%, transparent);justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.cam-config-key em{color:color-mix(in srgb, var(--cam-ink) 85%, transparent);font-style:normal}.cam-pill-row{flex-wrap:wrap;gap:.3rem;display:flex}.cam-pill{border:1px solid color-mix(in srgb, var(--cam-ink) 18%, transparent);min-height:1.7rem;color:color-mix(in srgb, var(--cam-ink) 70%, transparent);cursor:pointer;font:400 .55rem / 1 var(--font-sans), sans-serif;letter-spacing:.1em;text-transform:uppercase;background:0 0;margin:0;padding:.28rem .5rem}.cam-pill.is-active{background:var(--cam-ink);border-color:var(--cam-ink);color:var(--cam-paper)}.cam-config-split{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.cam-config-split label,.cam-config-row>label:not(.cam-radio):not(.cam-check){font:400 .55rem / 1 var(--font-sans), sans-serif;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 55%, transparent);flex-direction:column;gap:.28rem;display:flex}.cam-config select,.cam-config input[type=range]{width:100%;accent-color:var(--cam-ink)}.cam-config select{border:1px solid color-mix(in srgb, var(--cam-ink) 20%, transparent);background:var(--cam-slot);min-height:2rem;color:var(--cam-ink);font:400 .72rem / 1.2 var(--font-sans), sans-serif;letter-spacing:.02em;text-transform:none;border-radius:0;padding:.35rem .45rem}.cam-radio-col{flex-direction:column;gap:.35rem;display:flex}.cam-radio,.cam-check{font:400 .72rem / 1.35 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 78%, transparent);letter-spacing:0;text-transform:none;cursor:pointer;align-items:flex-start;gap:.45rem;margin:0;display:flex}.cam-radio small{color:color-mix(in srgb, var(--cam-ink) 50%, transparent);margin-top:.15rem;font-size:.65rem;line-height:1.35;display:block}.cam-speed-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cam-speed-slider{font:400 .55rem / 1 var(--font-sans), sans-serif;letter-spacing:.08em;color:color-mix(in srgb, var(--cam-ink) 50%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;display:grid}.cam-speed-current{font:400 .72rem / 1.35 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 78%, transparent);margin:0}.cam-config-note,.cam-config-warn{font:400 .68rem / 1.4 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 55%, transparent);margin:0}.cam-config-warn{color:#8a5a2b}.cam-speed.is-disabled{opacity:.72}.cam-inspector-head h2{font:400 1.55rem / 1 var(--font-display), "Cormorant Garamond", serif;letter-spacing:.06em;text-transform:uppercase;margin:.35rem 0 0}.cam-inspector-head p:last-child{font:400 .82rem / 1.5 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 68%, transparent);margin:.55rem 0 0}.cam-inspector-section{border-top:1px solid var(--cam-line);padding-top:.85rem}.cam-inspector-section-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cam-copy{color:color-mix(in srgb, var(--cam-ink) 55%, transparent);cursor:pointer;font:400 .58rem / 1 var(--font-sans), sans-serif;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.3rem;margin:0;padding:0;display:inline-flex}.cam-prompt{white-space:pre-wrap;max-height:14rem;font:400 .72rem / 1.55 var(--font-sans), sans-serif;color:color-mix(in srgb, var(--cam-ink) 78%, transparent);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--cam-ink) 32%, transparent) transparent;margin:.55rem 0 0;padding-right:.35rem;overflow:auto}.cam-prompt::-webkit-scrollbar{width:4px;height:4px}.cam-prompt::-webkit-scrollbar-button{width:0;height:0;display:none}.cam-prompt::-webkit-scrollbar-track{background:0 0}.cam-prompt::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--cam-ink) 28%, transparent);border-radius:999px}.cam-prompt::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--cam-ink) 48%, transparent)}.cam-prompt::-webkit-scrollbar-corner{background:0 0}.cam-page.is-theme-dark .cam-prompt{scrollbar-color:#c5a0596b transparent}.cam-page.is-theme-dark .cam-prompt::-webkit-scrollbar-thumb{background:#c5a0596b}.cam-page.is-theme-dark .cam-prompt::-webkit-scrollbar-thumb:hover{background:#c5a059a6}.cam-examples{grid-template-columns:1fr auto 1fr;align-items:center;gap:.55rem;margin-top:.65rem;display:grid}.cam-examples figure{margin:0}.cam-examples img{aspect-ratio:16/9;object-fit:cover;background:var(--cam-media);width:100%;display:block}.cam-examples figcaption,.cam-examples>span{font:400 .58rem / 1 var(--font-sans), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--cam-ink) 50%, transparent);text-align:center;margin-top:.3rem}.cam-use{border:1px solid var(--cam-ink);background:var(--cam-ink);color:var(--cam-paper);font:400 .68rem / 1 var(--font-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;margin-top:.35rem;padding:.85rem 1rem;text-decoration:none;display:flex}.cam-use:hover{color:var(--cam-ink);background:0 0}@media (width<=1200px){.cam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cam-workspace{grid-template-columns:minmax(0,1fr) minmax(20rem,22rem)}}@media (width<=960px){.cam-workspace{grid-template-columns:1fr}.cam-inspector{border-left:0;border-top:1px solid var(--cam-line);max-height:none;position:static}.cam-hero{grid-template-columns:1fr}.cam-back{justify-self:start}.cam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cam-grid{grid-template-columns:1fr}}