:root{color-scheme:dark;--ink:#101210;--panel:#181b18;--panel2:#20241f;--line:#343932;--lime:#d8f79a;--white:#f5f5ee;--muted:#a7ada0;--pink:#f396c3;--blue:#83c9e8;--warm:#f4c175;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 48% -30%,#293025 0,transparent 53%),var(--ink);color:var(--white);min-height:100svh}button,input,a{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:disabled{opacity:.52;cursor:not-allowed}[hidden]{display:none!important}.shell{color:var(--white);width:min(100%,1100px);margin:auto;padding:calc(14px + env(safe-area-inset-top)) clamp(16px,4vw,48px) calc(24px + env(safe-area-inset-bottom));min-height:100svh;display:flex;flex-direction:column}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:9px;align-items:center;color:var(--white);text-decoration:none;font-weight:800;letter-spacing:-1.2px;font-size:23px}.brand img{width:31px;height:31px}.brand-dot{color:var(--lime)}.top-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d8f79a70}.icon-button{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:var(--panel)}.intro{position:relative;display:grid;justify-items:center;text-align:center;padding:clamp(40px,9vh,100px) 0 48px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.9px;color:var(--lime);font-weight:750;margin:0 0 12px}.intro h1,.studio-heading h1{font-size:clamp(48px,9vw,92px);line-height:.99;letter-spacing:-4.2px;margin:0;font-weight:650}.intro h1 em,.studio-heading h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--lime);letter-spacing:-3.5px}.intro-copy{max-width:350px;color:#c2c6bc;font-size:15px;line-height:1.6;margin:20px 0 0}.orb-field{height:60px;width:min(300px,72vw);position:relative;margin:18px 0 26px}.orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.48}.orb-lime{width:43px;height:43px;background:#d8f79a;left:13%;top:10px}.orb-pink{width:36px;height:36px;background:#ed8ebd;left:39%;top:18px}.orb-blue{width:40px;height:40px;background:#70bbdc;left:57%;top:0}.orb-warm{width:35px;height:35px;background:#ffc36c;right:9%;top:16px}.auth-card{width:min(100%,440px);display:grid;grid-template-columns:42px 1fr;gap:0 13px;text-align:left;padding:20px;border:1px solid #363d32;background:#191d18eF;border-radius:22px;box-shadow:0 18px 70px #0004;position:relative}.auth-icon{grid-row:1/3;border-radius:14px;width:40px;height:40px;display:grid;place-items:center;background:#d8f79a18;color:var(--lime);font-size:22px}.auth-card h2{font-size:15px;margin:2px 0 5px}.auth-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.primary-button{min-height:50px;border:0;border-radius:14px;padding:0 19px;background:var(--lime);color:#151a12;font-weight:760;display:flex;align-items:center;justify-content:center;gap:15px;transition:filter .18s,transform .18s}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.auth-card>.primary-button,.auth-card>.micro-copy{grid-column:1/-1}.auth-card>.primary-button{margin-top:17px}.auth-card .micro-copy{text-align:center;font-size:11px;margin-top:12px}.micro-copy a{color:var(--lime);text-underline-offset:3px}.privacy{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;align-items:end;gap:18px;color:#899084;font-size:10px}.privacy details{max-width:560px}.privacy summary{cursor:pointer;color:#c1c7ba;min-height:44px;display:flex;align-items:center;text-underline-offset:3px}.privacy details p{font-size:11px;line-height:1.55;color:#aeb3a7;max-width:540px}.studio{padding-top:clamp(22px,5vh,54px)}.studio-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 19px}.studio-heading h1{font-size:clamp(36px,6vw,58px);letter-spacing:-2.5px}.studio-heading h1 em{letter-spacing:-2px}.text-button{border:0;background:transparent;color:#c1c7ba;min-height:44px;padding:0 5px;text-decoration:underline;text-decoration-color:#596052;text-underline-offset:5px;font-size:13px}.stage-wrap{max-width:620px;margin:auto}.stage{position:relative;aspect-ratio:4/5;max-height:61svh;min-height:300px;width:100%;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 45% 44%,#363d30,#20231f 48%,#151715);border:1px solid #3a4037;box-shadow:0 20px 65px #0005}.stage canvas{touch-action:none;cursor:grab;position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.empty-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#c5cbbb}.empty-stage strong{font:24px Georgia,serif;color:var(--white)}.empty-stage span{color:#adb2a7;font-size:12px}.empty-spark{font-size:32px;color:var(--lime);margin-bottom:6px}.stage-caption{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center}.live-pill,.mirror-button{height:44px;border:1px solid #ffffff32;background:#121512bf;backdrop-filter:blur(12px);border-radius:99px;display:flex;align-items:center;gap:7px;padding:0 12px;color:#f4f4ed;font-size:9px;letter-spacing:.8px}.live-pill i{width:6px;height:6px;background:var(--lime);border-radius:50%}.mirror-button{letter-spacing:0;font-size:12px;cursor:pointer}.mirror-button[aria-pressed="false"]{color:#bec3b9}.camera-actions{max-width:620px;margin:12px auto 20px;width:100%;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.start-button{flex:1;min-width:180px}.pause-button{min-height:48px;padding:0 17px;background:#272b25;border:1px solid #444a3f;border-radius:14px}.camera-note{width:100%;text-align:center;color:#93998e;font-size:11px;margin-top:-4px}.controls{display:grid;gap:12px;max-width:760px;margin:0 auto}.control-section{color:var(--white);padding:20px;border:1px solid #2e332d;background:#171a17;border-radius:21px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-title .eyebrow{margin-bottom:6px;font-size:9px}.section-title h2{margin:0;font-size:17px;letter-spacing:-.4px}.add-button{background:#252b22;border:1px solid #40493a;border-radius:12px;min-height:43px;padding:0 13px;color:var(--lime);font-size:12px;font-weight:650}.section-help{margin:12px 0 15px;color:#aeb4a8;font-size:12px;line-height:1.55}.presets{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.presets button{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;border:1px solid #393f35;border-radius:13px;background:#222620;font-size:13px}.presets button span{font-size:11px}.presets button[aria-pressed="true"]{border-color:var(--lime);color:var(--lime);background:#d8f79a12}.light-list{display:grid;gap:9px}.light-card{display:grid;grid-template-columns:32px minmax(80px,1fr) 100px 82px 40px;align-items:center;gap:10px;background:#20241f;border:1px solid #353a33;border-radius:15px;padding:12px}.light-swatch{height:44px;width:44px;border-radius:50%;border:0;box-shadow:inset 0 0 0 2px #fff5}.light-name{font-size:12px;font-weight:650;min-width:0}.light-name small{display:block;color:#969d90;font-size:10px;font-weight:450;margin-top:3px}.light-control label{font-size:9px;color:#aeb4a8;display:flex;justify-content:space-between;margin-bottom:5px}.light-control input,.screen-tools>input{accent-color:var(--lime);width:100%;height:44px;margin:0}.light-color{width:44px;height:44px;border:0;border-radius:10px;background:transparent;padding:2px}.remove-light{width:44px;height:44px;border:1px solid #484b43;border-radius:11px;background:#292c28;color:#ddd;font-size:18px}.limit-note{font-size:11px;color:var(--warm);margin:11px 0 0}.toggle{width:56px;height:44px;border:1px solid #53584e;border-radius:99px;background:#30342e;padding:3px;transition:background .2s}.toggle i{display:block;background:#c5c8bd;width:28px;height:28px;border-radius:50%;transition:transform .2s}.toggle[aria-checked="true"]{background:#82975d;border-color:#b7d686}.toggle[aria-checked="true"] i{transform:translateX(14px);background:#f5f9e9}.screen-tools{padding-top:15px}.range-label{display:flex;justify-content:space-between;font-size:11px;color:#c5cabe}.range-label output{color:var(--lime)}.check-label{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:12px;color:#bec4b7;min-height:44px}.check-label input{accent-color:var(--lime);width:18px;height:18px}#screenLight{position:fixed;inset:-8%;z-index:0;pointer-events:none;display:none;background:radial-gradient(ellipse at center,var(--screen-color,#f7eedb) 0%,var(--screen-color,#f7eedb) 28%,transparent 78%);opacity:var(--screen-brightness,.55);filter:blur(18px)}.shell{position:relative;z-index:1}.fixture-tools{width:max-content;margin:7px auto;display:flex;gap:12px;align-items:center;color:#ffcab5;font-size:11px}.fixture-tools button{min-height:40px;border:1px solid #e79983;border-radius:10px;padding:0 12px;background:#7b2d24;color:white;font-weight:700}.fixture-tools[hidden]{display:none!important}body.screen-on #screenLight{display:block}body.screen-on #screenLight{mix-blend-mode:normal}body:has(dialog[open]) #screenLight{display:none}#sourceVideo{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;left:-5px;top:-5px}.toast{position:fixed;z-index:40;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);background:#282d26;border:1px solid #495241;border-radius:14px;padding:13px 16px;color:#f4f4ed;font-size:12px;box-shadow:0 12px 36px #0009}.toast[hidden]{display:none}dialog{width:min(420px,calc(100% - 32px));border:1px solid #485041;border-radius:22px;background:#1b1f1a;color:var(--white);padding:25px;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#070907c9;backdrop-filter:blur(7px)}dialog h2{font-size:21px;margin:9px 0}dialog p{font-size:13px;color:#bac0b4;line-height:1.6;margin:0 0 20px}.dialog-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#d8f79a20;color:var(--lime);font-weight:800}.dialog .primary-button{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.fullscreen-ui .shell{width:100%;max-width:none;padding-left:12px;padding-right:12px}body.fullscreen-ui .topbar,body.fullscreen-ui .intro,body.fullscreen-ui .controls,body.fullscreen-ui .privacy,body.fullscreen-ui .studio-heading,body.fullscreen-ui .camera-note{display:none}body.fullscreen-ui .studio{padding:0}body.fullscreen-ui .camera-actions{margin-bottom:0}body.fullscreen-ui .stage{max-height:75svh;border-radius:12px}@media(min-width:760px){.intro{padding-top:60px}.studio{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.15fr);column-gap:38px;align-items:start}.studio-heading{grid-column:1/-1}.stage-wrap{grid-column:2;grid-row:2/span 2;width:100%}.camera-actions{grid-column:2}.controls{grid-column:1;grid-row:2/span 2;width:100%;margin:0}.privacy{padding-top:40px}.stage{max-height:70svh}.camera-actions{align-self:start}}@media(max-width:500px){.shell{padding-left:13px;padding-right:13px}.top-status{font-size:10px}.studio-heading h1{font-size:37px}.stage{aspect-ratio:3/4;min-height:300px;max-height:53svh;border-radius:21px}.control-section{padding:16px}.light-card{grid-template-columns:44px minmax(70px,1fr) 76px 44px;gap:7px;padding:10px}.light-color{grid-column:2;grid-row:2}.light-control.spread{grid-column:3;grid-row:1/span 2}.light-control.intensity{grid-column:1/-1;grid-row:3;padding-top:5px}.light-card .light-name{grid-column:2;grid-row:1}.light-card .remove-light{grid-column:4;grid-row:1}.privacy{align-items:start;flex-direction:column}.intro h1{letter-spacing:-3px}.auth-card{padding:17px}.camera-actions{gap:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.fixture-badge{width:max-content;margin:10px auto 0;padding:7px 10px;border-radius:99px;background:#7b2d24;color:#fff2e8;border:1px solid #e79983;font-size:10px;font-weight:800;letter-spacing:.8px}