:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}#app{width:100%;height:100%;display:flex;flex-direction:column}.action-bar{height:60px;background-color:#333;display:flex;align-items:center;padding:0 20px;gap:20px;box-shadow:0 2px 4px #0003;flex-shrink:0}.action-bar h1{font-size:1.2rem;margin:0 auto 0 0}.main-content{flex:1;display:flex;overflow:hidden}.grid-panel{flex:1;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;overflow:auto}.dashboard-panel{width:300px;background-color:#2a2a2a;border-left:1px solid #444;padding:10px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.stats-card{background:#333;padding:10px;border-radius:8px;flex:1;display:flex;flex-direction:column;min-height:0}.stats-card h3{margin-top:0;margin-bottom:5px;font-size:.8rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.stat-value{font-size:1.2rem;font-weight:700;color:#fff;flex-shrink:0}.stat-chart{flex:1;min-height:0;margin-top:5px;background:#444;position:relative;border-radius:2px}.group{display:flex;align-items:center;gap:10px}button{padding:6px 10px;border:1px solid #666;background:#444;color:#fff;cursor:pointer;border-radius:4px;font-size:.9rem}button.active{background:#646cff;border-color:#646cff}button:hover:not(.active){background:#555}label{font-weight:700;font-size:.8em;color:#aaa}.gradient-preview{width:100%;height:4px;background:linear-gradient(to right,#00f,green,orange,red);margin-top:5px}.tooltip{position:absolute;background:#000000e6;color:#fff;padding:8px 12px;border-radius:4px;font-size:.85rem;pointer-events:none;z-index:1000;box-shadow:0 4px 6px #0000004d;border:1px solid #444;white-space:pre-line;line-height:1.4}