@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.conflict-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.conflict-dialog{background:#1a1a2e;border:1px solid #ef4444;border-radius:12px;width:min(700px,90vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #ef444433;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.conflict-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);border-radius:12px 12px 0 0}.conflict-dialog-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#f4f4f5}.conflict-dialog-close{background:transparent;border:none;color:#a1a1aa;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.conflict-dialog-close:hover{background:rgba(255,255,255,.1);color:#ef4444}.conflict-dialog-content{padding:20px;overflow-y:auto;flex:1}.conflict-section{margin-bottom:20px}.conflict-section-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e4e4e7;margin-bottom:10px}.conflict-explanation{color:#a1a1aa;font-size:13px;line-height:1.6;margin:0}.conflict-table{width:100%;border-collapse:collapse;font-size:13px}.conflict-table th{text-align:left;padding:10px 12px;background:rgba(255,255,255,.05);color:#a1a1aa;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}.conflict-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:#e4e4e7}.conflict-table tr:hover td{background:rgba(239,68,68,.05)}.entity-name{font-weight:500;color:#f4f4f5}.entity-type{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.entity-type.node{background:rgba(59,130,246,.2);color:#60a5fa}.entity-type.edge{background:rgba(168,85,247,.2);color:#c084fc}.enforced{color:#fbbf24;font-weight:500}.not-enforced{color:#71717a}.conflict-analysis{background:rgba(0,0,0,.3);border-radius:8px;padding:12px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#a1a1aa;line-height:1.5;white-space:pre-wrap;margin:0;max-height:200px;overflow-y:auto}.suggestion-list{margin:0;padding-left:20px;color:#a1a1aa;font-size:13px;line-height:1.8}.suggestion-list li{margin-bottom:8px}.suggestion-list strong{color:#22c55e}.suggestion-list code{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:11px;color:#fbbf24}.conflict-dialog-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:10px}.conflict-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.conflict-btn.secondary{background:rgba(255,255,255,.1);color:#e4e4e7}.conflict-btn.secondary:hover{background:rgba(255,255,255,.15)}.conflict-btn.primary{background:#3b82f6;color:#fff}.conflict-btn.primary:hover{background:#2563eb}.conflict-dialog-content::-webkit-scrollbar,.conflict-analysis::-webkit-scrollbar{width:6px}.conflict-dialog-content::-webkit-scrollbar-track,.conflict-analysis::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.conflict-dialog-content::-webkit-scrollbar-thumb,.conflict-analysis::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.history-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:900px;max-width:95vw;height:80vh;display:flex;flex-direction:column;border:1px solid var(--color-border);animation:history-slide-in .2s ease-out}@keyframes history-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-header{padding:20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.details-header{background-color:var(--color-bg-secondary)}.history-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:var(--color-text-primary)}.history-actions{display:flex;gap:10px}.history-content{flex:1;overflow-y:auto;padding:20px}.details-content{padding-top:0}.history-table{width:100%;border-collapse:collapse;font-size:14px}.history-table th{text-align:left;padding:12px;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:600;position:sticky;top:0;z-index:1}.history-table td{padding:12px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.history-table tr:hover{background-color:var(--color-bg-secondary)}.history-table.interactive tr.clickable-row{cursor:pointer;transition:background-color .1s}.history-table.interactive tr.clickable-row:hover{background-color:var(--color-accent-secondary)}@media (prefers-color-scheme: dark){.history-table.interactive tr.clickable-row:hover{background-color:#3b82f61a}}.history-btn{padding:8px 16px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.history-btn.primary{background-color:var(--color-accent-primary);color:#fff}.history-btn.primary:hover{background-color:var(--color-accent-hover)}.history-btn.danger{background-color:transparent;color:#ef4444;padding:6px}.history-btn.danger:hover{background-color:#ef44441a}.history-btn.secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.history-btn.secondary:hover{background-color:var(--color-border)}.history-empty{text-align:center;padding:40px;color:var(--color-text-secondary)}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-success{background-color:#22c55e1a;color:#22c55e}.loading-spinner{display:flex;justify-content:center;padding:40px;color:var(--color-text-secondary)}.header-left{display:flex;align-items:center;gap:16px}.details-meta{display:flex;flex-direction:column}.meta-scenario{font-weight:600;font-size:1.1em}.meta-time{font-size:.85em;color:var(--color-text-secondary)}.header-right{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:6px 10px;width:200px}.search-box input{border:none;background:transparent;margin-left:8px;outline:none;width:100%;color:var(--color-text-primary)}.details-tabs{display:flex;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);padding:0 20px}.tab-btn{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-secondary);font-weight:500}.tab-btn:hover{color:var(--color-text-primary);background-color:#00000005}.tab-btn.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-accent-400: #c084fc;--color-accent-500: #a855f7;--color-accent-600: #9333ea;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-400: #facc15;--color-warning-500: #eab308;--color-warning-600: #ca8a04;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gray-950: #020617;--color-bg: #f8fafc;--color-bg-alt: #ffffff;--color-bg-elevated: #ffffff;--color-surface: rgba(255, 255, 255, .8);--color-surface-hover: rgba(255, 255, 255, .95);--color-border: rgba(148, 163, 184, .3);--color-border-hover: rgba(148, 163, 184, .5);--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-blur: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--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;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600}[data-theme=dark]{--color-bg: #0f172a;--color-bg-alt: #1e293b;--color-bg-elevated: #1e293b;--color-surface: rgba(30, 41, 59, .8);--color-surface-hover: rgba(30, 41, 59, .95);--color-border: rgba(71, 85, 105, .4);--color-border-hover: rgba(71, 85, 105, .6);--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(71, 85, 105, .4);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-subtle{background:var(--color-surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500))}.gradient-mesh{background:radial-gradient(at 0% 0%,var(--color-primary-200) 0%,transparent 50%),radial-gradient(at 100% 0%,var(--color-accent-200) 0%,transparent 50%),radial-gradient(at 100% 100%,var(--color-primary-100) 0%,transparent 50%),var(--color-bg)}.text-gradient{background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideUp{animation:slideUp var(--transition-base) ease-out}.animate-slideDown{animation:slideDown var(--transition-base) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-spring)}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-200)}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-400)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-gray-600)}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;line-height:1;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:inherit;color:var(--color-text);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.input:disabled{opacity:.5;cursor:not-allowed}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-2)}.checkbox{width:18px;height:18px;accent-color:var(--color-primary-500);cursor:pointer}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);font-size:var(--text-sm);font-family:inherit;color:var(--color-text);background:var(--color-bg-alt);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.select:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow)}.panel{position:absolute;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-spring)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.panel-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.panel-body{padding:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:rgba(34,197,94,.15);color:var(--color-success-600)}.badge-warning{background:rgba(234,179,8,.15);color:var(--color-warning-600)}.badge-error{background:rgba(239,68,68,.15);color:var(--color-error-600)}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);white-space:nowrap;color:#fff;background:var(--color-gray-800);border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.tooltip:hover:after{opacity:1}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.canvas-container{position:relative;width:100%;height:100%;overflow:hidden;background:var(--color-bg)}.canvas-grid{background-image:radial-gradient(circle,var(--color-gray-300) 1px,transparent 1px);background-size:20px 20px}[data-theme=dark] .canvas-grid{background-image:radial-gradient(circle,var(--color-gray-700) 1px,transparent 1px)}.node{cursor:pointer;transition:all var(--transition-fast)}.node:hover{filter:brightness(1.1)}.node-selected{filter:drop-shadow(0 0 8px var(--color-primary-400))}.node-disabled{opacity:.4}.node-forced{stroke-dasharray:4 2}.edge{stroke-width:2;fill:none;transition:all var(--transition-fast)}.edge:hover{stroke-width:3}.edge-selected{filter:drop-shadow(0 0 4px var(--color-primary-400))}.edge-disabled{opacity:.3}.toolbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-4);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border)}.toolbar-group{display:flex;align-items:center;gap:var(--space-2)}.toolbar-divider{width:1px;height:24px;background:var(--color-border);margin:0 var(--space-2)}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toolbar-btn:hover{background:var(--color-surface);color:var(--color-text)}.toolbar-btn.active{background:var(--color-primary-100);color:var(--color-primary-600)}[data-theme=dark] .toolbar-btn.active{background:rgba(99,102,241,.2);color:var(--color-primary-400)}@media (max-width: 768px){:root{--text-base: .9375rem}.panel{max-width:calc(100vw - 32px)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text)}.app{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.app-main{flex:1;display:flex;position:relative;overflow:hidden}.canvas-wrapper{flex:1;position:relative;overflow:hidden}.logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700}.logo-img{width:32px;height:32px;object-fit:contain}.logo-text-container{display:flex;flex-direction:column;line-height:1}.logo-text-optipet{font-size:var(--text-lg);font-weight:700;letter-spacing:.1em}.logo-subtext{font-size:10px;color:var(--color-text-muted);font-weight:500;margin-left:2px}.logo-opti{color:#000}.logo-pet{color:#6366f1}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface);border-radius:var(--radius-lg)}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text);background:var(--color-bg-alt)}.tab.active{color:var(--color-primary-600);background:var(--color-bg-alt);box-shadow:var(--shadow-sm)}.form-section{display:flex;flex-direction:column;gap:var(--space-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field-inline{display:flex;align-items:center;gap:var(--space-3)}.form-field-with-checkbox{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:start}.field-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.derived-values{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.derived-item{display:flex;flex-direction:column;gap:var(--space-1)}.derived-label{font-size:var(--text-xs);color:var(--color-text-muted)}.derived-value{font-size:var(--text-lg);font-weight:600;font-family:var(--font-mono)}.derived-value.initial{color:var(--color-text-secondary)}.derived-value.optimized{color:var(--color-success-500)}.module-card{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.module-card:hover{border-color:var(--color-border-hover)}.module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.module-name{font-size:var(--text-sm);font-weight:600}.module-priority{font-size:var(--text-xs);color:var(--color-text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.color-picker-wrapper{position:relative;display:flex;align-items:center}.color-picker-popover{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;padding:8px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:50;min-width:150px}.theme-swatch{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.theme-swatch:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.enabled{background:var(--color-success-500)}.status-dot.disabled{background:var(--color-gray-400)}.status-dot.processing{background:var(--color-warning-500);animation:pulse 1.5s infinite}.comparison-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border)}.comparison-toggle-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.comparison-toggle-btn.initial{background:transparent;color:var(--color-text-secondary)}.comparison-toggle-btn.initial.active{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff}.comparison-toggle-btn.optimized{background:transparent;color:var(--color-text-secondary)}.comparison-toggle-btn.optimized.active{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff}.preview-content{font-family:var(--font-mono);font-size:var(--text-sm)}.preview-section{margin-bottom:var(--space-4)}.preview-section-title{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.preview-equation{padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm);margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.color-picker-wrapper{position:relative}.color-swatch{width:28px;height:28px;border-radius:var(--radius-md);border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.color-swatch:hover{border-color:var(--color-border-hover);transform:scale(1.1)}.color-picker-popover{position:absolute;top:100%;left:0;margin-top:var(--space-2);padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-popover)}.theme-swatch{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;border:2px solid;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-swatch:hover{transform:scale(1.05)}.zoom-controls{position:absolute;bottom:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zoom-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.zoom-btn:hover{background:var(--color-surface);color:var(--color-text)}.zoom-level{min-width:52px;text-align:center;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);font-family:var(--font-mono)}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;padding:6px 10px;background:var(--color-gray-900);color:#fff;font-size:var(--text-xs);font-weight:500;white-space:nowrap;border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover:before{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:scaleIn .2s ease-out forwards}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3afcc}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr!important;gap:40px!important;text-align:center}.responsive-grid h3{font-size:28px!important}.responsive-grid ul{align-items:center}.toolbar-group{gap:var(--space-1);padding:0 var(--space-1)}.logo-text-optipet,.mobile-hide{display:none}.toolbar-btn{width:32px;height:32px}.panel{top:60px!important;right:0!important;width:100%!important;max-height:50%!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 6px -1px #0000001a}.properties-panel{bottom:0!important;top:auto!important}.comparison-toggle{display:none}.zoom-controls{bottom:16px;right:16px}}