@font-face{font-family:Geist Pixel Line;src:url(/fonts/GeistPixel-Line.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Grid;src:url(/fonts/GeistPixel-Grid.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Circle;src:url(/fonts/GeistPixel-Circle.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Square;src:url(/fonts/GeistPixel-Square.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Triangle;src:url(/fonts/GeistPixel-Triangle.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-highlight:#fff3;--neon-accent:#667eea;--text-main:#ffffffe6;--text-muted:#fff9;--font-pixel:"Geist Pixel Line",monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-pixel);color:var(--text-main);background:#050508;overflow:hidden}canvas{cursor:crosshair;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.glass-panel{-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);color:var(--text-main);z-index:10;background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border-radius:24px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:absolute;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 0 20px #ffffff05}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-15deg)}.glass-panel:hover{background:linear-gradient(145deg,#ffffff14 0%,#ffffff05 100%);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 30px 60px #00000080,inset 0 0 20px #ffffff0d}.glass-panel:hover:before{transition:all .7s ease-in-out;left:150%}#instructions-container{width:280px;padding:24px;top:32px;left:32px}#instruction-title{letter-spacing:-.02em;-webkit-text-fill-color:transparent;text-shadow:0 10px 20px #0003;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:18px;font-weight:500}.instruction-text{color:var(--text-muted);font-size:14px;font-weight:300;line-height:1.5}.panel-hide-btn{color:#ffffff59;cursor:pointer;letter-spacing:2px;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:20px;padding:0;font-size:10px;transition:color .2s;display:flex}.panel-hide-btn:hover{color:#ffffffb3}#test-mode-panel.panel-hidden{gap:0;width:auto;min-width:0;padding:10px 16px}#control-buttons.panel-hidden{background:0 0;padding:4px 8px}#test-mode-panel{flex-direction:column;gap:14px;width:220px;padding:20px 24px;display:flex;top:32px;right:32px}#test-mode-title{font-size:12px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-weight:600}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ffffff1a;border-radius:24px;transition:all .3s;position:absolute;inset:0;box-shadow:inset 0 1px 3px #0000004d}.toggle-slider:before{content:"";background:#fff9;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle-switch input:checked+.toggle-slider{background:#a78bfa80;box-shadow:inset 0 1px 3px #0003,0 0 12px #a78bfa4d}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translate(20px);box-shadow:0 0 10px #fffc,0 1px 3px #0000004d}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-label{font-size:13px;font-family:var(--font-pixel);color:#ffffffb3;border-radius:3px;font-weight:300}.sensitivity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #fff}#control-buttons{z-index:20;background:#0000001a;gap:16px;padding:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.control-button{-webkit-backdrop-filter:blur(20px)saturate(140%);color:var(--text-main);cursor:pointer;font-family:var(--font-pixel);letter-spacing:.5px;text-transform:uppercase;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-top-color:#ffffff40;border-radius:50px;min-width:100px;padding:12px 24px;font-size:13px;font-weight:500;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d,inset 0 0 10px #ffffff05}.control-button:hover{text-shadow:0 0 8px #fff9;background:#ffffff1a;border-color:#fff6;transform:translateY(-4px);box-shadow:0 15px 30px #0006,0 0 20px #ffffff1a}.control-button:active{transform:translateY(-1px)}.control-button span{z-index:2;position:relative}#webcam-preview{border-radius:20px;flex-direction:column;gap:8px;width:200px;padding:12px;display:flex;bottom:32px;right:32px}#webcam-preview:hover{transform:translateY(-2px)}#webcam-display{opacity:.8;border-radius:12px;width:100%;display:block;transform:scaleX(-1)}#tracking-status{font-size:11px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:8px;padding:0 4px;font-weight:500;display:flex}.status-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .4s;box-shadow:0 0 8px #ef444499}.status-dot.tracking{background:#22c55e;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #22c55e99}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}#loading-overlay{z-index:100;background:#050508;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-title{letter-spacing:2px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:300}.loading-explainer{max-width:420px;color:var(--text-muted);letter-spacing:.5px;text-align:center;opacity:.7;font-size:12px;font-weight:300;line-height:1.6}.loading-subtitle{color:var(--text-muted);letter-spacing:1px;font-size:13px;font-weight:300}.loading-bar{background:#ffffff1a;border-radius:3px;width:200px;height:3px;overflow:hidden}.loading-progress{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;width:30%;height:100%;animation:1.5s ease-in-out infinite loading-sweep}@keyframes loading-sweep{0%{width:30%;transform:translate(-100%)}50%{width:60%}to{width:30%;transform:translate(400%)}}#sensor-hud{z-index:20;opacity:.7;flex-direction:column;gap:12px;width:220px;transition:opacity .3s;display:flex;position:absolute;bottom:32px;left:32px}#sensor-hud:hover{opacity:1}.sensor-hud-section{-webkit-backdrop-filter:blur(16px);z-index:1;background:#0a0a0ed9;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex;position:relative;overflow:hidden}.sensor-hud-section.imu-section{gap:12px}.sensor-hud-divider{display:none}.metric{font-size:11px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-items:center;gap:8px;font-weight:300;display:flex}.metric-bar{background:#ffffff1a;border-radius:3px;flex:1;height:3px;overflow:hidden}.metric-fill{background:linear-gradient(90deg,#667eea,#a78bfa);border-radius:3px;width:0%;height:100%;transition:width .15s}.imu-header{font-size:10px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:6px;display:flex}.imu-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite imu-pulse;box-shadow:0 0 6px #4ade80}@keyframes imu-pulse{0%,to{opacity:1}50%{opacity:.4}}.imu-main-row{align-items:center;gap:16px;display:flex}.imu-angle-gauge{width:72px;height:56px;position:relative}.imu-angle-value{text-align:center;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-20%)}.imu-angle-number{font-size:18px;font-family:var(--font-pixel);color:var(--text-main);font-weight:400}.imu-angle-unit{color:var(--text-muted);margin-left:1px;font-size:10px}.imu-tremor-block{flex-direction:column;flex:1;gap:4px;display:flex}.imu-tremor-bar{flex:none;width:100%}.imu-tremor-fill{transition:width .15s,background .3s}.imu-tremor-value{font-size:10px;font-family:var(--font-pixel);color:var(--text-muted)}.imu-label{font-size:10px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.imu-raw-grid{gap:16px;display:flex}.imu-raw-col{flex-direction:column;gap:2px;display:flex}.imu-raw-label{font-size:9px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:2px}.imu-raw-val{color:#ffffff80;letter-spacing:.5px;font-family:SF Mono,Menlo,monospace;font-size:10px}.imu-graph-card{gap:8px}.imu-rolling-graph{box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;width:100%;height:52px;display:block}#exercise-overlay{z-index:50;-webkit-backdrop-filter:blur(20px);background:#050508e6;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#exercise-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.exercise-overlay-inner{flex-direction:column;align-items:center;gap:24px;width:90%;max-width:720px;display:flex}.exercise-overlay-title{letter-spacing:1px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:300}.exercise-overlay-subtitle{color:var(--text-muted);letter-spacing:.5px;margin-top:-8px;font-size:14px;font-weight:300}#exercise-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:100%;display:grid}.exercise-card{-webkit-backdrop-filter:blur(10px)saturate(160%);backdrop-filter:blur(10px)saturate(160%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);cursor:pointer;background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border-radius:20px;flex-direction:column;gap:10px;padding:24px 20px;transition:all .35s cubic-bezier(.25,.8,.25,1);display:flex}.exercise-card:hover{background:linear-gradient(145deg,#ffffff1f 0%,#ffffff0a 100%);border-color:#fff3;transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 30px #667eea1a}.exercise-card-icon{font-size:28px;line-height:1}.exercise-card-name{letter-spacing:-.01em;color:var(--text-main);font-size:15px;font-weight:500}.exercise-card-desc{color:var(--text-muted);font-size:12px;font-weight:300;line-height:1.5}.exercise-overlay-footer{gap:12px;margin-top:8px;display:flex}.video-card{z-index:100;cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:10px;width:180px;position:fixed;bottom:24px;left:24px}.video-card:hover{border-color:var(--glass-highlight);box-shadow:0 6px 24px #0006}.video-card-thumb{aspect-ratio:16/9;object-fit:cover;opacity:.85;border-radius:10px 10px 0 0;width:100%;display:block}.video-card:hover .video-card-thumb{opacity:1}.video-card-label{font-size:10px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);text-align:center;padding:6px 10px}.video-modal-backdrop{z-index:999;background:#0009;position:fixed;inset:0}.video-modal-glass{z-index:1000;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:12px;width:min(90vw,1280px);padding:8px;position:fixed;top:calc(50vh + min(50.625vw + 16px,736px)/-2);left:calc(50vw - min(90vw,1280px)/2);box-shadow:0 8px 32px #00000080}.video-modal-close{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:28px;height:28px;color:var(--text-muted);cursor:pointer;z-index:1;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:-36px;right:0}.video-modal-close:hover{color:var(--text-main);border-color:var(--glass-highlight)}.video-modal-frame{aspect-ratio:16/9;border-radius:6px;width:100%;position:relative;overflow:hidden}.video-modal-frame iframe{border:none;width:100%;height:100%}#sensor-status{font-size:11px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:8px;padding:0 4px;font-weight:500;transition:opacity .3s;display:flex}#sensor-status.hidden{display:none}#api-key-modal{z-index:60;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}#api-key-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.api-key-modal-inner{-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);width:380px;color:var(--text-main);background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border-radius:24px;flex-direction:column;gap:16px;padding:32px;display:flex;position:relative;box-shadow:0 20px 40px #0006,inset 0 0 20px #ffffff05}.api-key-modal-title{letter-spacing:-.01em;font-size:16px;font-weight:500}.api-key-modal-desc{color:var(--text-muted);font-size:13px;font-weight:300;line-height:1.5}#api-key-input{color:var(--text-main);font-family:var(--font-pixel);background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .3s}#api-key-input:focus{border-color:#667eea80}#api-key-input::placeholder{color:#ffffff40}.api-key-modal-actions{justify-content:flex-end;gap:12px;display:flex}#exercise-hud{flex-direction:column;gap:14px;width:260px;padding:24px;transition:opacity .4s,visibility .4s,all .4s cubic-bezier(.25,.8,.25,1);display:flex;top:32px;left:32px}#exercise-hud.hidden{opacity:0;visibility:hidden;pointer-events:none}#hud-exercise-name{letter-spacing:-.01em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:500}#hud-rep-count,#hud-angle-display{justify-content:space-between;align-items:baseline;display:flex}.hud-label{font-size:11px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:400}#hud-reps{font-size:32px;font-family:var(--font-pixel);color:var(--text-main);font-weight:200;line-height:1}#hud-angle{font-size:18px;font-family:var(--font-pixel);color:var(--text-muted);font-weight:300}#hud-form-cue{color:#fb7185e6;min-height:18px;font-size:12px;font-weight:400;transition:opacity .3s}#hud-ai-text{color:var(--text-muted);min-height:20px;font-size:13px;font-style:italic;font-weight:300;line-height:1.5;transition:opacity .4s}#hud-voice-indicator{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);flex-direction:column;gap:8px;font-size:10px;font-weight:500;transition:opacity .3s;display:flex}#hud-voice-indicator.hidden{opacity:0}.voice-dot{background:#a78bfa;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #a78bfa99}.viz-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-size:10px;font-weight:500}.viz-grid{gap:6px;width:100%;display:grid}.viz-grid-cell{aspect-ratio:1;opacity:.1;background:currentColor;border-radius:50%;place-self:center;width:60%;transition:opacity 80ms ease-out}.viz-grid-cell[data-highlighted=true]{opacity:1;box-shadow:0 0 4px}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media (max-width:640px){#instructions-container{background:#0a0a0f99;width:auto;padding:16px;top:16px;left:16px;right:16px}#test-mode-panel{flex-direction:row;justify-content:space-between;align-items:center;width:auto;padding:16px;inset:auto 16px 100px}.theme-grid{margin-top:0}#control-buttons{justify-content:center;gap:8px;width:100%;padding:0 16px;bottom:24px}.control-button{flex:1;min-width:auto;padding:10px 16px;font-size:11px}#webcam-preview{width:120px;padding:8px;top:16px;bottom:auto;right:16px}#movement-metrics{display:none}}#testing-status{font-size:13px;font-family:var(--font-pixel);color:#ffffffb3;z-index:10;padding:16px 20px;font-weight:300;position:fixed;top:24px;left:24px}#testing-status .title{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:600}#testing-status .status-line{margin-bottom:6px}#testing-status .status-line span{color:#fff;font-weight:500}.shader-control-panel{z-index:20;border-radius:16px;flex-direction:column;width:260px;max-height:calc(100vh - 48px);display:flex;position:fixed;top:24px;overflow:hidden}.shader-control-panel-a{border-top:3px solid #a78bfa80;right:264px}.shader-control-panel-b{border-top:3px solid #4facfe80;right:536px}.shader-control-panel:hover{transform:none}.shader-panel-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.shader-panel-title{font-size:11px;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-weight:600}.shader-panel-actions{gap:6px;display:flex}.shader-panel-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.shader-panel-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.shader-panel-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.shader-panel-btn.has-changes{color:#a78bfae6;border-color:#a78bfa4d;position:relative}.shader-panel-btn.has-changes:hover{color:#fff;background:#a78bfa26;border-color:#a78bfa80}.shader-panel-btn.copied{color:#22c55e;background:#22c55e26;border-color:#22c55e66}.shader-badge{color:#fff;font-family:var(--font-pixel);text-align:center;pointer-events:none;background:#a78bfad9;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-4px;right:-4px}.shader-panel-body{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:4px 0;overflow:hidden auto}.shader-panel-body::-webkit-scrollbar{width:4px}.shader-panel-body::-webkit-scrollbar-track{background:0 0}.shader-panel-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.shader-panel-body::-webkit-scrollbar-thumb:hover{background:#fff3}.shader-section{border-bottom:1px solid #ffffff0a}.shader-section:last-child{border-bottom:none}.shader-section-header{color:#ffffff80;width:100%;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 16px;font-size:10px;font-weight:600;transition:color .2s;display:flex}.shader-section-header:hover{color:#fffc}.shader-chevron{transition:transform .25s}.shader-chevron.collapsed{transform:rotate(-90deg)}.shader-section-body{flex-direction:column;gap:8px;padding:0 16px 10px;display:flex}.shader-slider-row{flex-direction:column;gap:4px;display:flex}.shader-slider-header{justify-content:space-between;align-items:baseline;display:flex}.shader-ctrl-label{font-size:11px;font-family:var(--font-pixel);color:#ffffff8c;font-weight:300}.shader-ctrl-value{font-size:11px;font-family:var(--font-pixel);color:#a78bfacc;text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-weight:400}.shader-slider{appearance:none;cursor:pointer;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:3px}.shader-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#a78bfab3;border:1.5px solid #ffffff4d;border-radius:50%;width:12px;height:12px;transition:all .15s;box-shadow:0 0 6px #a78bfa4d}.shader-slider::-webkit-slider-thumb:hover{background:#a78bfa;transform:scale(1.3);box-shadow:0 0 12px #a78bfa99}.shader-slider::-moz-range-thumb{cursor:pointer;background:#a78bfab3;border:1.5px solid #ffffff4d;border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #a78bfa4d}.shader-toggle-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.toggle-switch.small{width:36px;height:20px}.toggle-switch.small .toggle-slider:before{width:14px;height:14px;bottom:3px;left:3px}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(16px)}.shader-panel-toggle{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:fixed;top:24px}.shader-panel-toggle-a{border-top:3px solid #a78bfa80;right:264px}.shader-panel-toggle-b{border-top:3px solid #4facfe80;right:316px}.shader-panel-toggle:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;box-shadow:0 0 20px #a78bfa33}@media (max-width:640px){.shader-control-panel{width:auto;max-height:40vh;top:auto;bottom:100px;left:16px;right:16px!important}.shader-control-panel-b{bottom:55vh}.shader-panel-toggle{top:auto;bottom:100px;right:16px!important}.shader-panel-toggle-b{right:64px!important}}