:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9fafb;--dot:#c9ccd3;--panel:#fff;--fg:#1d1d1f;--hover:#f0f1f4;--sep:#e5e7eb;--accent:#4338ca;--accent-bg:#e0e7ff;--shadow:0 0 0 1px #0000000f, 0 4px 16px #0000001f;--ink-filter:none}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121316;--dot:#3a3d45;--panel:#1e2025;--fg:#e8e8ea;--hover:#2b2e35;--sep:#34373f;--accent:#818cf8;--accent-bg:#312e81;--shadow:0 0 0 1px #ffffff14, 0 4px 16px #00000080;--ink-filter:invert(.93) hue-rotate(180deg)}body{background:var(--bg);margin:0}.panel{background:var(--panel);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;border-radius:14px;padding:6px}.icon-btn{width:36px;height:36px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.icon-btn:hover:not(:disabled){background:var(--hover)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn.active:not(.swatch){background:var(--accent-bg);color:var(--accent)}.sep{background:var(--sep);flex:none;width:1px;height:22px;margin:0 4px}