:root{--font-sans: "Poppins", "Avenir Next", "Segoe UI", sans-serif;--font-mono: "SF Mono", "Menlo", monospace;--color-background-primary: #f7f5ee;--color-background-secondary: #ebe8dd;--color-text-primary: #1b2026;--color-text-secondary: #58606a;--color-border-primary: #bbb2a4;--color-border-secondary: #d6cebf;--color-border-tertiary: #ddd8cb;--border-radius-md: 10px;--border-radius-lg: 16px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:radial-gradient(circle at 8% 8%,#d4ebe4 0%,transparent 36%),radial-gradient(circle at 92% 12%,#f9d7c4 0%,transparent 34%),repeating-linear-gradient(180deg,rgba(42,53,68,.04) 0px,rgba(42,53,68,.04) 1px,transparent 1px,transparent 42px),linear-gradient(180deg,#f7f3e7,#efeadf);color:var(--color-text-primary)}#root{padding:24px 18px}.visualizer-shell{max-width:1220px;margin:0 auto}.visualizer-card{background:#ffffff94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(189,178,161,.5);border-radius:24px;padding:22px;box-shadow:0 20px 44px #38342d24}.header-title{margin:0;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.1;font-weight:650;letter-spacing:-.02em;color:#17202b}.header-badge{font-size:12px;font-weight:600;color:#2d3d52;background:#bfd8f399;border:1px solid rgba(127,164,204,.5);border-radius:999px;padding:5px 10px}.controls-card{background:#ffffff8a;border:1px solid rgba(195,186,171,.55);border-radius:14px;padding:10px;margin-bottom:10px}.chip-btn{padding:7px 12px;font-size:12px;font-weight:500;border-radius:999px;border:1px solid rgba(181,173,160,.6);background:#ffffffc2;color:var(--color-text-secondary);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.chip-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3a322824}.action-btn{padding:8px 14px;font-size:13px;border-radius:10px;cursor:pointer;border:1px solid rgba(177,167,151,.7);transition:transform .16s ease,box-shadow .16s ease}.action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #39312921}.action-btn.primary{border:none;color:#fff;background:linear-gradient(135deg,#119f82,#127b66)}.action-btn.ghost{color:var(--color-text-secondary);background:#ffffffa8}.grid-scroll{overflow:auto;border-radius:12px;border:1px solid rgba(202,193,179,.9);box-shadow:inset 0 1px #fffc;background:#ffffff61;width:fit-content;max-width:100%;scrollbar-width:none}.grid-scroll::-webkit-scrollbar{display:none}.legend-pill{display:flex;align-items:center;gap:6px;background:#ffffffb3;border:1px solid rgba(200,191,177,.8);border-radius:999px;padding:5px 10px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.canvas-column,.side-column{min-width:0}.side-panel{box-shadow:0 10px 28px #3a322814}@media (max-width: 900px){#root{padding:14px}.visualizer-card{padding:14px;border-radius:18px}.controls-card{padding:8px}.chip-btn{padding:6px 10px}.workspace-layout{grid-template-columns:1fr;gap:12px}}