.app-container{width:100vw;height:100vh;inset:0;overflow:hidden;background:radial-gradient(120% 100% at 65% 40%,#1a2340 0%,#0a0d18 60%,#050810 100%)!important;position:fixed!important}.canvas-container{z-index:1;touch-action:none;pointer-events:auto;inset:0;position:absolute!important}.app-content{pointer-events:none;position:absolute;inset:0}.app-main{z-index:1;pointer-events:none;position:absolute;inset:0}.app-header{width:var(--sidebar-width,340px);z-index:100;pointer-events:none;justify-content:space-between;align-items:center;display:flex;top:20px;right:24px;background:0 0!important;border:none!important;height:auto!important;padding:0!important;position:absolute!important;left:auto!important}.app-logo{letter-spacing:-.02em;-webkit-text-fill-color:transparent;pointer-events:auto;filter:drop-shadow(0 2px 8px #6366f14d);background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#818cf8 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-family:Inter,system-ui,sans-serif;font-size:22px;font-weight:800;display:flex}.app-logo-icon{-webkit-text-fill-color:initial;filter:drop-shadow(0 0 8px #6366f166);font-size:22px}.header-actions{pointer-events:auto;gap:8px;display:flex}.theme-toggle,.menu-toggle{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;transition:all .2s;display:none}@media (max-width:768px){.menu-toggle{display:flex}}.theme-toggle:hover,.menu-toggle:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.tabs{z-index:100;-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#0a0c1499;border:1px solid #ffffff14;border-radius:14px;gap:2px;padding:4px;display:flex;top:20px;left:20px;position:absolute!important}.tab-button{color:#ffffff80;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .25s}.tab-button:hover{color:#fffc;background:#ffffff0d}.tab-button.active{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #0003}.panel-toggle-btn{border-left:1px solid #ffffff1a;margin-left:8px;padding-left:12px!important}.panel-toggle-btn.panel-hidden{color:#38bdf8;background:#38bdf826}.control-panel{width:var(--sidebar-width,340px);z-index:50;pointer-events:auto;-webkit-backdrop-filter:blur(48px)saturate(120%);flex-direction:column;max-height:calc(100vh - 96px);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;display:flex;top:72px;bottom:24px;right:24px;overflow:visible;background:radial-gradient(at 100% 0,#8b5cf626 0%,#0000 60%),radial-gradient(at 0 100%,#38bdf81f 0%,#0000 60%),linear-gradient(160deg,#141826d9 0%,#0a0c14f2 100%)!important;border:1px solid #ffffff0d!important;border-color:#ffffff26 #ffffff0d #ffffff0d #ffffff1a!important;border-radius:20px!important;position:absolute!important;left:auto!important;box-shadow:0 40px 80px -20px #000000f2,0 0 50px #8b5cf640,-15px 15px 60px #38bdf833,inset 0 1px #ffffff26,inset 1px 0 #ffffff0d!important}@media (min-width:769px){.control-panel{transform:translate(0)!important}.control-panel.panel-hidden{pointer-events:none;transform:translate(calc(100% + 24px))!important}}.panel-header{cursor:default;background:#ffffff05;border-bottom:none;justify-content:space-between;align-items:center;padding:18px 20px;display:flex;position:relative}.panel-header:after{content:"";background:linear-gradient(90deg,#0000,#c8a03c33,#28786426,#0000);height:1px;position:absolute;bottom:0;left:16px;right:16px}.panel-header h2{letter-spacing:.04em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e8c87a 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:14px;font-weight:700}#panel-arrow{color:#ffffff4d;font-size:12px;display:none}.panel-content{scrollbar-gutter:stable;flex:1;padding:20px;overflow:hidden auto}.section{border-bottom:1px solid #ffffff0a;margin-bottom:28px;padding-bottom:20px}.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{text-transform:uppercase;letter-spacing:.12em;color:#fff6;align-items:center;gap:8px;margin-bottom:14px;font-size:10px;font-weight:700;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.legend{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.legend-item{color:#0a0d18;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000040}.legend-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.legend-item.off{opacity:.3;filter:grayscale(.8);box-shadow:none}.preset-buttons{flex-wrap:wrap;gap:6px;display:flex}.preset-button{min-height:32px;padding:6px 12px;font-size:12px}.panel{top:80px;left:24px;right:calc(var(--sidebar-width,340px) + 48px);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:40;pointer-events:auto;background:#0c0f19d9;border:1px solid #ffffff14;border-radius:20px;max-width:700px;padding:28px 32px;position:absolute;bottom:24px;overflow-y:auto}.panel.hidden{display:none}.panel h2{color:#fff;border-bottom:1px solid #ffffff1a;margin:0 0 16px;padding-bottom:12px;font-size:20px}.panel h3{color:#ffffffe6;margin:24px 0 8px;font-size:14px}.panel p,.panel li{color:#ffffffb3;font-size:14px;line-height:1.6}.panel ul{margin:8px 0;padding-left:20px}.error-banner{color:#fca5a5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#ef444426;border:1px solid #ef444466;border-radius:12px;padding:12px 24px;font-size:14px;display:none;position:absolute;top:80px;left:50%;transform:translate(-50%)}.error-banner.visible{display:block}.pill{color:#fffc;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:10px 12px}.data-table th{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.data-table tr:hover{background:#ffffff08}.desc{color:#fff9;font-size:13px}@media (max-width:768px){.app-header{width:auto;top:12px;right:12px}.app-logo span:not(.app-logo-icon){display:none}.tabs{top:12px;left:12px}.tab-button{padding:8px 14px;font-size:12px}.panel{bottom:160px;right:24px}}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:0 0}.panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.panel-content::-webkit-scrollbar-thumb:hover{background:#fff3}