:root{--bg-primary: #0f111a;--bg-secondary: #1a1d2b;--accent-color: #4f8cff;--text-primary: #ffffff;--text-secondary: #a0a3b1;--border-color: #2a2e3f}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{display:flex;height:100vh;width:100%}.visualizer-area{flex:1;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center}.visualizer-area canvas{width:100%;height:100%;display:block}.control-panel{width:320px;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);padding:20px;display:flex;flex-direction:column;gap:20px}