:root{--lg-tint-color: 255, 255, 255;--lg-tint-opacity: 0;--lg-shadow-blur: 20px;--lg-shadow-spread: -5px;--lg-shadow-color: rgba(255, 255, 255, .45);--lg-outer-shadow-blur: 24px;--lg-glass-radius: 20px;--lg-accent: #8b7cf7}liquid-glass{display:inline-flex;position:relative;box-sizing:border-box;width:fit-content;max-width:100%;border-radius:var(--lg-glass-radius, 20px);isolation:isolate;vertical-align:middle}liquid-glass-controls{display:block}.lg-controls-panel{position:fixed;top:12px;left:12px;bottom:12px;width:280px;background:#16161ad1;backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);color:#fff;border-radius:20px;font-size:13px;z-index:1000;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;box-shadow:0 10px 30px #0006;transform:translate(calc(-100% - 24px));transition:transform .35s cubic-bezier(.32,.72,0,1)}.lg-controls-panel.open{transform:translate(0)}.lg-controls-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.lg-controls-title{font-size:14px;font-weight:600;color:#ffffffd9}.lg-close-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center}.lg-close-btn:hover{background:#fff3;color:#fff}.lg-controls-scroll{flex:1;overflow-y:auto;padding:14px 16px 24px}.lg-controls-panel h2{margin:16px 0 8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff6}.lg-controls-panel h2:first-child{margin-top:0}.lg-controls-panel label{display:flex;justify-content:space-between;align-items:center;margin:6px 0;font-size:12.5px;color:#ffffffb3;gap:8px}.lg-controls-panel input[type=range]{flex:1;accent-color:var(--lg-accent, #8b7cf7)}.lg-controls-panel .value-display{font-family:SF Mono,ui-monospace,monospace;font-size:11px;color:#fff6;min-width:36px;text-align:right}.lg-controls-panel input[type=color]{width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;background:transparent}.lg-panel-toggle{position:fixed;top:16px;left:16px;z-index:1001;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#16161acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.lg-panel-toggle.hidden{opacity:0;pointer-events:none}