.ide-demo{--color-bg-primary:#fff;--color-bg-secondary:#f8f8f9;--color-bg-tertiary:#f1f1f3;--color-bg-hover:#ececee;--color-bg-elevated:#fff;--color-bg-sidebar:#f5f5f7;--color-bg-input:#fff;--color-border:#e2e2e5;--color-border-subtle:#ebebed;--color-border-focus:#8b8fa3;--color-text-primary:#1a1a1e;--color-text-secondary:#4a4a55;--color-text-muted:#8b8b98;--color-text-tertiary:#6e6e7a;--color-text-faint:#b0b0ba;--color-accent:#2d2d32;--color-accent-hover:#404048;--color-accent-subtle:#2d2d320f;--color-success:#1a7f37;--color-success-bg:#dafbe1;--color-warning:#9a6700;--color-tool-bg:#f6f6f8;--color-tool-border:#e2e2e5;color:var(--color-text-primary);font-size:14px}.ide-demo .demo-bg-primary{background-color:var(--color-bg-primary)}.ide-demo .demo-bg-secondary{background-color:var(--color-bg-secondary)}.ide-demo .demo-bg-sidebar{background-color:var(--color-bg-sidebar)}.ide-demo .demo-bg-hover:hover{background-color:var(--color-bg-hover)}.ide-demo .demo-border{border-color:var(--color-border)}.ide-demo .demo-text-primary{color:var(--color-text-primary)}.ide-demo .demo-text-secondary{color:var(--color-text-secondary)}.ide-demo .demo-text-muted{color:var(--color-text-muted)}.ide-demo .demo-text-faint{color:var(--color-text-faint)}