:root{--apple-white:#fff;--apple-off-white:#fafafa;--apple-warm-white:#f9f9f9;--apple-cool-white:#f8f9fa;--apple-pearl:#f7f8f9;--apple-gray-50:#f9fafb;--apple-gray-100:#f3f4f6;--apple-gray-200:#e5e7eb;--apple-gray-300:#d1d5db;--apple-gray-400:#9ca3af;--apple-gray-500:#6b7280;--apple-gray-600:#4b5563;--apple-gray-700:#374151;--apple-gray-800:#1f2937;--apple-gray-900:#111827;--apple-system-gray:#8e8e93;--apple-system-gray-2:#aeaeb2;--apple-system-gray-3:#c7c7cc;--apple-system-gray-4:#d1d1d6;--apple-system-gray-5:#e5e5ea;--apple-system-gray-6:#f2f2f7;--apple-blue:#007aff;--apple-blue-light:#5ac8fa;--apple-blue-dark:#0051d5;--apple-success:#34c759;--apple-warning:#ff9500;--apple-error:#ff3b30;--apple-info:#5ac8fa;--apple-surface-primary:var(--apple-off-white);--apple-surface-secondary:var(--apple-warm-white);--apple-surface-tertiary:var(--apple-cool-white);--apple-surface-elevated:var(--apple-white);--apple-border-light:rgba(0,0,0,.04);--apple-border-medium:rgba(0,0,0,.08);--apple-border-strong:rgba(0,0,0,.12);--apple-text-primary:#1d1d1f;--apple-text-secondary:#86868b;--apple-text-tertiary:#a1a1a6;--apple-shadow-light:0 1px 3px rgba(0,0,0,.1);--apple-shadow-medium:0 4px 6px rgba(0,0,0,.1);--apple-shadow-strong:0 10px 15px rgba(0,0,0,.1)}.apple-surface-primary{background-color:var(--apple-surface-primary)}.apple-surface-secondary{background-color:var(--apple-surface-secondary)}.apple-surface-elevated{background-color:var(--apple-surface-elevated);box-shadow:0 1px 3px var(--apple-shadow-light)}.apple-border{border-color:var(--apple-border-medium)}.apple-text-primary{color:var(--apple-text-primary)}.apple-text-secondary{color:var(--apple-text-secondary)}.apple-button{background-color:var(--apple-surface-elevated);border:1px solid var(--apple-border-medium);border-radius:8px;transition:all .2s ease}.apple-button:hover{background-color:var(--apple-surface-secondary);border-color:var(--apple-border-strong);box-shadow:0 2px 8px var(--apple-shadow-medium)}.apple-button:active{transform:scale(.98);box-shadow:0 1px 4px var(--apple-shadow-light)}.apple-card{background-color:var(--apple-surface-elevated);border:1px solid var(--apple-border-light);border-radius:12px;box-shadow:0 1px 3px var(--apple-shadow-light)}.apple-card:hover{box-shadow:0 4px 12px var(--apple-shadow-medium);transform:translateY(-1px)}.apple-glass{background-color:hsla(0,0%,100%,.8)}.apple-glass,.apple-glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.apple-glass-dark{background-color:rgba(0,0,0,.1)}.glass-button{background:linear-gradient(145deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.6));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8),inset 0 -1px 0 rgba(0,0,0,.05);transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:linear-gradient(145deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.7));box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.08);transform:translateY(-1px)}.glass-button:active{background:linear-gradient(145deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.5));box-shadow:0 1px 4px rgba(0,0,0,.2),inset 0 1px 2px rgba(0,0,0,.1)}.glass-button-compact{background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.4);border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8),inset 0 -1px 0 rgba(0,0,0,.05);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.glass-button-compact:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.8));box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.08);transform:translateY(-.5px)}.glass-button-compact:active{background:linear-gradient(135deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.6));box-shadow:0 1px 2px rgba(0,0,0,.1),inset 0 1px 3px rgba(0,0,0,.1);transform:translateY(0)}.apple-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 50%,hsla(0,0%,100%,.1));border-radius:3px;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1)}.apple-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.05);cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.apple-slider::-webkit-slider-thumb:hover{background:linear-gradient(145deg,#fff,#e8e8e8);box-shadow:0 3px 8px rgba(0,0,0,.2),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.08);transform:scale(1.1)}.apple-slider::-webkit-slider-thumb:active{background:linear-gradient(145deg,#f8f8f8,#e0e0e0);box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1);transform:scale(1.05)}.apple-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.05);cursor:pointer;-moz-transition:all .15s ease;transition:all .15s ease}.apple-slider-compact{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 50%,hsla(0,0%,100%,.1));box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.5);outline:none;cursor:pointer}.apple-slider-compact::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#fff,#f5f5f5 50%,#ebebeb);border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.8),inset 0 -1px 0 rgba(0,0,0,.1);cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.apple-slider-compact::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#fff,#fafafa 50%,#f0f0f0);box-shadow:0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.15);transform:scale(1.1)}.apple-slider-compact::-webkit-slider-thumb:active{background:linear-gradient(135deg,#f0f0f0,#e6e6e6 50%,#dcdcdc);box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px 2px rgba(0,0,0,.1);transform:scale(.95)}.apple-slider-compact::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#fff,#f5f5f5 50%,#ebebeb);border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.8);cursor:pointer;-moz-transition:all .15s ease;transition:all .15s ease}.apple-slider-compact::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 50%,hsla(0,0%,100%,.1));box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.5)}.glass-card{background:linear-gradient(145deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.6));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8),inset 0 -1px 0 rgba(0,0,0,.05);transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:linear-gradient(145deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.7));box-shadow:0 6px 24px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.08);transform:translateY(-2px)}.glass-card-compact{background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.6)}.text-compact{font-size:.75rem;line-height:1rem}.text-compact-sm{font-size:.6875rem;line-height:.875rem}.scale-102{transform:scale(1.02)}.apple-slider-compact:focus,.glass-button-compact:focus{outline:none;box-shadow:0 0 0 3px rgba(0,122,255,.3),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8)}.export-button{background:linear-gradient(135deg,rgba(0,122,255,.9),rgba(0,122,255,.8));color:#fff;border:1px solid rgba(0,122,255,.6);box-shadow:0 1px 3px rgba(0,122,255,.3),inset 0 1px 0 hsla(0,0%,100%,.3)}.export-button:hover{background:linear-gradient(135deg,#007aff,rgba(0,122,255,.9));box-shadow:0 2px 6px rgba(0,122,255,.4),inset 0 1px 0 hsla(0,0%,100%,.4)}.export-button:active{background:linear-gradient(135deg,rgba(0,100,220,.9),rgba(0,100,220,.8));box-shadow:0 1px 2px rgba(0,122,255,.3),inset 0 1px 3px rgba(0,0,0,.1)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");html.theme-light{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-canvas:linear-gradient(135deg,#f8f9fb,#f3f5f9 25%,#eef2f7 50%,#e9eef5 75%,#e4eaf3);--glass-light:hsla(0,0%,100%,.72);--glass-regular:hsla(0,0%,100%,.82);--glass-heavy:hsla(0,0%,100%,.92);--glass-ultra:hsla(0,0%,100%,.98);--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#a1a1a6;--text-quaternary:#c7c7cc;--system-blue:#007aff;--system-green:#34c759;--system-orange:#ff9500;--system-red:#ff3b30;--system-purple:#af52de;--system-teal:#30b0c7;--system-indigo:#5856d6;--system-yellow:#fc0;--border-subtle:rgba(0,0,0,.04);--border-light:rgba(0,0,0,.08);--border-regular:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.16);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);--shadow-lg:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);--shadow-xl:0 20px 40px rgba(0,0,0,.16),0 4px 16px rgba(0,0,0,.08);--scroll-edge-blur:20px;--scroll-edge-opacity:0.6;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-capsule:9999px;--ease-default:cubic-bezier(0.25,0.1,0.25,1);--ease-in-out:cubic-bezier(0.42,0,0.58,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.1);--duration-instant:100ms;--duration-fast:200ms;--duration-default:300ms;--duration-slow:400ms;--liquid-blur:40px;--liquid-saturation:1.8;--liquid-noise:0.02}html.theme-light body{background:var(--bg-canvas)!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji!important;font-size:15px;line-height:1.4;font-weight:400;letter-spacing:-.014em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.liquid-material{-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation));backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation));background:var(--glass-regular);position:relative;overflow:hidden;transition:all var(--duration-fast) var(--ease-default)}.liquid-material:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4) 40%,hsla(0,0%,100%,.1));opacity:.6;pointer-events:none;mix-blend-mode:overlay}.shape-fixed-sm{border-radius:var(--radius-sm)}.shape-fixed-md{border-radius:var(--radius-md)}.shape-fixed-lg{border-radius:var(--radius-lg)}.shape-capsule{border-radius:var(--radius-capsule)}.shape-concentric{border-radius:calc(var(--parent-radius, 16px) - var(--padding, 8px))}html.theme-light .glass-panel{-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;background:var(--glass-regular)!important;box-shadow:var(--shadow-md)!important;position:relative!important;overflow:hidden!important;transition:all var(--duration-default) var(--ease-default)!important}html.theme-light .glass-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));opacity:.5;pointer-events:none;mix-blend-mode:overlay}html.theme-light .scroll-edge-bottom,html.theme-light .scroll-edge-top{position:relative;overflow:hidden}html.theme-light .scroll-edge-top:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,var(--bg-canvas) 0,transparent 100%);-webkit-backdrop-filter:blur(var(--scroll-edge-blur));backdrop-filter:blur(var(--scroll-edge-blur));pointer-events:none;z-index:10;opacity:var(--scroll-edge-opacity)}html.theme-light button{-webkit-backdrop-filter:blur(20px) saturate(1.2)!important;backdrop-filter:blur(20px) saturate(1.2)!important;background:var(--glass-light)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-capsule)!important;color:var(--text-primary)!important;font-weight:500!important;font-size:14px!important;padding:10px 20px!important;transition:all var(--duration-instant) var(--ease-default)!important;box-shadow:var(--shadow-sm)!important;position:relative!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:36px!important}html.theme-light button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.9),transparent 60%);opacity:0;transition:opacity var(--duration-fast) var(--ease-default);pointer-events:none}html.theme-light button:hover{background:var(--glass-regular)!important;transform:translateY(-1px) scale(1.02)!important;box-shadow:var(--shadow-md)!important}html.theme-light button:hover:before{opacity:.4}html.theme-light button:active{transform:translateY(0) scale(.98)!important;transition:all var(--duration-instant) var(--ease-default)!important}html.theme-light .bg-blue-500,html.theme-light .bg-blue-600,html.theme-light button[class*=primary]{background:var(--system-blue)!important;color:#fff!important;border:1px solid rgba(0,122,255,.3)!important;font-weight:600!important;box-shadow:var(--shadow-md),0 2px 8px rgba(0,122,255,.25)!important}html.theme-light .bg-blue-500:hover,html.theme-light .bg-blue-600:hover{background:#0051d5!important;box-shadow:var(--shadow-lg),0 4px 16px rgba(0,122,255,.35)!important}html.theme-light input[type=search],html.theme-light input[type=text],html.theme-light select,html.theme-light textarea{-webkit-backdrop-filter:blur(15px) saturate(1.2)!important;backdrop-filter:blur(15px) saturate(1.2)!important;background:var(--glass-ultra)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-size:14px!important;padding:10px 16px!important;transition:all var(--duration-fast) var(--ease-default)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)!important}html.theme-light input:focus,html.theme-light select:focus,html.theme-light textarea:focus{outline:none!important;border-color:var(--system-blue)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.05),0 0 0 3px rgba(0,122,255,.1)!important}html.theme-light .px-4.py-3.border-b{-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;background:var(--glass-regular)!important;border-bottom:1px solid var(--border-subtle)!important;position:relative!important;z-index:1!important}html.theme-light .flex.border-b button{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important;border:none!important;border-radius:var(--radius-md)!important;color:var(--text-secondary)!important;font-weight:500!important;font-size:13px!important;padding:8px 16px!important;transition:all var(--duration-fast) var(--ease-default)!important;box-shadow:none!important;position:relative!important;overflow:hidden!important;margin:0 2px!important}html.theme-light .flex.border-b button.text-green-400,html.theme-light .flex.border-b button[class*="bg-white/20"]{background:var(--glass-light)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--border-light)!important}html.theme-light input[type=range]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%!important;height:4px!important;background:rgba(0,0,0,.1)!important;border-radius:var(--radius-capsule)!important;outline:none!important;transition:all var(--duration-fast) var(--ease-default)!important}html.theme-light input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#fff!important;box-shadow:var(--shadow-md),inset 0 1px 2px rgba(0,0,0,.1)!important;cursor:pointer!important;-webkit-transition:all var(--duration-fast) var(--ease-spring)!important;transition:all var(--duration-fast) var(--ease-spring)!important;border:1px solid var(--border-light)!important}html.theme-light input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)!important;box-shadow:var(--shadow-lg),inset 0 1px 2px rgba(0,0,0,.1)!important}html.theme-light .w-full.p-3.bg-black\/60{-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;background:var(--glass-light)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;padding:12px!important;transition:all var(--duration-fast) var(--ease-default)!important;box-shadow:var(--shadow-sm)!important;position:relative!important;overflow:hidden!important}html.theme-light .w-full.p-3.bg-black\/60:hover{background:var(--glass-regular)!important;border-color:var(--system-blue)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}html.theme-light h1,html.theme-light h2,html.theme-light h3,html.theme-light h4{font-weight:700!important;letter-spacing:-.02em!important;color:var(--text-primary)!important}html.theme-light .text-sm{font-size:13px!important}html.theme-light .text-xs{font-size:11px!important}html.theme-light .text-base{font-size:15px!important}html.theme-light .text-lg{font-size:17px!important}html.theme-light .fixed.inset-0.z-50.flex.items-center.justify-center.bg-black{background:#000!important}html.theme-light .text-4xl.md\:text-5xl.font-bold.text-white{color:#fff!important;font-size:clamp(2.5rem,5vw,4rem)!important;font-weight:700!important}html.theme-light .text-base.md\:text-lg.text-gray-300{color:#d1d5db!important;font-size:18px!important}html.theme-light .h-14.glass-panel.border-b{-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;background:var(--glass-ultra)!important;border-bottom:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-sm)!important;height:56px!important;position:relative!important;z-index:100!important}html.theme-light input[placeholder*=SEARCH],html.theme-light input[type=search]{background:var(--glass-ultra)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;padding:8px 14px!important;font-size:14px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)!important}html.theme-light .theme-toggle,html.theme-light input[placeholder*=SEARCH],html.theme-light input[type=search]{-webkit-backdrop-filter:blur(15px) saturate(1.2)!important;backdrop-filter:blur(15px) saturate(1.2)!important;color:var(--text-primary)!important;transition:all var(--duration-fast) var(--ease-default)!important}html.theme-light .theme-toggle{background:var(--glass-light)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-capsule)!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;box-shadow:var(--shadow-sm)!important;display:inline-flex!important;align-items:center!important;gap:4px!important}html.theme-light .w-full.p-3.bg-black\/60 .text-sm.font-medium.text-white{color:var(--text-primary)!important;font-size:15px!important;font-weight:600!important}html.theme-light .w-full.p-3.bg-black\/60 .text-xs.text-white\/70{color:var(--text-secondary)!important;font-size:13px!important}html.theme-light .bg-black\/20{-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturation))!important;background:var(--glass-regular)!important;border-radius:var(--radius-lg)!important;padding:20px!important;position:relative!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important;margin-bottom:16px!important}html.theme-light .bg-black\/20 .text-white{color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important;margin-bottom:4px!important}html.theme-light .bg-black\/20 .text-white\/70{color:var(--text-secondary)!important;font-size:13px!important;margin-bottom:16px!important}html.theme-light .bg-black\/20 .bg-blue-600{background:var(--system-blue)!important;color:#fff!important;border:1px solid rgba(0,122,255,.3)!important;border-radius:var(--radius-capsule)!important;box-shadow:var(--shadow-sm),0 2px 8px rgba(0,122,255,.25)!important}html.theme-light .bg-black\/20 .bg-blue-600,html.theme-light .bg-black\/20 .bg-red-600{padding:8px 16px!important;font-size:13px!important;font-weight:500!important;transition:all var(--duration-fast) var(--ease-default)!important}html.theme-light .bg-black\/20 .bg-red-600{background:rgba(255,59,48,.15)!important;color:var(--system-red)!important;border:1px solid rgba(255,59,48,.2)!important;border-radius:var(--radius-capsule)!important;box-shadow:var(--shadow-sm)!important}html.theme-light .text-white{color:var(--text-primary)!important}html.theme-light .text-white\/50,html.theme-light .text-white\/60,html.theme-light .text-white\/70{color:var(--text-secondary)!important}html.theme-light .text-green-400{color:var(--system-green)!important}html.theme-light .opacity-60,html.theme-light .opacity-70{opacity:1!important}html.theme-light .opacity-50{opacity:.8!important}html.theme-light ::-webkit-scrollbar{width:6px;height:6px}html.theme-light ::-webkit-scrollbar-track{background:transparent}html.theme-light ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px;-webkit-transition:background var(--duration-fast) var(--ease-default);transition:background var(--duration-fast) var(--ease-default)}html.theme-light ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}html.theme-light .w-8.h-8.hover\:bg-white\/10{-webkit-backdrop-filter:blur(15px) saturate(1.2)!important;backdrop-filter:blur(15px) saturate(1.2)!important;background:var(--glass-light)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;width:32px!important;height:32px!important;transition:all var(--duration-fast) var(--ease-default)!important;border:1px solid var(--border-light)!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:var(--shadow-sm)!important}html.theme-light .w-8.h-8.hover\:bg-white\/10:hover{background:var(--glass-regular)!important;transform:translateY(-1px) scale(1.02)!important;box-shadow:var(--shadow-md)!important;border-color:var(--border-regular)!important}html.theme-light .w-8.h-8.hover\:bg-white\/10 svg{width:16px!important;height:16px!important;stroke-width:2!important;color:var(--text-primary)!important}html.theme-light .flex.items-center.space-x-2.text-sm.text-white\/70{-webkit-backdrop-filter:blur(15px) saturate(1.2)!important;backdrop-filter:blur(15px) saturate(1.2)!important;background:rgba(52,199,89,.1)!important;border:1px solid rgba(52,199,89,.2)!important;border-radius:var(--radius-capsule)!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;color:var(--system-green)!important;position:relative!important;overflow:hidden!important;gap:6px!important;display:inline-flex!important;align-items:center!important}html.theme-light .w-2.h-2.bg-green-500{width:6px!important;height:6px!important;background:var(--system-green)!important;border-radius:50%!important;box-shadow:0 0 8px rgba(52,199,89,.4)!important;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}html.theme-light .glass-panel h2{color:var(--text-primary)!important;font-weight:600!important}html.theme-light .bg-white\/5{background:var(--glass-ultra)!important;-webkit-backdrop-filter:blur(20px) saturate(1.2)!important;backdrop-filter:blur(20px) saturate(1.2)!important}html.theme-light .hover\:bg-white\/5:hover{background:var(--glass-light)!important}html.theme-light .bg-white\/10{background:var(--glass-regular)!important;border:1px solid var(--border-light)!important}html.theme-light button[class*="hover:bg-white/10"]{transition:all var(--duration-fast) var(--ease-default)!important}html.theme-light button[class*="hover:bg-white/10"]:hover{background:var(--glass-light)!important}html.theme-light .bg-blue-500{background:var(--system-blue)!important;color:#fff!important;font-weight:600!important;box-shadow:var(--shadow-sm),0 2px 8px rgba(0,122,255,.25)!important}html.theme-light .bg-blue-500:hover{background:#0051d5!important}html.theme-light button.bg-blue-500{background:var(--system-blue)!important;color:#fff!important;border:none!important;font-weight:600!important;box-shadow:var(--shadow-sm),0 2px 8px rgba(0,122,255,.25)!important}html.theme-light button.bg-blue-500:hover{background:#0051d5!important;transform:scale(1.02)!important;box-shadow:var(--shadow-md),0 4px 16px rgba(0,122,255,.35)!important}html.theme-light .bg-white\/10.px-2.py-0\\.5.rounded-full{background:var(--glass-light)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}html.theme-light .bg-black\/20{background:var(--glass-ultra)!important;border:1px solid var(--border-light)!important}html.theme-light .bg-black\/30:focus{background:#fff!important;border-color:var(--system-blue)!important;color:var(--text-primary)!important}html.theme-light .text-white\/60{color:var(--text-secondary)!important}html.theme-light .text-white\/40{color:var(--text-tertiary)!important}html.theme-light .text-white\/80{color:var(--text-primary)!important}html.theme-light .backdrop-blur-md{-webkit-backdrop-filter:blur(10px) saturate(1.1)!important;backdrop-filter:blur(10px) saturate(1.1)!important}.glass-material{-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.05)!important;backdrop-filter:blur(40px) saturate(1.8) brightness(1.05)!important;background:linear-gradient(135deg,hsla(0,0%,100%,.75),hsla(0,0%,100%,.65) 50%,rgba(245,247,255,.7))!important;border:1px solid hsla(0,0%,100%,.25)!important;box-shadow:0 12px 32px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.02),inset 0 2px 4px hsla(0,0%,100%,.8),inset 0 -1px 2px rgba(0,0,0,.02)!important;position:relative}.glass-material:before{display:none}.glass-material:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--mouse-x,50%) var(--mouse-y,50%),hsla(0,0%,100%,.4) 0,transparent 40%),linear-gradient(180deg,hsla(0,0%,100%,.3) 0,transparent 20%,transparent 80%,rgba(220,230,255,.1) 100%);pointer-events:none;mix-blend-mode:overlay;opacity:.8;transition:all .3s ease}@keyframes specularMove{0%,to{transform:translateX(-5%) translateY(-5%)}50%{transform:translateX(5%) translateY(5%)}}.glass-material>:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.3) 10%,transparent 30%);pointer-events:none;animation:specularMove 20s ease-in-out infinite;mix-blend-mode:soft-light;opacity:.6}.glass-header{-webkit-backdrop-filter:blur(50px) saturate(2) brightness(1.1)!important;backdrop-filter:blur(50px) saturate(2) brightness(1.1)!important;background:linear-gradient(180deg,hsla(0,0%,100%,.95) 0,rgba(252,253,255,.88))!important;border-bottom:1px solid hsla(0,0%,100%,.5)!important;box-shadow:0 1px 0 rgba(0,0,0,.03),0 2px 8px rgba(0,0,0,.02),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.02)!important}.glass-input{-webkit-backdrop-filter:blur(30px) saturate(1.5) brightness(1.02)!important;backdrop-filter:blur(30px) saturate(1.5) brightness(1.02)!important;background:linear-gradient(180deg,hsla(0,0%,100%,.85) 0,rgba(250,252,255,.8))!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.03),inset 0 1px 0 hsla(0,0%,100%,.8)!important}.glass-button{-webkit-backdrop-filter:blur(30px) saturate(1.6) brightness(1.05)!important;backdrop-filter:blur(30px) saturate(1.6) brightness(1.05)!important;background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(248,250,255,.7))!important;border:1px solid hsla(0,0%,100%,.4)!important;box-shadow:0 2px 6px rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.02),inset 0 1px 2px hsla(0,0%,100%,.9),inset 0 -1px 1px rgba(0,0,0,.02)!important;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}.glass-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(120,170,255,.4) 0,rgba(180,210,255,.2) 40%,transparent 70%);transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.25,.46,.45,.94);pointer-events:none;opacity:0}.glass-button:active:after{width:300%;height:300%;opacity:1;transition:all .1s cubic-bezier(.25,.46,.45,.94)}.glass-button,.glass-button:hover{--shadow-opacity:0.06}.glass-button:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(250,252,255,.85))!important;border-color:hsla(0,0%,100%,.6)!important;box-shadow:0 8px 24px rgba(0,0,0,var(--shadow-opacity)),0 4px 12px rgba(0,0,0,calc(var(--shadow-opacity) * .8)),inset 0 2px 4px #fff,inset 0 -1px 2px rgba(0,0,0,.03)!important;transform:translateY(-2px) scale(1.02)}.glass-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02),inset 0 2px 4px hsla(0,0%,100%,.8),inset 0 -1px 2px rgba(0,0,0,.04)!important}.glass-active{background:linear-gradient(135deg,rgba(0,122,255,.95),rgba(40,140,255,.9))!important;color:#fff!important;border-color:rgba(100,170,255,.5)!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important;font-weight:600!important;box-shadow:0 6px 16px rgba(0,122,255,.35),0 2px 6px rgba(0,122,255,.2),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(0,0,0,.1)!important;position:relative;overflow:hidden;animation:pulse-active 2s ease-in-out infinite}@keyframes pulse-active{0%,to{box-shadow:0 6px 16px rgba(0,122,255,.35),0 2px 6px rgba(0,122,255,.2),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(0,0,0,.1)}50%{box-shadow:0 8px 24px rgba(0,122,255,.45),0 4px 8px rgba(0,122,255,.25),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(0,0,0,.1)}}.glass-badge{background:linear-gradient(135deg,rgba(240,245,255,.6),rgba(230,240,255,.5))!important;border:1px solid rgba(200,210,230,.3)!important;box-shadow:0 1px 3px rgba(0,0,0,.02),inset 0 1px 1px hsla(0,0%,100%,.6)!important}.glass-badge,.glass-effect-button{-webkit-backdrop-filter:blur(20px) saturate(1.4)!important;backdrop-filter:blur(20px) saturate(1.4)!important}.glass-effect-button{background:transparent!important;border:1px solid transparent!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;position:relative;overflow:hidden}.glass-effect-button:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--mouse-x,50%) var(--mouse-y,50%),hsla(0,0%,100%,.2) 0,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.glass-effect-button:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(245,248,255,.7))!important;border-color:hsla(0,0%,100%,.4)!important;box-shadow:0 4px 12px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.02),inset 0 1px 2px hsla(0,0%,100%,.9)!important;transform:translateX(2px)}.glass-effect-button:hover:before{opacity:1}.glass-scroll{background:linear-gradient(180deg,rgba(250,251,255,.4) 0,rgba(245,248,255,.3))!important}html.theme-light .flex-1.flex.items-center.justify-center{background:linear-gradient(135deg,rgba(245,247,252,.6),rgba(240,243,250,.5) 50%,rgba(235,240,248,.6))!important;-webkit-backdrop-filter:blur(10px) saturate(1.1)!important;backdrop-filter:blur(10px) saturate(1.1)!important;position:relative;margin:0!important;padding:0!important}html.theme-light .flex-1.flex.items-center.justify-center:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(120,150,255,.05) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(140,120,255,.05) 0,transparent 40%),radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.1) 0,transparent 60%);pointer-events:none}.button-light-effect{position:absolute;width:200px;height:200px;top:var(--mouse-y);left:var(--mouse-x);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(180,200,255,.4) 0,rgba(200,220,255,.2) 30%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s ease;mix-blend-mode:screen;filter:blur(10px)}html.theme-light .bg-blue-500,html.theme-light .bg-blue-600{-webkit-backdrop-filter:blur(30px) saturate(1.8)!important;backdrop-filter:blur(30px) saturate(1.8)!important;background:linear-gradient(135deg,rgba(0,122,255,.9),rgba(30,140,255,.85))!important;border:1px solid rgba(100,170,255,.4)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important;box-shadow:0 4px 16px rgba(0,122,255,.25),0 2px 4px rgba(0,122,255,.15),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -1px 0 rgba(0,0,0,.1)!important;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}html.theme-light .bg-blue-500:before,html.theme-light .bg-blue-600:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:linear-gradient(125deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);transform:rotate(25deg);pointer-events:none;opacity:.6}html.theme-light .bg-blue-500:hover,html.theme-light .bg-blue-600:hover{background:linear-gradient(135deg,rgba(0,110,240,.95),rgba(20,130,255,.9))!important;transform:translateY(-1px) scale(1.02)!important;box-shadow:0 6px 20px rgba(0,122,255,.3),0 3px 6px rgba(0,122,255,.2),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(0,0,0,.15)!important}html.theme-light .fixed.bottom-4.right-4 button{-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.1)!important;backdrop-filter:blur(40px) saturate(1.8) brightness(1.1)!important;background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(240,245,255,.85))!important;border:1px solid hsla(0,0%,100%,.5)!important;box-shadow:0 8px 24px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.04),inset 0 2px 4px #fff,inset 0 -1px 2px rgba(0,0,0,.05)!important}html.theme-light ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(150,160,180,.3) 0,rgba(130,140,170,.25))!important;border-radius:4px;border:1px solid hsla(0,0%,100%,.2)}button:hover .button-light-effect{opacity:1}html.theme-light .glass-container{position:relative;border-radius:var(--radius-lg)!important;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15);border:none}html.theme-light .glass-filter{position:absolute;inset:0;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;filter:url(#lg-dist)}html.theme-light .glass-overlay{position:absolute;inset:0;background:var(--glass-regular)!important}html.theme-light .glass-specular{position:absolute;inset:0;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.75),inset -1px -1px 0 hsla(0,0%,100%,.25);border-radius:var(--radius-lg)!important}html.theme-light .glass-content{position:relative;z-index:2}html.theme-light .glass-panel-surface{background:transparent!important;border:none!important;box-shadow:none!important}html.theme-light .glass-card{-webkit-backdrop-filter:blur(20px) saturate(1.4)!important;backdrop-filter:blur(20px) saturate(1.4)!important;background:linear-gradient(135deg,rgba(245,248,255,.6),rgba(240,245,255,.5))!important;border:1px solid rgba(220,230,245,.3)!important;border-radius:var(--radius-lg)!important;box-shadow:0 2px 8px rgba(0,0,0,.02),inset 0 1px 2px hsla(0,0%,100%,.8)!important}html.theme-light .glass-button,html.theme-light .glass-effect-button{-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1))!important;border:1px solid hsla(0,0%,100%,.6)!important;box-shadow:0 4px 12px rgba(0,0,0,.08),inset 0 1px 4px hsla(0,0%,100%,.7)!important;color:var(--text-primary)!important;transition:all .2s ease-in-out}html.theme-light .glass-button:hover,html.theme-light .glass-effect-button:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.2) 100%)!important;border-color:hsla(0,0%,100%,.8)!important;transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,.1),inset 0 1px 4px hsla(0,0%,100%,.8)!important}html.theme-light .glass-active,html.theme-light .glass-active:hover{background:var(--primary-accent-gradient)!important;border-color:rgba(0,122,255,.6)!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,122,255,.3),inset 0 1px 2px hsla(0,0%,100%,.4)!important;transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}html.theme-light .sidebar-panel.glass-container{border-radius:16px!important;box-shadow:0 10px 40px rgba(31,38,135,.25)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer}html.theme-light .sidebar-panel.glass-container:hover{transform:translateY(-4px)}html.theme-light .sidebar-panel.glass-container .glass-overlay{background:hsla(0,0%,100%,.1)!important;background-image:linear-gradient(135deg,hsla(0,0%,100%,.167),transparent 50%)!important}html.theme-light .sidebar-panel.glass-container:hover .glass-overlay{background:hsla(0,0%,100%,.13)!important}html.theme-light .sidebar-panel.glass-container .glass-specular{border:1px solid hsla(0,0%,100%,.2)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5)!important;border-radius:16px!important}html.theme-light .sidebar-panel.glass-container .glass-filter{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}html.theme-light .sidebar-panel.glass-container:hover .glass-filter{filter:none!important}html.theme-instrument{color-scheme:light;--font-sans:var(--font-inter);--font-mono:var(--font-space-mono);--bg:#cfd4d9;--panel-bg:hsla(0,0%,100%,.34);--panel-bg-strong:hsla(0,0%,100%,.92);--panel-border:rgba(17,19,21,.08);--panel-border-strong:rgba(17,19,21,.12);--text-primary:#111315;--text-secondary:rgba(17,19,21,.62);--text-tertiary:rgba(17,19,21,.44);--text-accent:#111315;--radius-panel:14px;--radius-control:10px;--shadow-panel:0 18px 48px rgba(0,0,0,.1);--shadow-panel-soft:0 10px 28px rgba(0,0,0,.08);--focus-ring:rgba(17,19,21,.28)}html.theme-instrument body{background:var(--bg)!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji!important;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.theme-instrument .layout-bg{background-color:var(--bg)!important}html.theme-instrument .layout-bg:after,html.theme-instrument .layout-bg:before{display:none!important}html.theme-instrument .glass-container{background:var(--panel-bg)!important;border:1px solid var(--panel-border)!important;border-radius:var(--radius-panel)!important;box-shadow:var(--shadow-panel)!important;-webkit-backdrop-filter:blur(18px) saturate(1.05) brightness(1.02)!important;backdrop-filter:blur(18px) saturate(1.05) brightness(1.02)!important}html.theme-instrument .canvas-area.glass-container{background:var(--panel-bg-strong)!important;border-color:var(--panel-border-strong)!important;box-shadow:var(--shadow-panel-soft)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.theme-instrument .glass-filter,html.theme-instrument .glass-overlay,html.theme-instrument .glass-specular{display:none!important}html.theme-instrument .glass-content h2{font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--text-secondary)!important}html.theme-instrument .glass-input{background:hsla(0,0%,100%,.46)!important;border:1px solid var(--panel-border-strong)!important;border-radius:var(--radius-control)!important;color:var(--text-primary)!important;box-shadow:none!important}html.theme-instrument .glass-button{background:hsla(0,0%,100%,.28)!important;border:1px solid var(--panel-border)!important;border-radius:var(--radius-control)!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;color:var(--text-primary)!important;-webkit-backdrop-filter:blur(12px) saturate(1.05)!important;backdrop-filter:blur(12px) saturate(1.05)!important;transform:none}html.theme-instrument .glass-button:hover{background:hsla(0,0%,100%,.42)!important;border-color:var(--panel-border-strong)!important;transform:none!important}html.theme-instrument .glass-button:active{background:hsla(0,0%,100%,.22)!important}html.theme-instrument .glass-button.glass-active,html.theme-instrument .glass-button.glass-active:hover{background:var(--text-primary)!important;border-color:var(--text-primary)!important;color:#fff!important;box-shadow:none!important}html.theme-instrument .theme-toggle-button{background:hsla(0,0%,100%,.52)!important;border:1px solid var(--panel-border-strong)!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important;-webkit-backdrop-filter:blur(18px) saturate(1.05)!important;backdrop-filter:blur(18px) saturate(1.05)!important;color:var(--text-primary)!important}html.theme-instrument .theme-toggle-button:hover{background:hsla(0,0%,100%,.62)!important;transform:none!important}html.theme-instrument .glass-card{background:hsla(0,0%,100%,.32)!important;border:1px solid var(--panel-border)!important;border-radius:var(--radius-panel)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(14px) saturate(1.05)!important;backdrop-filter:blur(14px) saturate(1.05)!important;transform:none!important}html.theme-instrument .glass-card:hover{background:hsla(0,0%,100%,.38)!important;box-shadow:none!important;transform:none!important}html.theme-instrument .liquid-material{background:hsla(0,0%,100%,.28)!important;border:1px solid var(--panel-border)!important;border-radius:var(--radius-control)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(12px) saturate(1.05)!important;backdrop-filter:blur(12px) saturate(1.05)!important}html.theme-instrument .liquid-material:after,html.theme-instrument .liquid-material:before{display:none!important}html.theme-instrument button.glass-effect-button{background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.theme-instrument button.glass-effect-button:hover{background:hsla(0,0%,100%,.24)!important;border-color:var(--panel-border)!important;transform:none!important}html.theme-instrument button.glass-effect-button.glass-active,html.theme-instrument button.glass-effect-button.glass-active:hover{background:rgba(17,19,21,.08)!important;border-color:var(--panel-border-strong)!important;color:var(--text-primary)!important}html.theme-instrument div.glass-effect-button.glass-active,html.theme-instrument div.glass-effect-button.glass-active:hover{background:var(--text-primary)!important;border:1px solid var(--text-primary)!important;color:#fff!important;box-shadow:none!important}html.theme-instrument div.glass-effect-button.glass-active .glass-button{background:hsla(0,0%,100%,.12)!important;border-color:hsla(0,0%,100%,.18)!important;color:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.theme-instrument div.glass-effect-button.glass-active .glass-button:hover{background:hsla(0,0%,100%,.18)!important;border-color:hsla(0,0%,100%,.24)!important}html.theme-instrument .effect-button-modern{border-radius:var(--radius-control)!important;background:hsla(0,0%,100%,.18)!important;border:1px solid rgba(17,19,21,.06)!important;box-shadow:none!important}html.theme-instrument .effect-button-modern:hover:not(.glass-active):not(:disabled){background:hsla(0,0%,100%,.32)!important;border-color:rgba(17,19,21,.1)!important}html.theme-instrument .effect-button-modern.glass-active,html.theme-instrument .effect-button-modern.glass-active:hover{background:var(--text-primary)!important;border-color:var(--text-primary)!important;color:#fff!important}html.theme-instrument .effect-button-modern>div{border-radius:inherit!important;background:linear-gradient(90deg,rgba(17,19,21,.1),rgba(17,19,21,.04))!important}html.theme-instrument .effect-button-modern span,html.theme-instrument .effect-button-modern span.text-white{color:inherit!important}html.theme-instrument .glass-badge{background:hsla(0,0%,100%,.28)!important;border:1px solid var(--panel-border)!important;color:var(--text-secondary)!important;font-family:var(--font-mono)!important}html.theme-instrument .control-panel-label,html.theme-instrument .control-panel-title{font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:600!important;color:var(--text-secondary)!important}html.theme-instrument .control-panel-category{color:var(--text-tertiary)!important}html.theme-instrument .bg-gray-100{background:hsla(0,0%,100%,.38)!important;border:1px solid var(--panel-border)!important;color:var(--text-primary)!important}html.theme-instrument .slider{height:2px!important;border-radius:9999px!important;opacity:.9}html.theme-instrument .slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:14px!important;height:14px!important;border-radius:9999px!important;background:var(--text-primary)!important;border:2px solid hsla(0,0%,100%,.9)!important;box-shadow:0 1px 4px rgba(0,0,0,.25)!important}html.theme-instrument .slider::-moz-range-thumb{width:14px!important;height:14px!important;border-radius:9999px!important;background:var(--text-primary)!important;border:2px solid hsla(0,0%,100%,.9)!important;box-shadow:0 1px 4px rgba(0,0,0,.25)!important}html.theme-instrument .glass-content button[data-testid=export-button]{background:hsla(0,0%,100%,.46)!important;border:1px solid var(--panel-border-strong)!important;color:var(--text-primary)!important}html.theme-instrument .glass-content button[data-testid=export-button]:hover{background:hsla(0,0%,100%,.6)!important}html.theme-instrument .glass-button:focus-visible,html.theme-instrument .glass-effect-button:focus-visible,html.theme-instrument .glass-input:focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:2px!important}html.theme-studio{color-scheme:light;--font-sans:var(--font-inter);--font-mono:var(--font-space-mono);--bg:#d4d4d6;--panel-bg:hsla(240,2%,84%,.85);--panel-border:#1a1a1a;--panel-border-light:rgba(26,26,26,.2);--text-primary:#000;--text-secondary:rgba(0,0,0,.6);--text-tertiary:rgba(0,0,0,.4);--accent:#000;--accent-contrast:#fff;--radius-panel:0px;--radius-control:0px;--radius-sm:0px;--shadow-panel:none;--focus-ring:#000}html.theme-studio body{background-color:var(--bg)!important;color:var(--text-primary)!important;font-family:var(--font-sans)!important}html.theme-studio .layout-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:0}html.theme-studio .layout-bg:after{display:none!important}html.theme-studio .glass-container{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-right:1px solid var(--panel-border-light)!important;border-radius:0!important}html.theme-studio .right-panel.glass-container{border-right:none!important;border-left:1px solid var(--panel-border-light)!important}html.theme-studio .canvas-area.glass-container{background:transparent!important;border:none!important;box-shadow:none!important}html.theme-studio .glass-filter,html.theme-studio .glass-overlay,html.theme-studio .glass-specular{display:none!important}html.theme-studio .control-panel-title,html.theme-studio h2{font-family:var(--font-mono)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--text-secondary)!important;margin-bottom:16px!important}html.theme-studio .glass-effect-button{background:transparent!important;border:none!important;border-radius:0!important;color:var(--text-secondary)!important;padding:12px 0!important;transition:all .2s ease!important}html.theme-studio .glass-effect-button:hover{color:var(--text-primary)!important;transform:translateX(4px)!important}html.theme-studio .glass-effect-button.glass-active{color:var(--text-primary)!important;font-weight:600!important}html.theme-studio .glass-effect-button.glass-active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:2px;height:12px;background:var(--text-primary)}html.theme-studio .effect-button-modern{background:transparent!important;border:1px solid var(--panel-border-light)!important;border-radius:0!important;color:var(--text-secondary)!important;position:relative;overflow:hidden}html.theme-studio .effect-button-modern:hover{border-color:var(--text-primary)!important;color:var(--text-primary)!important;background:rgba(0,0,0,.02)!important}html.theme-studio .effect-button-modern.glass-active{background:var(--text-primary)!important;color:var(--accent-contrast)!important;border-color:var(--text-primary)!important}html.theme-studio .effect-button-modern>div{border-radius:0!important;background:var(--text-primary)!important;opacity:0!important;transition:opacity .2s ease!important}html.theme-studio .effect-button-modern:hover>div{opacity:.05!important}html.theme-studio .control-panel-label{font-family:var(--font-mono)!important;font-size:10px!important;text-transform:uppercase!important;color:var(--text-secondary)!important}html.theme-studio .slider{height:1px!important;background:var(--panel-border-light)!important}html.theme-studio .slider::-webkit-slider-thumb{-webkit-appearance:none!important;width:12px!important;height:12px!important;border-radius:0!important;background:var(--text-primary)!important;border:none!important;box-shadow:none!important;margin-top:-5px!important}html.theme-studio .glass-input{background:transparent!important;border:1px solid var(--panel-border-light)!important;border-radius:0!important;font-family:var(--font-mono)!important;color:var(--text-primary)!important;padding-left:36px!important;font-size:11px!important}html.theme-studio .glass-input::-moz-placeholder{color:var(--text-tertiary)!important}html.theme-studio .glass-input::placeholder{color:var(--text-tertiary)!important}html.theme-studio .glass-input:focus{border-color:var(--text-primary)!important;outline:none!important}html.theme-studio .absolute.left-0 svg,html.theme-studio .glass-input+svg{color:var(--text-tertiary)!important;width:14px!important;height:14px!important}html.theme-studio .glass-button{background:transparent!important;border:1px solid var(--panel-border)!important;border-radius:0!important;color:var(--text-primary)!important;font-family:var(--font-mono)!important;text-transform:uppercase!important;font-size:11px!important;box-shadow:none!important}html.theme-studio .glass-button:hover{background:var(--text-primary)!important;color:var(--accent-contrast)!important}html.theme-studio .theme-toggle-button{background:transparent!important;border:1px solid var(--text-primary)!important;border-radius:0!important;color:var(--text-primary)!important;box-shadow:none!important}html.theme-studio .theme-toggle-button:hover{background:var(--text-primary)!important;color:var(--accent-contrast)!important}html.theme-studio .bg-gray-100,html.theme-studio .glass-badge{background:transparent!important;border:none!important;font-family:var(--font-mono)!important;color:var(--text-primary)!important;padding:0 4px!important}html.theme-studio ::-moz-selection{background:var(--text-primary);color:var(--accent-contrast)}html.theme-studio ::selection{background:var(--text-primary);color:var(--accent-contrast)}html.theme-studio .slider-track{height:1px!important;background:var(--panel-border-light)!important;border-radius:0!important}html.theme-studio .slider-range,html.theme-studio .slider-thumb{background:var(--text-primary)!important;border-radius:0!important}html.theme-studio .slider-thumb{width:12px!important;height:12px!important;border:none!important;box-shadow:none!important}html.theme-studio .slider-thumb:hover{transform:scale(1.1)!important}html.theme-studio .slider-thumb:focus-visible{outline:1px solid var(--text-primary)!important;outline-offset:2px!important}html.theme-studio .slider-value{background:transparent!important;border:none!important;padding:0!important}html.theme-studio .tabs-list{background:transparent!important;border-bottom:1px solid var(--panel-border-light)!important;border-radius:0!important;padding:0!important;gap:0!important}html.theme-studio .tabs-trigger{border-radius:0!important;border:1px solid var(--panel-border-light)!important;border-bottom:none!important;background:transparent!important;color:var(--text-secondary)!important;font-family:var(--font-mono)!important;font-size:10px!important;padding:8px 12px!important;margin-bottom:-1px!important}html.theme-studio .tabs-trigger:hover{background:rgba(0,0,0,.02)!important;color:var(--text-primary)!important}html.theme-studio .tabs-trigger[data-state=active]{background:var(--text-primary)!important;color:var(--accent-contrast)!important;border-color:var(--text-primary)!important}html.theme-studio .tabs-content{margin-top:16px!important}html.theme-studio [class*=rounded]{border-radius:0!important}html.theme-studio .glass-effect-button{padding:10px 0!important}html.theme-studio .effect-button-modern{padding:8px 12px!important}html.theme-studio .p-3,html.theme-studio .p-4{padding:16px!important}html.theme-studio .px-3,html.theme-studio .px-4{padding-left:16px!important;padding-right:16px!important}