*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background-color:#121214;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:#1e1e24;border-right:1px solid #2e2e38;flex-direction:column;gap:20px;width:320px;max-height:100vh;padding:24px;display:flex;overflow-y:auto}.sidebar h2{color:#fff;margin-bottom:8px;font-size:1.25rem}.control-group{flex-direction:column;gap:6px;display:flex}label{font-size:.9rem;font-weight:600}.hint{color:#888889;white-space:norma;word-break:break-word;font-size:.75rem;line-height:1.2}input[type=range],select,button{color:#fff;background-color:#2a2a35;border:1px solid #3a3a4a;border-radius:4px;width:100%;padding:8px}button{cursor:pointer;background-color:#4f46e5;border:none;margin-top:10px;font-weight:700;transition:background .2s}button:hover{background-color:#4338ca}.main-content{flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(400px,1fr) 1fr;gap:20px;padding:24px;display:grid;overflow-y:auto}.view-panel{background-color:#1e1e24;border:1px solid #2e2e38;border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}.view-panel h3{align-self:flex-start;margin-bottom:12px;font-size:1rem}.viewpanel:first-child{flex-direction:column;grid-row:span 2;justify-content:center;align-items:center;display:flex}#grid-canvas{width:400px;height:400px;image-rendering:pixelated;border:1px solid #3a3a4a;border-radius:4px}.chart-container{width:450px;height:380px;position:relative}.preset-buttons{flex-direction:column;gap:6px;display:flex}.preset-btn{background-color:#2a2a35;border:1px solid #3a3a4a;margin-top:0;padding:6px;font-size:.8rem}.preset-btn:hover{background-color:#3b3b4a}