:root{--bg-app: #09090b;--bg-panel: #18181b;--bg-panel-transparent: rgba(24, 24, 27, .7);--border-color: #27272a;--primary: #8b5cf6;--primary-hover: #7c3aed;--text-main: #f4f4f5;--text-muted: #a1a1aa;--grid-line: #27272a;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;overflow:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:transparent;font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:320px;background:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;z-index:10;box-shadow:4px 0 24px #0003}.main-content{flex:1;min-width:0;position:relative;background:var(--bg-app);display:flex;flex-direction:column}.header{height:64px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:var(--bg-panel-transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.canvas-area{flex:1;overflow:auto;position:relative;background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:flex-start;justify-content:flex-start;padding:2rem;cursor:default}.canvas-area:active{cursor:grabbing}.btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:all .2s;color:var(--text-muted)}.btn:hover{background:#ffffff0d;color:var(--text-main)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.panel-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;font-weight:600}