:root{--bg:#fff;--fg:#1a1a1a;--muted:#5c5c5c;--border:#d6d6d6;--panel:#f6f6f4;--canvas:#fbfbfa}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}:focus-visible{outline-offset:2px;outline:2px solid #1f6feb}.editor{grid-template:"toolbar toolbar toolbar""library canvas properties"1fr/220px 1fr 260px;height:100vh;display:grid}.editor-toolbar{border-bottom:1px solid var(--border);grid-area:toolbar;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.editor-toolbar h1{margin:0;font-size:1rem}.editor-library,.editor-properties{background:var(--panel);padding:.75rem;overflow:auto}.editor-library{border-right:1px solid var(--border);grid-area:library}.editor-properties{border-left:1px solid var(--border);grid-area:properties}.editor-library h2,.editor-properties h2{margin:0 0 .5rem;font-size:.875rem}.editor-canvas{background:var(--canvas);color:var(--muted);grid-area:canvas;place-items:center;display:grid}.empty-hint{color:var(--muted);margin:0;font-size:.875rem}