.cam-root{position:absolute;inset:0}.cam-root :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.cam-desktop{inset:var(--menu-h) 0 var(--dock-h);place-items:center start;display:grid;position:absolute}.cam-panel{z-index:1;margin-left:12%;position:relative}.system-screen[data-compact] .cam-panel{place-self:start center;margin:36px 0 0}.cam-panel .util-panel-title{min-width:0}.cam-panel .util-panel-card{background:#000}.cam-title{white-space:nowrap;text-overflow:ellipsis;cursor:text;display:block;overflow:hidden}.cam-title-field{width:100%;font:inherit;color:#fff;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);-webkit-user-select:text;user-select:text;background:#ffffff14;border:0;border-radius:6px;outline:none;margin-left:-6px;padding:2px 6px}.cam-title-field::placeholder{color:#ffffff59}.cam-hover-button{white-space:nowrap;color:#ffffff8c;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0;font-size:10px;font-weight:600;transition:padding .28s cubic-bezier(.3,1.2,.5,1),background-color .15s,color .15s;display:flex}.cam-hover-button svg{flex:none;width:11px;height:11px}.cam-hover-button:hover:not(:disabled),.cam-hover-button[data-hover]:not(:disabled),.cam-hover-button[data-on]{color:#fff;background:#ffffff1a;padding:0 8px}.cam-hover-button:disabled{opacity:.35;cursor:default}.cam-hover-label{opacity:0;max-width:0;transition:max-width .28s cubic-bezier(.3,1.2,.5,1),margin .28s cubic-bezier(.3,1.2,.5,1),opacity .15s;overflow:hidden}.cam-hover-button:hover:not(:disabled) .cam-hover-label,.cam-hover-button[data-hover]:not(:disabled) .cam-hover-label{opacity:1;max-width:64px;margin-left:5px}.cam-footer{flex:1;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.cam-footer-controls{flex:1;align-items:center;gap:10px;transition:opacity .2s;display:flex}[data-toast]>.cam-footer-controls{opacity:0;pointer-events:none}.cam-footer-spacer{flex:1}.cam-divider{background:#ffffff1f;width:1px;height:14px}.cam-shapes{gap:2px;display:flex}.cam-shape{color:#ffffff80;border-radius:6px;place-items:center;width:22px;height:22px;transition:background-color .15s,color .15s;display:grid}.cam-shape svg{width:12px;height:12px}.cam-shape:hover,.cam-shape[data-hover]{color:#fff;background:#ffffff0f}.cam-shape[data-selected]{color:#fff;background:#ffffff1a}.cam-toast{color:#fff;align-items:center;gap:6px;font-size:11px;font-weight:500;animation:2.6s both cam-toast;display:flex;position:absolute;inset:0}@keyframes cam-toast{0%{opacity:0;translate:0 4px}8%,88%{opacity:1;translate:0}to{opacity:0}}.cam-toast-thumb{border-radius:4px;width:30px;height:20px;margin-right:2px;transition:scale .16s cubic-bezier(.3,1.6,.5,1);display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff40}.cam-toast-thumb:hover{scale:1.08}.cam-toast-thumb img{object-fit:cover;width:100%;height:100%}.cam-toast-check{color:#30d158}.cam-toast-fail{color:#ff453a}.cam-feed{background:#000;position:absolute;inset:0;overflow:hidden}.cam-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.cam-video[data-flipped]{scale:-1 1}.cam-video[data-ready]{opacity:1}.cam-spinner{border:2px solid #ffffff2e;border-top-color:#ffffffd9;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.8s linear infinite cam-spin;position:absolute;top:50%;left:50%}@keyframes cam-spin{to{rotate:1turn}}.cam-flash{z-index:3;pointer-events:none;background:#fff;animation:.35s ease-out both cam-flash;position:absolute;inset:0}@keyframes cam-flash{0%{opacity:1}to{opacity:0}}.cam-name{z-index:2;white-space:nowrap;text-overflow:ellipsis;color:#fff;pointer-events:none;background:#00000073;border-radius:999px;max-width:calc(100% - 20px);padding:4px 8px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:10px;overflow:hidden}.cam-stand{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:#fffc;pointer-events:none;background:#00000073;border-radius:999px;padding:3px 7px;font-size:9.5px;font-weight:600;position:absolute;top:10px;right:10px}.cam-notice{text-align:center;background:radial-gradient(90% 70% at 50% 110%, color-mix(in srgb, var(--scene-color) 22%, transparent), transparent 70%), #0b0b0d;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 28px;display:flex;position:absolute;inset:0}.cam-notice b{font-size:13px;font-weight:600}.cam-notice p{color:#ffffff80;text-wrap:pretty;font-size:11.5px;line-height:1.4}[data-compact]>.cam-notice{gap:5px;padding:0 16px}[data-compact]>.cam-notice b{font-size:11.5px}.cam-notice-icon{color:#ffffff73;margin-bottom:4px;display:grid}.cam-notice-icon svg{width:28px;height:28px}[data-compact] .cam-notice-icon{margin-bottom:0}[data-compact] .cam-notice-icon svg{width:20px;height:20px}.cam-notice-action{color:#fff;background:var(--accent,#0a84ff);border-radius:999px;margin-top:8px;padding:6px 13px;font-size:11.5px;font-weight:600;transition:filter .15s,scale .16s cubic-bezier(.3,1.6,.5,1)}.cam-notice-action:hover{filter:brightness(1.12)}.cam-notice-action:active{scale:.96}[data-compact] .cam-notice-action{margin-top:4px;padding:4px 10px;font-size:10.5px}.cam-pin{--accent:#0a84ff;left:calc(var(--cx) * (100% - 280px - 40px) + 20px);top:calc(var(--cy) * (100% - 200px - 40px) + 20px);z-index:2;width:280px;height:200px;transition:left .42s cubic-bezier(.3,1.1,.5,1),top .42s cubic-bezier(.3,1.1,.5,1),translate .42s cubic-bezier(.3,1.1,.5,1);animation:.32s cubic-bezier(.3,1.2,.5,1) both cam-pin-in;position:absolute}.cam-pin[data-dragging]{cursor:grabbing;transition:none}.cam-pin[data-locked]{pointer-events:none}@keyframes cam-pin-in{0%{opacity:0;scale:.92}}.cam-pin-body{touch-action:none;cursor:grab;background:#000;border-radius:20px;width:280px;height:200px;transition:left .36s cubic-bezier(.3,1.1,.5,1),width .36s cubic-bezier(.3,1.1,.5,1),border-radius .36s cubic-bezier(.3,1.1,.5,1);position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 18px 44px -12px #000000b3}[data-shape=rectangle]>.cam-pin-body{border-radius:4px}[data-shape=circle]>.cam-pin-body{border-radius:100px;width:200px;left:40px}[data-dragging]>.cam-pin-body{cursor:grabbing}.cam-pin-chrome{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s ease-out;position:absolute;inset:0}.cam-pin-body:hover>.cam-pin-chrome,.cam-pin-body[data-hover]>.cam-pin-chrome,[data-held]>.cam-pin-body>.cam-pin-chrome{opacity:1}.cam-pin-chrome>*{pointer-events:none}.cam-pin-body:hover>.cam-pin-chrome .cam-pin-button,[data-held]>.cam-pin-body>.cam-pin-chrome .cam-pin-button{pointer-events:auto}[data-locked] .cam-pin-body>.cam-pin-chrome{opacity:0}.cam-pin-band{height:64px;position:absolute;left:0;right:0}.cam-pin-band[data-edge=top]{background:linear-gradient(#00000080,#0000);top:0}.cam-pin-band[data-edge=bottom]{background:linear-gradient(#0000,#00000080);bottom:0}.cam-pin-dim{background:radial-gradient(closest-side,#0000001a,#0000008c);position:absolute;inset:0}.cam-pin-bar{align-items:center;padding:8px;display:flex;position:absolute;left:0;right:0}.cam-pin-bar[data-edge=top]{gap:4px;top:0}.cam-pin-bar[data-edge=bottom]{gap:6px;bottom:0}.cam-pin-spacer{flex:1}.cam-pin-spot{position:absolute;translate:-50% -50%}.cam-pin-button{width:var(--size);height:var(--size);color:#fff;background:#00000080;border-radius:50%;place-items:center;transition:background-color .15s,color .15s,scale .16s cubic-bezier(.3,1.6,.5,1);display:grid}.cam-pin-button svg{width:calc(var(--size) * .42);height:calc(var(--size) * .42)}.cam-pin-button:hover:not(:disabled),.cam-pin-button[data-hover]:not(:disabled){background:#000000b3}.cam-pin-button:active:not(:disabled){scale:.92}.cam-pin-button[data-on]{background:#ffffff47}.cam-pin-button[data-faint]{color:#ffffff73}.cam-pin-button[data-dim]{color:#fff6;background:#0000004d}.cam-pin-button:disabled{cursor:default}.cam-pin-button:disabled:not([data-dim]){opacity:.4}.cam-pin-name{z-index:2;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 0 3px #0009;pointer-events:none;font-size:11px;font-weight:500;transition:opacity .15s ease-out;position:absolute;bottom:14px;left:14px;right:14px;overflow:hidden}[data-shape=circle] .cam-pin-name{text-align:center}.cam-pin-body:hover>.cam-pin-name,.cam-pin-body[data-hover]>.cam-pin-name,[data-held]>.cam-pin-body>.cam-pin-name{opacity:0}[data-locked] .cam-pin-body>.cam-pin-name{opacity:1}.cam-popover{z-index:30;color:#fff;background:#26262af7;border-radius:12px;flex-direction:column;gap:10px;width:200px;padding:14px;font-size:12px;animation:.18s cubic-bezier(.3,1.2,.5,1) both cam-popover-in;display:flex;position:absolute;translate:-50%;box-shadow:0 0 0 1px #ffffff1a,0 16px 40px -8px #0009}.cam-popover[data-above]{translate:-50% -100%}.cam-popover:before{content:"";left:calc(50% + var(--arrow,0px));background:inherit;border-radius:2px 0 0;width:12px;height:12px;margin-left:-6px;position:absolute;top:-6px;rotate:45deg;box-shadow:-1px -1px #ffffff1a}.cam-popover[data-above]:before{top:auto;bottom:-6px;rotate:225deg}@keyframes cam-popover-in{0%{opacity:0;scale:.96}}.cam-popover-title{font-size:12px;font-weight:600}.cam-presets{gap:6px;display:flex}.cam-preset{color:#ffffff8c;background:#ffffff0f;border-radius:6px;flex:1;padding:5px 0;font-size:11px;font-weight:500;transition:background-color .15s,color .15s}.cam-preset:hover,.cam-preset[data-hover]{color:#fff}.cam-preset[data-selected]{color:#fff;background:#ffffff1a}.cam-check{cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.cam-check input{opacity:0;pointer-events:none;position:absolute}.cam-check-box{color:#0000;background:#ffffff1a;border-radius:4px;place-items:center;width:14px;height:14px;transition:background-color .12s,color .12s;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}input:checked+.cam-check-box{color:#fff;background:var(--accent,#0a84ff);box-shadow:none}.cam-contrast{flex-direction:column;gap:4px;display:flex}.cam-contrast-head{color:#ffffff8c;justify-content:space-between;font-size:11px;display:flex}.cam-contrast-head span{font-variant-numeric:tabular-nums;color:#ffffff59}.cam-contrast-row{color:#ffffff80;align-items:center;gap:7px;display:flex}.cam-contrast-row>svg{flex:none;width:10px;height:10px}.cam-contrast-row input{flex:1;min-width:0}.cam-contrast-row input[type=range]{cursor:pointer;appearance:none;background:0 0;height:16px;margin:0}.cam-contrast-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent,#0a84ff) var(--p), #ffffff2e var(--p));border-radius:2px;height:4px}.cam-contrast-row input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--accent,#0a84ff) var(--p), #ffffff2e var(--p));border-radius:2px;height:4px}.cam-contrast-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #00000073}.cam-contrast-row input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000073}.cam-cursor{z-index:40;opacity:0;filter:drop-shadow(0 1px 2px #00000073);transform-origin:2px 2px;pointer-events:none;width:15px;height:21px;margin:-2px 0 0 -2px;transition:left .56s cubic-bezier(.45,0,.2,1),top .56s cubic-bezier(.45,0,.2,1),opacity .24s,scale 90ms ease-out;position:absolute}.cam-cursor[data-shown]{opacity:1}.cam-cursor[data-down]{scale:.86}.cam-cursor[data-fast]{transition:opacity .24s,scale 90ms ease-out}@media (prefers-reduced-motion:reduce){.cam-cursor{transition-duration:1ms}.cam-pin,.cam-pin-body,.cam-hover-button,.cam-hover-label{transition:none}.cam-pin,.cam-popover,.cam-toast{animation:none}}