:root{--color-bg-primary:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#242424;--color-bg-hover:#2a2a2a;--color-bg-active:#333333;--color-text-primary:#e5e5e5;--color-text-secondary:#a0a0a0;--color-text-disabled:#606060;--color-text-hint:#666666;--color-border-primary:#2a2a2a;--color-border-secondary:#3a3a3a;--color-border-focus:#4080ff;--color-accent-primary:#2563eb;--color-accent-hover:#3b82f6;--color-accent-active:#60a5fa;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--color-geometry-source-isolation:#ff8844;--color-geometry-source-drill:#4488ff;--color-geometry-source-clearing:#44ff88;--color-geometry-source-cutout:#333333;--color-operation-isolation:#ff8844;--color-operation-drill:#4488ff;--color-operation-clearing:#44ff88;--color-operation-cutout:#ff00ff;--color-operation-toolpath:#00ffff;--color-canvas-bg:#0f0f0f;--color-canvas-grid:#333333;--color-canvas-origin:#ffffff;--color-canvas-origin-outline:#000000;--color-canvas-bounds:#ff0000;--color-canvas-ruler:#888888;--color-canvas-ruler-text:#cccccc;--color-debug-points:#ff00ff;--color-debug-arcs:#00ffff;--color-debug-wireframe:#00ff00;--color-debug-bounds:#ff0000;--color-bw-black:#000000;--color-bw-white:#ffffff;--color-pipeline-cnc:#ff8844;--color-pipeline-laser:#a855f7;--color-interaction-sponsorship:#8b5cf6;--color-interaction-sponsorship-text:#e9d5ff;--color-interaction-kofi:#42d6aa}.theme-toggle svg{position:absolute;width:24px;height:24px}.theme-toggle .sun-icon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle .moon-icon{opacity:0;transform:rotate(-180deg) scale(.8)}[data-theme=light] .theme-toggle .sun-icon{opacity:0;transform:rotate(180deg) scale(.8)}[data-theme=light] .theme-toggle .moon-icon{opacity:1;transform:rotate(0) scale(1)}.category-icon,.file-icon,.geometry-icon{color:var(--color-text-secondary)}.category-icon svg,.file-icon svg,.geometry-icon svg{color:inherit}[data-op-type=isolation] .category-icon{color:var(--color-operation-isolation)}[data-op-type=drill] .category-icon{color:var(--color-operation-drill)}[data-op-type=clearing] .category-icon{color:var(--color-operation-clearing)}[data-op-type=cutout] .category-icon{color:var(--color-operation-cutout)}[data-theme=light] .shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.08)}[data-theme=light] .shadow-md{box-shadow:0 2px 8px rgba(0,0,0,.12)}[data-theme=light] .shadow-lg{box-shadow:0 4px 16px rgba(0,0,0,.16)}html:not([data-theme]) body{visibility:hidden}html[data-theme] body{visibility:visible}