@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=B612:wght@400;700&display=swap";:root{--accent-blue: #3b82f6;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--bg-primary-light: #f8fafc;--bg-secondary-light: #ffffff;--bg-tertiary-light: #f1f5f9;--bg-elevated-light: #ffffff;--bg-input-light: #f1f5f9;--text-primary-light: #0f172a;--text-secondary-light: #64748b;--text-tertiary-light: #94a3b8;--text-on-accent-light: #ffffff;--text-inverse-light: #ffffff;--border-light: #e2e8f0;--border-subtle-light: #f1f5f9;--border-strong-light: #cbd5e1;--hover-bg-light: #f1f5f9;--active-bg-light: #e2e8f0;--selected-bg-light: rgba(59, 130, 246, .08);--canvas-bg-light: #ffffff;--canvas-fg-light: #000000;--canvas-grid-light: #e2e8f0;--bg-primary-dark: #0f1115;--bg-secondary-dark: #1a1d23;--bg-tertiary-dark: #2d3139;--bg-elevated-dark: #22252b;--bg-input-dark: #2d3139;--text-primary-dark: #f8fafc;--text-secondary-dark: #94a3b8;--text-tertiary-dark: #64748b;--text-on-accent-dark: #ffffff;--text-inverse-dark: #0f172a;--border-dark: #2d3139;--border-subtle-dark: #232730;--border-strong-dark: #475569;--hover-bg-dark: rgba(255, 255, 255, .05);--active-bg-dark: rgba(255, 255, 255, .1);--selected-bg-dark: rgba(59, 130, 246, .12);--canvas-bg-dark: #0f1115;--canvas-fg-dark: #ffffff;--canvas-grid-dark: #2d3139;--font-ui: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "Courier New", monospace;--font-engineering: "B612", "Segoe UI", system-ui, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 6px;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--text-warning: #f59e0b;--text-info: #3b82f6;--purple: #8b5cf6;--cyan: #06b6d4}.light{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--bg-tertiary: var(--bg-tertiary-light);--bg-elevated: var(--bg-elevated-light);--bg-input: var(--bg-input-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--text-tertiary: var(--text-tertiary-light);--text-on-accent: var(--text-on-accent-light);--text-inverse: var(--text-inverse-light);--border: var(--border-light);--border-color: var(--border-light);--border-subtle: var(--border-subtle-light);--border-strong: var(--border-strong-light);--hover-bg: var(--hover-bg-light);--active-bg: var(--active-bg-light);--selected-bg: var(--selected-bg-light);--canvas-bg: var(--canvas-bg-light);--canvas-fg: var(--canvas-fg-light);--canvas-grid: var(--canvas-grid-light)}.dark{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--bg-tertiary: var(--bg-tertiary-dark);--bg-elevated: var(--bg-elevated-dark);--bg-input: var(--bg-input-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-tertiary: var(--text-tertiary-dark);--text-on-accent: var(--text-on-accent-dark);--text-inverse: var(--text-inverse-dark);--border: var(--border-dark);--border-color: var(--border-dark);--border-subtle: var(--border-subtle-dark);--border-strong: var(--border-strong-dark);--hover-bg: var(--hover-bg-dark);--active-bg: var(--active-bg-dark);--selected-bg: var(--selected-bg-dark);--canvas-bg: var(--canvas-bg-dark);--canvas-fg: var(--canvas-fg-dark);--canvas-grid: var(--canvas-grid-dark)}.accent-blue{--primary: var(--accent-blue);--primary-rgb: 59, 130, 246;--blue: var(--accent-blue);--blue-rgb: 59, 130, 246}.accent-green{--primary: var(--accent-green);--primary-rgb: 16, 185, 129;--green: var(--accent-green);--green-rgb: 16, 185, 129}.accent-orange{--primary: var(--accent-orange);--primary-rgb: 245, 158, 11;--orange: var(--accent-orange);--orange-rgb: 245, 158, 11}.accent-red{--primary: var(--accent-red);--primary-rgb: 239, 68, 68;--red: var(--accent-red);--red-rgb: 239, 68, 68}*{box-sizing:border-box;margin:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}html{scrollbar-gutter:stable}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:var(--font-ui);transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-primary{background-color:var(--primary);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500;font-size:.875rem;font-family:var(--font-ui);transition:all var(--transition-fast);box-shadow:0 1px 2px #0000001a}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);padding:.625rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;font-weight:500;font-size:.875rem;font-family:var(--font-ui);transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--primary)}input[type=text],input[type=number],textarea,select{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:var(--font-ui);font-size:.875rem;transition:all var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.border-primary{border-color:var(--primary)}.text-primary-accent{color:var(--primary)}.text-mono{font-family:var(--font-mono)}.panel{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-fast)}.panel:hover{border-color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width: 640px){html{font-size:14px}.container-padding{padding-left:1rem;padding-right:1rem}.hero-title{font-size:1.875rem!important;line-height:1.2!important}.hero-subtitle{font-size:.9375rem!important}.button-group-mobile{flex-direction:column!important;width:100%}.button-group-mobile>*{width:100%}.grid-responsive{grid-template-columns:1fr!important}.feature-card{padding:1rem!important}.nav-links{display:none}.nav-mobile-menu{display:flex}}@media (min-width: 641px) and (max-width: 1024px){.grid-responsive-tablet{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1025px){.grid-responsive-desktop{grid-template-columns:repeat(4,1fr)!important}}