._container_1ti2z_1{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;width:100%;max-width:600px}._trackpad_1ti2z_11{width:100%;aspect-ratio:1;max-width:500px;border-radius:0;position:relative;cursor:crosshair;touch-action:none;border:0px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #0000004d;transition:all .5s cubic-bezier(.4,0,.2,1)}._trackpad_1ti2z_11._off_1ti2z_24{filter:brightness(.2) grayscale(.5);border-color:#ffffff0d}._indicator_1ti2z_29{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid rgba(0,0,0,.3);transform:translate(-50%,-50%);pointer-events:none;transition:opacity .5s ease-in-out;animation:_fadeIn_1ti2z_1 .4s ease-out}@keyframes _fadeIn_1ti2z_1{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}._off_1ti2z_24 ._indicator_1ti2z_29{opacity:0}._brightnessValue_1ti2z_58{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Inter,sans-serif;font-size:3rem;font-weight:200;color:#0000004d;pointer-events:none;text-shadow:0 0 20px rgba(255,255,255,.5);transition:opacity .5s ease-in-out}._off_1ti2z_24 ._brightnessValue_1ti2z_58{opacity:.1}._ghostIndicator_1ti2z_76{position:absolute;width:24px;height:24px;border-radius:50%;background:transparent;border:2px solid rgba(255,255,255,.3);transform:translate(-50%,-50%);pointer-events:none;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:.4}._sidebar_1mh00_1{width:250px;background:transparent;border-right:none;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:24px;overflow-y:auto;position:absolute;left:0;top:0;z-index:20;transition:all .3s ease;pointer-events:auto}@media(max-width:1024px){._sidebar_1mh00_1{width:100%;height:auto;position:relative;flex-direction:row;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);align-items:center;padding:12px 20px;gap:20px;overflow-x:auto;white-space:nowrap}._title_1mh00_34{margin-bottom:0;font-size:1.2rem;margin-right:12px}._list_1mh00_40{flex-direction:row;align-items:center}}._title_1mh00_34{color:#ffffffe6;font-family:Outfit,sans-serif;font-size:1.5rem;margin-bottom:24px;font-weight:600;letter-spacing:-.02em}._list_1mh00_40{display:flex;flex-direction:column;gap:8px}._lightItem_1mh00_61{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#fff9;padding:14px 24px;border-radius:50px;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500}._lightItem_1mh00_61:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}._active_1mh00_84{background:#ffffff26;border-color:#ffffff80;color:#fff;box-shadow:0 0 20px #ffffff1a}._statusIndicator_1mh00_91{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}._on_1mh00_99 ._statusIndicator_1mh00_91{background:#4ade80;box-shadow:0 0 8px #4ade80aa}._lightName_1mh00_104{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-container{min-height:100vh;background:radial-gradient(circle at center,#1a1a1a,#000);display:flex;flex-direction:row;position:relative;overflow:hidden}@media(max-width:1024px){.app-container{flex-direction:column-reverse;overflow-y:auto;overflow-x:hidden}}.left-panel{flex:0 0 850px;display:flex;position:relative;width:850px;min-width:850px;pointer-events:none;z-index:10}@media(max-width:1024px){.left-panel{max-width:100%;flex:0 0 auto;pointer-events:auto;flex-direction:column}}.right-panel{flex:1;background:#000;border-left:1px solid rgba(255,255,255,.1);position:relative;min-height:100vh;min-width:0}@media(max-width:1024px){.right-panel{border-left:none;border-bottom:1px solid rgba(255,255,255,.1);flex:1 1 50vh}}.main-content{flex:1;margin-left:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:20px;position:relative;width:100%;box-sizing:border-box;pointer-events:auto}@media(max-width:1024px){.main-content{margin-left:0;width:100%}}@media(max-width:768px){.main-content{padding:20px}}.selected-light-name{font-family:Outfit,sans-serif;font-size:4rem;font-weight:700;margin:0 0 20px;text-align:center;transition:all .5s ease;letter-spacing:-.02em;text-transform:uppercase}@media(max-width:768px){.selected-light-name{font-size:2.5rem}}.control-panel{margin-top:40px;display:flex;gap:15px;z-index:10;background:#fff0;padding:0;border-radius:60px;border:px solid rgba(255,255,255,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:500px;box-sizing:border-box;justify-content:space-between}.control-btn{padding:14px 28px;border-radius:50px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff9;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.control-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:#fff}.control-btn.active{background:#ffffff26;border-color:#ffffff80;color:#fff;box-shadow:0 0 20px #ffffff1a}.control-btn:disabled{opacity:.3;cursor:not-allowed}.power-btn.on{border-color:#4ade8055;color:#4ade80;background:#4ade801a}.power-btn.on:hover:not(:disabled){border-color:#4ade80aa;background:#4ade8026}.power-btn:not(.on){border-color:#f8717155;color:#f87171;background:#f871710d}.power-btn:not(.on):hover:not(:disabled){border-color:#f87171aa;background:#f871711a}.btn-icon{font-size:1.2rem}.experiment-intent{max-width:600px;text-align:center;font-size:.75rem;color:#ffffff4d;margin-top:40px;line-height:1.5;font-weight:300;font-family:Inter,sans-serif}