.cam-panel{display:flex;flex-direction:column;gap:12px;width:100%;padding:2px 0 0}.cam-label{font-size:11.5px;font-weight:500;color:hsl(var(--ink-3))}.cam-section{display:flex;flex-direction:column;gap:6px}.cam-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}.cam-presets{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:3px;border-radius:14px;background:hsl(var(--well))}.cam-preset{height:32px;min-width:0;padding:0 6px;border:0;border-radius:11px;background:transparent;color:hsl(var(--ink-2));font-size:12.5px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s,transform .1s}.cam-preset:hover{color:hsl(var(--ink));background:hsl(var(--well-2))}.cam-preset:active{transform:scale(.97);background:hsl(var(--shade))}.cam-preset[data-on=true]{color:hsl(var(--ink));background:hsl(var(--card));box-shadow:0 1px 2px rgba(16,22,40,.1),0 2px 8px -4px rgba(16,22,40,.12)}.cam-btn:focus-visible,.cam-chip:focus-visible,.cam-preset:focus-visible,.cam-view-x:focus-visible,.cam-view:focus-visible{outline:2px solid hsl(var(--cobalt));outline-offset:2px}.cam-sliders{display:flex;flex-direction:column;gap:2px}.cam-row{display:grid;grid-template-columns:44px minmax(0,1fr) 52px;align-items:center;gap:10px;min-height:32px}.cam-row-label{font-size:13px;font-weight:500;color:hsl(var(--ink-2))}.cam-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}.cam-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,hsl(var(--cobalt)) 0 var(--p,0),hsl(var(--well-2)) var(--p,0))}.cam-range::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(90deg,hsl(var(--cobalt)) 0 var(--p,0),hsl(var(--well-2)) var(--p,0))}.cam-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--hair-strong),0 1px 4px rgba(16,22,40,.25)}.cam-range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--hair-strong),0 1px 4px rgba(16,22,40,.25)}.cam-range:focus-visible{outline:none}.cam-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--hair-strong),0 0 0 3px hsl(var(--cobalt-50)),0 0 0 4px hsl(var(--cobalt))}.cam-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--hair-strong),0 0 0 3px hsl(var(--cobalt-50)),0 0 0 4px hsl(var(--cobalt))}.cam-field{display:inline-flex;align-items:center;justify-content:flex-end;height:26px;border-radius:9px;background:hsl(var(--well));padding:0 8px;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-variant-numeric:tabular-nums;color:hsl(var(--ink))}.cam-chips{display:flex;flex-wrap:wrap;gap:6px}.cam-chip{height:30px;padding:0 12px;border:0;border-radius:999px;background:hsl(var(--well));color:hsl(var(--ink));font-size:12.5px;font-weight:500;cursor:pointer;transition:background-color .15s,transform .1s}.cam-chip:hover{background:hsl(var(--well-2))}.cam-chip:active{background:hsl(var(--shade));transform:scale(.98)}.cam-views{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.cam-view-wrap{position:relative}.cam-view{display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:hsl(var(--well));box-shadow:inset 0 0 0 1px var(--hair);text-align:left;cursor:pointer;transition:transform .1s,box-shadow .15s}.cam-view:hover{box-shadow:inset 0 0 0 1px var(--hair-strong)}.cam-view:active{transform:scale(.98)}.cam-view-img{display:grid;place-items:center;aspect-ratio:16/10;color:hsl(var(--ink-3))}.cam-view-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cam-view-img svg{width:16px;height:16px}.cam-view-name{display:block;padding:5px 8px 6px;font-size:12px;font-weight:500;color:hsl(var(--ink));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cam-view-x{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px var(--hair);color:hsl(var(--ink-2));cursor:pointer;opacity:0;transition:opacity .15s,background-color .15s}.cam-view-x svg{width:12px;height:12px}.cam-view-wrap:hover .cam-view-x,.cam-view-x:focus-visible{opacity:1}.cam-view-x:hover{background:#fff;color:hsl(var(--red))}@media (hover:none){.cam-view-x{opacity:1}}.cam-foot{display:flex;padding-top:2px}.cam-btn,.cam-foot{align-items:center;gap:6px}.cam-btn{display:inline-flex;height:32px;padding:0 12px 0 10px;border:0;border-radius:999px;background:hsl(var(--well));color:hsl(var(--ink));font-size:13px;font-weight:500;letter-spacing:-.005em;cursor:pointer;transition:background-color .15s,transform .1s}.cam-btn svg{width:15px;height:15px;color:hsl(var(--ink-2))}.cam-btn:hover{background:hsl(var(--well-2))}.cam-btn:active{background:hsl(var(--shade));transform:scale(.98)}.cam-btn[data-push=true]{margin-left:auto}@container slate (max-width: 520px){.cam-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.cam-btn,.cam-chip,.cam-preset{height:40px}.cam-chip{padding:0 14px}.cam-row{grid-template-columns:40px minmax(0,1fr) 50px;min-height:40px}.cam-range{height:40px}.cam-view-x{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.cam-btn,.cam-chip,.cam-preset,.cam-view{transition:none}}