:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #00000008;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--z-base:0;--z-above:10;--z-dropdown:50;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--panel-nav-bg:var(--surface);--panel-config-bg:var(--background);--panel-output-bg:var(--background);--panel-sidebar-bg:var(--card);--border-panel:var(--border);--border-section:var(--border-muted);--border-subtle:color-mix(in oklch, var(--border) 40%, transparent);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:var(--ring)}.panel-nav{background:var(--panel-nav-bg)}.panel-config{background:var(--panel-config-bg)}.panel-output{background:var(--panel-output-bg)}.panel-sidebar{background:var(--panel-sidebar-bg)}.section-divider{background:var(--border-section);height:1px;margin:var(--space-md) 0}.csp-focus-ring:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-offset) var(--focus-ring-color);outline:none}.csp-hover-subtle:hover{background:color-mix(in oklch, var(--foreground) 5%, transparent)}.csp-card-elevated{background:var(--card);box-shadow:var(--shadow-sm);border:1px solid var(--border-muted);border-radius:var(--radius-lg)}.csp-section-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground);background:var(--surface);border-bottom:1px solid var(--border-section);font-size:.65rem;font-weight:700;display:flex}.csp-status-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);font-size:.5rem;font-weight:600;display:inline-flex}.csp-scrollbar::-webkit-scrollbar{width:4px;height:4px}.csp-scrollbar::-webkit-scrollbar-track{background:0 0}.csp-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.csp-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}