:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e2e8f0;background-color:#0f172a}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1e293b,#0f172a 60%);color:inherit}.app-layout{min-height:100vh;min-width:800px;display:flex;flex-direction:column}html,body{min-width:800px}.app-layout.chat-panel-open main{margin-left:var(--chat-panel-width, 380px);width:calc(100% - var(--chat-panel-width, 380px));max-width:calc(100% - var(--chat-panel-width, 380px));transition:margin-left .25s ease,width .25s ease}.app-layout.chat-panel-open .ai-fab-button{display:none}@media (max-width: 768px){.app-layout.chat-panel-open main{margin-left:0;width:100%;max-width:100%}}.coming-soon-panel{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:2rem}.coming-soon-panel .camlin-panel{max-width:520px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background-color:#0f172a;color-scheme:dark;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #666680;--surface-primary: #0d0d1a;--surface-secondary: #12121f;--surface-tertiary: #0a0a14;--panel-surface: linear-gradient(165deg, rgba(18, 30, 60, .95) 0%, rgba(8, 15, 32, .8) 100%);--panel-border: rgba(148, 163, 184, .28);--panel-shadow: 0 25px 55px rgba(2, 6, 23, .5);--panel-top-glow: linear-gradient(90deg, transparent, rgba(56, 189, 248, .25), transparent);--panel-ai-surface: linear-gradient(135deg, rgba(76, 29, 149, .9), rgba(67, 56, 202, .82), rgba(14, 165, 233, .78));--panel-ai-border: rgba(216, 180, 254, .85);--panel-ai-shadow: 0 30px 65px rgba(88, 28, 135, .45);--bg-secondary: rgba(15, 23, 42, .78);--border-color: rgba(148, 163, 184, .25);--primary-color: #38bdf8;--accent-color: #6366f1;--node-color: #6366f1}:root[data-theme=light]{color:#0f172a;background-color:#f8fafc;color-scheme:light;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--panel-surface: linear-gradient(165deg, rgba(255, 255, 255, .98), rgba(241, 245, 249, .94));--panel-border: rgba(15, 23, 42, .08);--panel-shadow: 0 22px 45px rgba(15, 23, 42, .12);--panel-top-glow: linear-gradient(90deg, transparent, rgba(14, 165, 233, .22), transparent);--panel-ai-surface: linear-gradient(135deg, rgba(233, 213, 255, .95), rgba(191, 219, 254, .92));--panel-ai-border: rgba(79, 70, 229, .25);--panel-ai-shadow: 0 28px 55px rgba(79, 70, 229, .2);--bg-secondary: rgba(255, 255, 255, .92);--border-color: rgba(15, 23, 42, .12);--primary-color: #0ea5e9;--accent-color: #6366f1;--node-color: #6366f1}body{margin:0;padding:0;min-height:100vh;background:radial-gradient(circle at top,#1e293b,#0f172a 60%);width:100%;overflow-x:hidden;color:#e2e8f0}:root[data-theme=light] body{background:radial-gradient(circle at top,#ffffff,#e2e8f0 65%);color:#0f172a}#root{width:100%;max-width:100%;margin:0;padding:0}@keyframes navbar-shimmer{0%,to{border-image-source:linear-gradient(90deg,transparent 0%,var(--page-border, rgba(148, 163, 184, .2)) 20%,var(--page-border, rgba(148, 163, 184, .2)) 80%,transparent 100%)}50%{border-image-source:linear-gradient(90deg,transparent 0%,var(--page-accent, var(--page-border, rgba(148, 163, 184, .3))) 15%,var(--page-glow, var(--page-accent, rgba(148, 163, 184, .4))) 25%,var(--page-accent, var(--page-border, rgba(148, 163, 184, .3))) 35%,var(--page-border, rgba(148, 163, 184, .2)) 65%,var(--page-accent, var(--page-border, rgba(148, 163, 184, .3))) 75%,var(--page-glow, var(--page-accent, rgba(148, 163, 184, .4))) 85%,var(--page-accent, var(--page-border, rgba(148, 163, 184, .3))) 95%,transparent 100%)}}.top-navbar{position:sticky;top:0;z-index:1000;width:100%;background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--page-border, rgba(148, 163, 184, .2));padding:.4rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:border-box;min-height:44px;max-height:44px;border-bottom-width:2px;border-image:linear-gradient(90deg,transparent 0%,var(--page-border, rgba(148, 163, 184, .2)) 20%,var(--page-border, rgba(148, 163, 184, .2)) 80%,transparent 100%) 1;animation:navbar-shimmer 20s ease-in-out infinite}:root[data-theme=light] .top-navbar{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid rgba(15,23,42,.1);box-shadow:0 1px 3px #0f172a0d}.navbar-brand{display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0;min-width:0}.navbar-logo{flex-shrink:0}.navbar-app-title{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.2rem}.navbar-camlin-text{color:#60a5fa}.navbar-ai-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-page-title{font-size:1.1rem;font-weight:500;color:var(--page-text, #e2e8f0);padding-left:1rem;border-left:1px solid var(--page-border, rgba(148, 163, 184, .3));white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.navbar-page-logo{margin-left:.75rem;filter:drop-shadow(0 6px 16px rgba(14,165,233,.25))}.navbar-logo-chip .camlin-element-card{filter:none}.navbar-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.navbar-mobile-toggle{display:none;background:transparent;border:1px solid rgba(148,163,184,.3);color:#94a3b8;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s;align-items:center;justify-content:center}.navbar-mobile-toggle:hover{background:rgba(56,189,248,.1);border-color:#38bdf880;color:#38bdf8}.navbar-toggle{display:none!important}.navbar-icon{font-size:1.1rem;line-height:1;flex-shrink:0}.navbar-label{display:inline}.navbar-toggle:hover{background:rgba(56,189,248,.1);border-color:#38bdf880;color:#38bdf8}.navbar-toggle.active{background:rgba(56,189,248,.2);border-color:#38bdf8;color:#38bdf8}.navbar-toggle.active[data-page-id=builder]{background:rgba(14,165,233,.15);border-color:var(--page-border, #0ea5e9);color:var(--page-text, #38bdf8)}.navbar-toggle.active[data-page-id=test]{background:rgba(251,191,36,.15);border-color:var(--page-border, #f59e0b);color:var(--page-text, #fbbf24)}.navbar-toggle.active[data-page-id=contact-center]{background:rgba(236,72,153,.15);border-color:var(--page-border, #db2777);color:var(--page-text, #f472b6)}.navbar-toggle.active[data-page-id=insight]{background:rgba(74,222,128,.15);border-color:var(--page-border, #22c55e);color:var(--page-text, #4ade80)}.navbar-toggle.active[data-page-id=operate]{background:rgba(139,92,246,.15);border-color:var(--page-border, #6366f1);color:var(--page-text, #c4b5fd)}:root[data-theme=light] .navbar-toggle.active[data-page-id=builder]{background:rgba(14,165,233,.12);border-color:#0ea5e9;color:#0369a1}:root[data-theme=light] .navbar-toggle.active[data-page-id=test]{background:rgba(245,158,11,.12);border-color:#f59e0b;color:#b45309}:root[data-theme=light] .navbar-toggle.active[data-page-id=contact-center]{background:rgba(236,72,153,.12);border-color:#ec4899;color:#be185d}:root[data-theme=light] .navbar-toggle.active[data-page-id=insight]{background:rgba(34,197,94,.12);border-color:#22c55e;color:#15803d}:root[data-theme=light] .navbar-toggle.active[data-page-id=operate]{background:rgba(139,92,246,.12);border-color:#8b5cf6;color:#6d28d9}:root[data-theme=light] .navbar-camlin-text{color:#2563eb}:root[data-theme=light] .navbar-ai-text{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 50%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .navbar-page-title{color:#0f172a;border-left:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .navbar-toggle{border-color:#0f172a26;color:#475569;background:rgba(255,255,255,.8)}:root[data-theme=light] .navbar-toggle:hover{background:rgba(99,102,241,.1);color:#6366f1;border-color:#6366f14d}:root[data-theme=light] .navbar-toggle.active{background:rgba(99,102,241,.15);border-color:#6366f180;color:#4f46e5}:root[data-theme=light] .theme-toggle{background:transparent;border-color:#0f172a33;color:#64748b}:root[data-theme=light] .theme-toggle:hover{background:rgba(99,102,241,.1);border-color:#6366f14d;color:#4f46e5}.theme-toggle{border:1px solid var(--border-color, rgba(148, 163, 184, .3));background:transparent;color:var(--text-secondary, #a0a0a0);padding:0;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;transition:all .15s ease}.theme-toggle svg,.navbar-profile-button svg{display:block;width:16px;height:16px}.theme-toggle:hover{background:rgba(56,189,248,.15);border-color:#38bdf880;color:#38bdf8}.navbar-profile-container{position:relative}.navbar-profile-button{border:1px solid var(--border-color, rgba(148, 163, 184, .3));background:transparent;color:var(--text-secondary, #a0a0a0);padding:0;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;transition:all .15s ease}.navbar-profile-button:hover{background:var(--surface-tertiary, rgba(15, 23, 42, .6));color:var(--text-primary, #fff);border-color:var(--accent-color, #6366f1)}.navbar-profile-button:hover{background:rgba(56,189,248,.15);border-color:#38bdf880;color:#38bdf8}.navbar-profile-menu{position:absolute;top:calc(100% + .5rem);right:0;background:rgba(15,23,42,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.3);border-radius:.75rem;box-shadow:0 8px 24px #0006;min-width:180px;padding:.5rem;z-index:2000;display:flex;flex-direction:column;gap:.25rem}.navbar-profile-menu-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border:none;background:transparent;color:#e2e8f0;cursor:pointer;border-radius:.5rem;font-size:.9rem;text-align:left;transition:all .2s ease;width:100%}.navbar-profile-menu-item:hover:not(:disabled){background:rgba(56,189,248,.15);color:#38bdf8}.navbar-profile-menu-item:disabled{opacity:.5;cursor:not-allowed}.navbar-profile-menu-item span:first-child{font-size:1.1rem;width:1.5rem;text-align:center}.navbar-profile-menu-badge{margin-left:auto;font-size:.75rem;padding:.15rem .5rem;background:rgba(148,163,184,.2);border-radius:999px;color:#94a3b8}.navbar-profile-menu-summary{padding:.5rem .75rem .75rem;border-bottom:1px solid rgba(148,163,184,.2);margin-bottom:.5rem;font-size:.85rem;color:#94a3b8}.navbar-profile-menu-summary strong{display:block;color:#e2e8f0;font-weight:600}.page-logo-banner{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:1.25rem;border:1px solid var(--page-border, rgba(148, 163, 184, .25));background:var(--panel-surface, linear-gradient(135deg, rgba(15, 23, 42, .9), rgba(15, 23, 42, .7)));margin-bottom:1.5rem}:root[data-theme=light] .page-logo-banner{background:var(--panel-surface, linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(241, 245, 249, .94)));border-color:var(--page-border, rgba(15, 23, 42, .12))}.page-logo-banner-icon{filter:drop-shadow(0 25px 45px rgba(2,6,23,.45))}.page-logo-banner-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--text-secondary, #94a3b8)}:root[data-theme=light] .page-logo-banner-eyebrow{color:var(--text-secondary, #475569)}.page-logo-banner h2{margin:.25rem 0 0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #e2e8f0)}:root[data-theme=light] .page-logo-banner h2{color:var(--text-primary, #0f172a)}.page-logo-banner-copy{margin:.35rem 0 0;color:var(--text-secondary, #94a3b8)}:root[data-theme=light] .page-logo-banner-copy{color:var(--text-secondary, #475569)}:root[data-theme=light] .navbar-profile-button{background:transparent;border-color:#0f172a33;color:#64748b}:root[data-theme=light] .navbar-profile-button:hover{background:rgba(99,102,241,.1);border-color:#6366f14d;color:#4f46e5}:root[data-theme=light] .navbar-profile-menu{background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.15);box-shadow:0 8px 24px #0f172a26}:root[data-theme=light] .navbar-profile-menu-item{color:#0f172a}:root[data-theme=light] .navbar-profile-menu-item:hover:not(:disabled){background:rgba(14,165,233,.12);color:#0369a1}:root[data-theme=light] .navbar-profile-menu-badge{background:rgba(15,23,42,.1);color:#64748b}@media (max-width: 1024px) and (min-width: 769px){.navbar-label{display:none}.navbar-toggle{padding:.5rem .75rem;min-width:2.5rem;justify-content:center}.theme-toggle .navbar-label,.navbar-profile-button .navbar-label{display:none}}@media (max-width: 500px){.top-navbar{padding:.7rem 1rem!important;position:relative}.navbar-mobile-toggle{display:flex}.navbar-brand{flex:1;min-width:0}.navbar-page-title{padding-left:0;border-left:none;font-size:.95rem;display:none}.navbar-app-title{font-size:1rem}.navbar-actions{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(15,23,42,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(148,163,184,.3);flex-direction:column;align-items:stretch;padding:2rem 1.5rem;gap:.75rem;z-index:2000;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 20px #0000004d}.navbar-actions.mobile-open{right:0}.navbar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1999;animation:fadeIn .3s ease}.navbar-toggle{width:100%;justify-content:flex-start;padding:.75rem 1rem;font-size:.95rem}.navbar-label{display:inline}.theme-toggle{width:100%;justify-content:flex-start;padding:.75rem 1rem}.theme-toggle .navbar-label,.navbar-profile-button .navbar-label{display:inline}.help-page-panel .tabbed-tabs{padding:.75rem 1rem}.help-page-panel .tabbed-content{padding:1rem}}@media (max-width: 768px){:root[data-theme=light] .navbar-actions{background:rgba(255,255,255,.98);border-left:1px solid rgba(15,23,42,.15);box-shadow:-4px 0 20px #0f172a1a}}:root[data-theme=light] .navbar-overlay{background:rgba(0,0,0,.3)}.main-content-container{width:100%;max-width:1600px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.main-content-container.builder-view{padding:0 2rem}.main-content-container.contact-center-view,.main-content-container.operate-view,.main-content-container.test-view,.main-content-container.insight-view,.main-content-container.avatar-view{max-width:100%;width:100%;padding:0;margin:0}.main-content-container.help-view,.main-content-container.live-view,.main-content-container.about-view,.main-content-container.profile-view{max-width:1600px;margin:0 auto;padding:0 2rem;width:100%}.main-content-container.design-view,main.design-view,.app.design-view{max-width:100%;width:100%;padding:0;margin:0}.live-view{width:100%;display:flex;flex-direction:column;gap:1.5rem}.live-view-header{margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.live-view-header>div:first-child{flex:1}.live-view-header h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:#e2e8f0}.live-view-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}.voice-project-selector{display:flex;align-items:center;gap:.5rem}.voice-project-selector label{font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.voice-project-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.4rem .75rem;border-radius:.5rem;font-size:.9rem;min-width:150px;transition:border-color .2s ease}.voice-project-input:focus{outline:none;border-color:var(--primary-color)}.maximize-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.maximize-button:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.live-view.maximized{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:10000!important;background:#0f172a!important;padding:1rem 1.5rem!important;overflow:hidden!important;box-shadow:0 0 0 9999px #000000f2!important;margin:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;display:flex!important;flex-direction:column!important}:root[data-theme=light] .live-view.maximized{background:#f8fafc!important}.live-view.maximized .live-view-content{flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.live-view.maximized .voice-console-card{flex:1!important;min-height:0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important}.live-view.maximized .voice-console-grid{flex:1!important;min-height:0!important;height:auto!important}.live-view.maximized .voice-log-column{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.live-view.maximized .voice-log-feed{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.live-view.maximized .voice-node-column{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.live-view.maximized .voice-node-list{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.live-view-content{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.live-view:not(.maximized) .live-view-content{flex:1;min-height:0}.live-view:not(.maximized) .voice-console-card{flex:1;min-height:0;display:flex;flex-direction:column}.live-view:not(.maximized) .voice-console-grid{flex:1;min-height:0}.live-view:not(.maximized) .voice-log-column{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.live-view:not(.maximized) .voice-log-feed{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.live-view:not(.maximized) .voice-node-column{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.live-view:not(.maximized) .voice-node-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}:root[data-theme=light] .live-view-header h1{color:#0f172a}.app.builder-view{width:100%;max-width:100%;margin:0;padding:0 0 3rem;box-sizing:border-box}.builder-view .schema-sync{margin-top:0}main{display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box;transition:margin-left .3s ease,width .3s ease;overflow-x:hidden}main.contact-center-view,main.operate-view,main.test-view,main.insight-view,main.avatar-view{width:100%;min-height:calc(100vh - 44px);overflow:hidden;padding:0;margin:0;margin-top:0!important}main.help-view,main.about-view,main.profile-view{width:100%;min-height:calc(100vh - 80px);overflow:hidden;padding:0;margin:0;margin-top:0!important}main.builder-view{width:100%;max-width:100%}.help-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.help-page-panel{height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent;border:none;box-shadow:none}.help-page-panel .tabbed-tabs{flex-shrink:0;padding:1rem 2rem;background:rgba(15,23,42,.5);border-bottom:1px solid rgba(148,163,184,.2)}.help-page-panel .tabbed-content{flex:1;overflow-y:auto;padding:2rem;min-height:0}:root[data-theme=light] .help-page-panel .tabbed-tabs{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .help-page-panel .tabbed-content{background:rgba(255,255,255,.95);color:#0f172a}header{margin-bottom:.5rem}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#38bdf8;font-size:.8rem;margin:0 0 .25rem}h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.lede{color:#94a3b8;max-width:720px}.schema-sync,.ai-panel,.chat-panel,.editor,.table-card{background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:1rem;padding:1rem 1.25rem;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;color:var(--text-primary)}.schema-sync:before,.ai-panel:before,.chat-panel:before,.editor:before,.table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--panel-top-glow);pointer-events:none}.schema-controls{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.project-info{display:flex;align-items:center;gap:1rem;flex:1}.project-display{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:baseline;padding:.75rem 1.25rem;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.3);border-radius:.75rem}.project-label,.diagram-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:600}.project-value,.diagram-value{font-size:.95rem;color:#38bdf8;font-weight:600}.schema-actions{display:flex;gap:.75rem;align-items:center}.schema-controls label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:#94a3b8}input,select{border-radius:.6rem;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.8);color:#e2e8f0;padding:.5rem .75rem;font-size:.95rem}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.15);color:#0f172a}.schema-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-end}.ai-panel{display:flex;flex-direction:column;gap:.75rem}.template-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.template-controls label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:#94a3b8}.chat-panel{display:flex;flex-direction:column;gap:.75rem}.test-page-layout{display:flex;flex-direction:column;height:calc(100vh - 44px);width:100%;overflow:hidden}.test-page-content{flex:1;display:flex;flex-direction:column;overflow:auto;padding:16px 20px}.preview-status{margin:0 0 12px;padding:8px 12px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:6px;color:var(--text-secondary, #a0a0a0);font-size:.85rem}.test-page-layout .toolbar-btn.active{background:rgba(251,191,36,.15);color:#fbbf24;border-color:#f59e0b}.simulator-panel{display:flex;flex-direction:column;gap:.75rem;margin-top:0}.simulator-panel.interactive-simulator{min-height:650px;flex:1}.authoring-panel,.simulator-panel,.node-types,.editor,section:not(.authoring-panel):not(.simulator-panel){margin-top:0}.ai-textarea{width:100%;min-height:140px;max-width:100%;box-sizing:border-box;border-radius:.75rem;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.8);color:#e2e8f0;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.chat-textarea{width:100%;min-height:180px;max-width:100%;box-sizing:border-box;border-radius:.75rem;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.8);color:#e2e8f0;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem}.chat-summary{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.chat-summary .requirements ul{padding-left:1rem;margin:.4rem 0 0;color:#cbd5f5}.simulator-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.simulator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.simulator-card{background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:1rem;padding:1rem;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease;position:relative}.simulator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--panel-top-glow);pointer-events:none}.simulator-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f172a99,inset 0 1px #ffffff14}.voice-console-card,.simulator-card-full{grid-column:1 / -1}.avatar-status{font-size:.85rem;font-weight:600}.avatar-status-handshaking{color:#f97316}.avatar-status-ready{color:#22c55e}.avatar-status-error{color:#ef4444}.avatar-events{border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.5rem;background:rgba(15,23,42,.95);font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;max-height:150px;overflow-y:auto}.avatar-event-entry{display:flex;gap:.5rem;align-items:baseline;padding:.15rem 0}.avatar-event-time{color:#94a3b8;flex-shrink:0}.avatar-event-type{color:#38bdf8;font-weight:600;flex-shrink:0}.avatar-event-detail{flex-grow:1}.avatar-event-block{color:#0f172a;background:#bae6fd;padding:0 .4rem;border-radius:.4rem;font-size:.7rem}.chatbot-status{font-size:.85rem;font-weight:600}.chatbot-status-handshaking{color:#f97316}.chatbot-status-ready{color:#22c55e}.chatbot-status-error{color:#ef4444}.chatbot-events{border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.5rem;background:rgba(15,23,42,.95);font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;max-height:150px;overflow-y:auto}.chatbot-event-entry{display:flex;gap:.5rem;align-items:baseline;padding:.15rem 0}.chatbot-event-time{color:#94a3b8;flex-shrink:0}.chatbot-event-type{color:#f472b6;font-weight:600;flex-shrink:0}.chatbot-event-detail{color:#e2e8f0}.iframe-zoom{position:relative;width:100%;min-height:180px;border-radius:.75rem;overflow:hidden;background:#0f172a;box-shadow:0 12px 24px #0f172a4d}.iframe-zoom .simulator-frame{min-height:360px;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border-radius:0;box-shadow:none}.chatbot-frame{min-height:380px}.simulator-card h3{margin:0}.simulator-frame{width:100%;min-height:320px;border:none;border-radius:.75rem;background:#fff;box-shadow:0 15px 30px #0f172a4d}.simulator-json{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:1rem;max-height:360px;overflow:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;line-height:1.35;color:#e2e8f0}.html-preview-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.html-mode-buttons{display:flex;gap:.5rem}.html-mode-button{border:1px solid rgba(148,163,184,.45);background:transparent;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;color:#e2e8f0;cursor:pointer}.html-mode-button.active{background:#38bdf8;color:#0f172a;border-color:#38bdf8}.html-single-controls{display:flex;gap:.5rem;align-items:center;font-size:.85rem}.html-single-controls button{border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.8);border-radius:.5rem;color:#e2e8f0;padding:.2rem .6rem;cursor:pointer}.html-single-controls button:hover{background:rgba(14,165,233,.1);border-color:#0ea5e966}.simulator-card iframe{background:#0f172a}.voice-log-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.voice-log-actions label{display:flex;flex-direction:column;gap:.4rem;color:#94a3b8;font-size:.9rem}.voice-search input{border-radius:.6rem;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.8);color:#e2e8f0;padding:.45rem .65rem;min-width:200px}.voice-filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.voice-filter-chip{border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.85);color:#cbd5f5;padding:.35rem .85rem;border-radius:999px;font-size:.8rem;text-transform:capitalize;letter-spacing:.02em;transition:background .15s ease,color .15s ease,border .15s ease,box-shadow .15s ease}.voice-filter-chip:hover{border-color:#94a3b88c;color:#f8fafc}.voice-filter-chip.active{background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:transparent;color:#0f172a;box-shadow:0 6px 18px #0f172a66}.voice-log-feed{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.75rem;max-height:320px;min-height:220px;overflow:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:#e2e8f0;flex:1 1 auto;display:flex;flex-direction:column}.live-view.maximized .voice-log-feed,.live-view:not(.maximized) .voice-log-feed{max-height:none!important;min-height:0!important}.voice-console-grid{display:flex;flex-wrap:nowrap;gap:0;position:relative;width:100%}.voice-log-column{flex-shrink:0;min-width:0;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.voice-console-divider{width:4px;background:rgba(148,163,184,.3);cursor:col-resize;flex-shrink:0;position:relative;transition:background .2s ease;-webkit-user-select:none;user-select:none}.voice-console-divider:hover{background:rgba(56,189,248,.5)}.voice-console-divider.dragging{background:rgba(56,189,248,.8);cursor:col-resize}.voice-console-divider:before{content:"";position:absolute;left:-2px;right:-2px;top:0;bottom:0;background:transparent}.voice-node-column{flex-shrink:0;min-width:0;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.75rem;color:#e2e8f0;box-shadow:inset 0 0 #0003;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.voice-mode-toggle{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.voice-mode-button{border:1px solid rgba(148,163,184,.4);background:transparent;border-radius:999px;padding:.25rem .8rem;font-size:.8rem;color:#e2e8f0;cursor:pointer}.voice-mode-button.active{background:#38bdf8;color:#0f172a;border-color:#38bdf8}.voice-mode-note{flex-basis:100%;margin-top:.25rem}.voice-node-header{margin-bottom:.5rem}.voice-node-list{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow:auto;flex:1;min-height:0}.voice-node-card{border:1px solid rgba(148,163,184,.3);border-radius:.6rem;padding:.6rem;text-align:left;background:rgba(15,23,42,.95);cursor:pointer;transition:border .15s ease,transform .15s ease}.voice-node-card:hover{transform:translateY(-1px)}.voice-node-type{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.voice-node-id{display:block;margin-top:.25rem;font-size:.75rem;color:#94a3b8}.voice-node-prompt{margin:.4rem 0 0;font-size:.85rem;color:#cbd5f5}.voice-log-entry{padding:.4rem .5rem;border-left:4px solid transparent;border-radius:.5rem;margin-bottom:.35rem;cursor:pointer;transition:background .15s ease}.voice-log-entry:hover{background:rgba(148,163,184,.15)}.voice-log-active{background:rgba(56,189,248,.2)}.voice-log-prompt{border-left-color:#60a5fa}.voice-log-user{border-left-color:#fbbf24}.voice-log-entry.voice-log-user{background:rgba(251,191,36,.18);color:#0f172a}.voice-log-entry.voice-log-user .voice-log-message{color:#1f2937;font-weight:600}.voice-log-entry.voice-log-user .voice-log-level{color:#92400e}.voice-log-entry.voice-log-user:hover{background:rgba(251,191,36,.32)}.voice-log-transfer{border-left-color:#34d399}.voice-log-debug{border-left-color:#a78bfa}.voice-log-info{border-left-color:#38bdf8}.voice-log-system{border-left-color:#0ea5e9}.voice-log-time{margin-right:.5rem;color:#94a3b8}.voice-log-level{margin-right:.5rem;font-weight:600}.voice-log-message{color:#e2e8f0}.voice-log-block{margin-left:.5rem;color:#38bdf8}.voice-status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.7)}.voice-status-chip .btn-icon{width:28px;height:28px}.voice-status-chip.voice-status-ok{border-color:#4ade8080;color:#4ade80}.voice-status-chip.voice-status-warn{border-color:#fbbf2480;color:#fbbf24}.voice-status-chip.voice-status-error{border-color:#f8717180;color:#f87171}.voice-status-chip.voice-status-loading{color:#cbd5f5}.voice-status-chip.voice-status-disabled{color:#94a3b8}.voice-status-source{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.status-list{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.status-list-label{font-weight:600;margin-right:.35rem}.status-list-value{color:#cbd5f5}.table-highlight td{background:rgba(56,189,248,.15)}.summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1.5rem;border-radius:1rem;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.2);box-shadow:0 20px 45px #0f172a99}.summary-card .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;margin-bottom:.25rem}.summary-card .value{font-size:1.3rem;margin:0}.node-types h2,.editor h2,.table-header h2{margin:0 0 .25rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.4rem .8rem;border-radius:999px;background:rgba(56,189,248,.15);color:#38bdf8;font-size:.85rem}.editor{padding:1rem}.editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.editor-actions{display:flex;gap:.75rem;flex-wrap:wrap}.helper{margin:.25rem 0 0;color:#94a3b8;font-size:.9rem}:root[data-theme=light] .helper{color:#64748b}:root[data-theme=light] h1{color:#0f172a}:root[data-theme=light] h2{color:#0f172a}:root[data-theme=light] h3{color:#0f172a}:root[data-theme=light] .tab-panel-header h2{color:#0f172a}:root[data-theme=light] code{background:rgba(15,23,42,.05);color:#0369a1;padding:.15rem .4rem;border-radius:.25rem;font-size:.9em}:root[data-theme=light] pre{background:rgba(15,23,42,.05);color:#0f172a;border:1px solid rgba(15,23,42,.1)}.editor textarea{width:100%;min-height:260px;margin-top:1rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.8);color:#e2e8f0;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem}.editor textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}:root[data-theme=light] .editor textarea{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .editor textarea:focus{border-color:#0369a1;box-shadow:0 0 0 2px #0ea5e933}.btn{border:none;padding:.58rem 1.15rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn-primary{background:linear-gradient(135deg,var(--page-primary, #38bdf8),var(--page-secondary, #818cf8));color:#0f172a;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--page-glow, rgba(129, 140, 248, .5)),0 0 20px var(--page-text, rgba(56, 189, 248, .3))}.btn-ai{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#f59e0b 100%);background-size:200% 200%;color:#fff;font-weight:700;letter-spacing:.02em;position:relative;overflow:hidden;animation:aiGradientShift 3s ease infinite;box-shadow:0 8px 24px #8b5cf666,inset 0 1px #fff3}.btn-ai:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-ai:hover:before{left:100%}.btn-ai:not(:disabled):hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 36px #8b5cf680,0 0 30px #ec489966,inset 0 1px #ffffff4d}.btn-ai:not(:disabled):active{transform:translateY(0) scale(.98)}@keyframes aiGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}:root[data-theme=light] .btn-ai{background:linear-gradient(135deg,#7c3aed 0%,#db2777 50%,#d97706 100%);background-size:200% 200%;box-shadow:0 8px 24px #7c3aed4d,inset 0 1px #ffffff4d}:root[data-theme=light] .btn-ai:not(:disabled):hover{box-shadow:0 14px 36px #7c3aed66,0 0 30px #db27774d,inset 0 1px #fff6}.btn-secondary{background:linear-gradient(135deg,rgba(148,163,184,.2) 0%,rgba(148,163,184,.1) 100%);color:#e2e8f0;border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:not(:disabled):hover{background:linear-gradient(135deg,rgba(148,163,184,.3) 0%,rgba(148,163,184,.2) 100%);transform:translateY(-1px);box-shadow:0 8px 20px #94a3b84d}.btn-ghost{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.35);transition:all .2s ease}.btn-ghost:not(:disabled):hover{background:rgba(148,163,184,.1);border-color:#94a3b880;transform:translateY(-1px);box-shadow:0 6px 16px #94a3b833}.btn-danger{background:linear-gradient(135deg,rgba(239,68,68,.2) 0%,rgba(239,68,68,.1) 100%);color:#f87171;border:1px solid rgba(239,68,68,.35)}.btn-danger:not(:disabled):hover{background:linear-gradient(135deg,rgba(239,68,68,.35) 0%,rgba(239,68,68,.2) 100%);transform:translateY(-1px);box-shadow:0 8px 20px #ef44444d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}:root[data-theme=light] .btn-secondary{background:rgba(15,23,42,.08);color:#0f172a;border:1px solid rgba(15,23,42,.2)}:root[data-theme=light] .btn-secondary:hover{background:rgba(15,23,42,.12);box-shadow:0 10px 25px #0f172a26}:root[data-theme=light] .btn-ghost{color:#475569;border:1px solid rgba(15,23,42,.2)}:root[data-theme=light] .btn-ghost:hover{background:rgba(15,23,42,.05);box-shadow:0 10px 25px #0f172a1a}.success,.error{margin-top:.75rem;font-weight:600}.success{color:#34d399}.error{color:#f87171}.tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.table-card{padding:1rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid rgba(148,163,184,.2);padding:.6rem .5rem;text-align:left}th{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8}tr:hover td{background:rgba(148,163,184,.08)}.empty{text-align:center;color:#94a3b8}.tabbed-panel{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(15,23,42,.9) 50%,rgba(51,65,85,.95) 100%);border:1px solid rgba(148,163,184,.3);border-radius:1rem;box-shadow:0 12px 35px #0f172a99,inset 0 1px #ffffff1a,inset 0 -1px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.tabbed-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4),transparent);pointer-events:none}.tabbed-tabs{display:flex;gap:.5rem;border-bottom:1px solid rgba(148,163,184,.2);padding:.5rem .75rem}.tabbed-tab{background:transparent;border:none;color:#94a3b8;padding:.45rem .9rem;border-radius:999px;font-weight:600;transition:all .2s ease;cursor:pointer}.tabbed-tab:hover{background:rgba(148,163,184,.1);color:#cbd5f5}.tabbed-tab.active{background:linear-gradient(135deg,rgba(56,189,248,.25) 0%,rgba(129,140,248,.2) 100%);color:#38bdf8;box-shadow:0 4px 12px #38bdf833,inset 0 1px #ffffff1a}.tabbed-content{padding:1.25rem}.authoring-card{display:flex;flex-direction:column;gap:.75rem}.tab-panel-header h2{margin:0}.authoring-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.chip-small{font-size:.7rem;padding:2px 8px}.voice-transport{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.voice-connection-stack{display:flex;flex-direction:column;gap:.25rem;min-width:240px}.voice-connection-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.voice-mode-chip{display:inline-flex;align-items:center;padding:.25rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:.75rem;background:rgba(15,23,42,.75);color:#e2e8f0}.voice-mode-chip.live{border-color:#4ade8080;color:#86efac;background:rgba(22,163,74,.12)}.voice-mode-chip.paused{border-color:#f8717180;color:#fecaca;background:rgba(248,113,113,.12)}.voice-connection-chip{display:inline-flex;align-items:center;padding:.2rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);font-size:.75rem;letter-spacing:.02em;background:rgba(15,23,42,.65);color:#cbd5f5}.voice-connection-chip.voice-connection-connected{border-color:#22c55e8c;color:#86efac}.voice-connection-chip.voice-connection-connecting,.voice-connection-chip.voice-connection-reconnecting{border-color:#facc1580;color:#fde68a}.voice-connection-chip.voice-connection-error{border-color:#f8717180;color:#fecaca}.voice-connection-chip.voice-connection-idle{color:#94a3b8}.voice-connection-target{font-size:.75rem;color:#94a3b8}.voice-transport-buttons{display:flex;gap:.35rem}.btn-icon{width:34px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.85);color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-icon:hover:not(:disabled){transform:translateY(-1px);background:rgba(56,189,248,.15);box-shadow:0 8px 18px #0f172a80}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon-action{width:32px;height:32px;border-radius:6px;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.6);color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;padding:0;line-height:1}.btn-icon-action:hover:not(:disabled){transform:translateY(-1px);background:rgba(56,189,248,.2);border-color:#38bdf880;box-shadow:0 4px 12px #38bdf84d}.btn-icon-action:disabled{opacity:.4;cursor:not-allowed}:root[data-theme=light] .btn-icon-action{background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .btn-icon-action:hover:not(:disabled){background:rgba(14,165,233,.12);border-color:#0ea5e966;box-shadow:0 4px 12px #0ea5e933;color:#0369a1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.voice-node-header h4{margin:0}.voice-node-list{display:flex;flex-direction:column;gap:.45rem;max-height:220px;overflow:auto;flex:1;min-height:0}.live-view .voice-node-list{max-height:none}.voice-node-card{border:1px solid rgba(148,163,184,.3);border-radius:.6rem;background:rgba(15,23,42,.9);color:#e2e8f0;padding:.55rem;text-align:left;cursor:pointer;transition:border .15s ease,transform .15s ease}.voice-node-card.active{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d}.voice-node-preview{border:1px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.8rem;background:rgba(15,23,42,.95);min-height:150px}.help-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.85);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;z-index:999}.help-modal{width:min(920px,100%);max-height:90vh;overflow:hidden;background:rgba(15,23,42,.98);border-radius:1.25rem;border:1px solid rgba(148,163,184,.35);box-shadow:0 30px 80px #020617cc;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.help-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.help-modal-panel .tabbed-content{max-height:65vh;overflow-y:auto;padding-right:.25rem}.help-page{margin-top:0}.help-page .help-modal-header{margin-bottom:1rem}.help-page .help-modal-panel .tabbed-tabs{padding:.5rem}.help-page .help-modal-panel .tabbed-content{max-height:none;overflow:visible;padding-right:0}.settings-help-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(0,1fr);gap:1.5rem;align-items:flex-start}@media (max-width: 1024px){.settings-help-grid{grid-template-columns:1fr}}.help-panel{display:flex;flex-direction:column;gap:1.25rem}.help-side-column{display:flex;flex-direction:column;gap:1rem}.help-side-panel ol,.help-side-panel ul{margin:0;padding-left:1.25rem;color:#cbd5f5}.help-search-row{display:flex;flex-direction:column;gap:.75rem}.help-search-input input{width:100%;padding:.65rem .85rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.6);color:#e2e8f0}.help-search-status{font-size:.85rem;color:#94a3b8}.help-error{padding:.75rem;border-radius:.65rem;background:rgba(239,68,68,.15);color:#fecaca}.help-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.help-topic-card{border:1px solid rgba(148,163,184,.25);border-radius:.85rem;padding:1rem;background:rgba(15,23,42,.65);display:flex;flex-direction:column;gap:.75rem}.help-topic-header{display:flex;justify-content:space-between;gap:1rem}.help-topic-summary{margin:.35rem 0 0;color:#94a3b8}.help-topic-meta{font-size:.8rem;color:#64748b}.help-topic-steps{margin:0;padding-left:1rem;color:#cbd5f5;display:flex;flex-direction:column;gap:.4rem}.help-topic-footer{display:flex;flex-direction:column;gap:.35rem}.help-topic-tags,.help-topic-links{display:flex;flex-wrap:wrap;gap:.4rem}.help-topic-tags span,.help-topic-links span{display:inline-block;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);font-size:.75rem;color:#cbd5f5;margin-right:.35rem}.help-section.legacy{border-top:1px solid rgba(148,163,184,.2);padding-top:1rem}@media (min-width: 720px){.help-search-row{flex-direction:row;align-items:center;justify-content:space-between}}.help-section h3{margin:0 0 .5rem}.help-section ol,.help-section ul{margin:0;padding-left:1.25rem;color:#cbd5f5}.help-section li{margin-bottom:.35rem}.help-modal a{color:#38bdf8}.help-modal-close{font-size:1.1rem;color:#e2e8f0}.settings-grid{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.settings-grid .helper{color:#94a3b8}.settings-row{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.settings-row:first-of-type{border-top:0;padding-top:0}@media (min-width: 720px){.settings-row{flex-direction:row;gap:1.5rem}}.settings-label{flex:1;min-width:220px}.settings-label label{font-weight:600;display:inline-block;margin-bottom:.25rem}.settings-control{flex:2;display:flex;flex-direction:column;gap:.35rem}.settings-control input{width:100%}.settings-control-actions{display:flex;justify-content:flex-end}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.status-card{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(15,23,42,.9) 50%,rgba(51,65,85,.95) 100%);border:1px solid rgba(148,163,184,.3);border-radius:.85rem;padding:.9rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 8px 20px #0f172a80,inset 0 1px #ffffff1a,inset 0 -1px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease;position:relative}.status-actions{display:flex;gap:.5rem}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4),transparent);pointer-events:none}.status-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a99,inset 0 1px #ffffff14}.status-card h3{margin:0}.status-badge{align-self:flex-start;padding:.2rem .75rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent}.status-badge.status-ok{background:rgba(34,197,94,.15);border-color:#22c55e66;color:#4ade80}.status-badge.status-error{background:rgba(248,113,113,.15);border-color:#f8717166;color:#f87171}.status-badge.status-checking{background:rgba(251,191,36,.15);border-color:#fbbf2466;color:#fbbf24}.status-badge.status-idle{background:rgba(148,163,184,.15);border-color:#94a3b84d;color:#cbd5f5}.status-badge.status-paused{background:rgba(56,189,248,.15);border-color:#38bdf866;color:#38bdf8}.status-url{word-break:break-word}.status-note{margin:0;font-size:.85rem;color:#cbd5f5}:root[data-theme=light] .status-card{background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(248,250,252,.98) 50%,rgba(241,245,249,1) 100%);border:1px solid rgba(15,23,42,.12);color:#0f172a;box-shadow:0 8px 20px #0f172a1a,inset 0 1px #ffffffe6,inset 0 -1px #0f172a0d}:root[data-theme=light] .status-card:before{background:linear-gradient(90deg,transparent,rgba(14,165,233,.3),transparent)}:root[data-theme=light] .status-card:hover{box-shadow:0 12px 28px #0f172a26,inset 0 1px #ffffffe6}:root[data-theme=light] .status-card h3{color:#0f172a}:root[data-theme=light] .status-url{color:#475569}:root[data-theme=light] .status-note{color:#64748b}:root[data-theme=light] .help-section h3{color:#0f172a}:root[data-theme=light] .help-section ol,:root[data-theme=light] .help-section ul{color:#475569}:root[data-theme=light] .help-section li{color:#475569}:root[data-theme=light] .help-modal a{color:#0369a1}:root[data-theme=light] .help-modal-close{color:#0f172a}:root[data-theme=light] .help-modal{background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.15);box-shadow:0 30px 80px #0f172a33}:root[data-theme=light] .help-modal-overlay{background:rgba(248,250,252,.9)}:root[data-theme=light] .help-modal-header{border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .help-modal-body{color:#0f172a}:root[data-theme=light] .help-search-input input{background:rgba(255,255,255,.95);border-color:#0f172a26;color:#0f172a}:root[data-theme=light] .help-topic-card{background:rgba(255,255,255,.95);border-color:#0f172a26}:root[data-theme=light] .help-topic-summary{color:#475569}:root[data-theme=light] .help-topic-meta{color:#94a3b8}:root[data-theme=light] .help-topic-tags span,:root[data-theme=light] .help-topic-links span{border-color:#0f172a33;color:#0f172a}:root[data-theme=light] .help-error{background:rgba(248,113,113,.2);color:#7f1d1d}:root[data-theme=light] .settings-grid .helper{color:#64748b}:root[data-theme=light] .settings-label label{color:#0f172a}:root[data-theme=light] .settings-row{border-top:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .voice-node-card{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .voice-node-preview{background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .voice-node-prompt{color:#475569}:root[data-theme=light] .voice-node-preview-head{color:#64748b}:root[data-theme=light] .eyebrow{color:#0369a1}:root[data-theme=light] .lede{color:#64748b}:root[data-theme=light] .project-display{background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .project-label,:root[data-theme=light] .diagram-label{color:#64748b}:root[data-theme=light] .project-value,:root[data-theme=light] .diagram-value{color:#0369a1}:root[data-theme=light] .schema-controls label{color:#64748b}:root[data-theme=light] .template-controls label{color:#64748b}:root[data-theme=light] .ai-textarea,:root[data-theme=light] .chat-textarea{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .chat-summary{border-top:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .chat-summary .requirements ul{color:#475569}:root[data-theme=light] .simulator-card{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.1);box-shadow:0 8px 24px #0f172a14}:root[data-theme=light] .simulator-card h3{color:#0f172a}:root[data-theme=light] .avatar-status-handshaking{color:#ea580c}:root[data-theme=light] .avatar-status-ready{color:#16a34a}:root[data-theme=light] .avatar-status-error{color:#dc2626}:root[data-theme=light] .avatar-events,:root[data-theme=light] .chatbot-events{background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .avatar-event-time,:root[data-theme=light] .chatbot-event-time{color:#64748b}:root[data-theme=light] .avatar-event-type{color:#0369a1}:root[data-theme=light] .avatar-event-detail{color:#0f172a}:root[data-theme=light] .avatar-event-block{color:#0f172a;background:#bae6fd}:root[data-theme=light] .chatbot-status-handshaking{color:#ea580c}:root[data-theme=light] .chatbot-status-ready{color:#16a34a}:root[data-theme=light] .chatbot-status-error{color:#dc2626}:root[data-theme=light] .chatbot-event-type{color:#c026d3}:root[data-theme=light] .chatbot-event-detail{color:#0f172a}:root[data-theme=light] .iframe-zoom{background:#f8fafc;box-shadow:0 12px 24px #0f172a26}:root[data-theme=light] .simulator-frame{background:#fff;box-shadow:0 15px 30px #0f172a26}:root[data-theme=light] .simulator-json{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .html-mode-button{border-color:#0f172a33;color:#0f172a}:root[data-theme=light] .html-mode-button.active{background:#0369a1;color:#fff;border-color:#0369a1}:root[data-theme=light] .html-single-controls button{background:rgba(255,255,255,.9);border-color:#0f172a33;color:#0f172a}:root[data-theme=light] .html-single-controls button:hover{background:rgba(14,165,233,.1);border-color:#0ea5e966}:root[data-theme=light] .simulator-card iframe{background:#f8fafc}:root[data-theme=light] .voice-log-actions label{color:#64748b}:root[data-theme=light] .voice-search input{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .voice-filter-chip{background:rgba(255,255,255,.9);border-color:#0f172a33;color:#475569}:root[data-theme=light] .voice-filter-chip:hover{border-color:#0f172a4d;color:#0f172a}:root[data-theme=light] .voice-filter-chip.active{background:linear-gradient(135deg,#0369a1,#7c3aed);color:#fff;box-shadow:0 6px 18px #0ea5e94d}:root[data-theme=light] .navbar-profile-menu-summary{border-bottom:1px solid rgba(2,6,23,.1);color:#475569}:root[data-theme=light] .navbar-profile-menu-summary strong{color:#0f172a}.top-navbar{padding:.4rem 1rem!important;min-height:44px!important;max-height:44px!important}.navbar-divider{width:1px;height:24px;background:rgba(148,163,184,.3);margin:0 .5rem 0 .25rem}:root[data-theme=light] .navbar-divider{background:rgba(15,23,42,.15)}.navbar-nav-items{display:flex;align-items:center;gap:3px}.navbar-item-btn{all:unset;cursor:pointer!important;display:inline-flex;box-sizing:border-box}.navbar-item-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 500px){.navbar-divider,.navbar-nav-items{display:none}}@media (max-width: 768px){.top-navbar{padding:.4rem .75rem!important;gap:.75rem;min-height:44px!important;max-height:44px!important}}.mobile-nav-items{display:none!important}.mobile-nav-btn{width:100%}@media (max-width: 500px){.mobile-nav-items{display:flex!important;flex-direction:column;gap:.75rem;width:100%;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.2);margin-bottom:1rem}.mobile-nav-items .nav-element-text{width:100%;justify-content:flex-start;max-width:none;background:rgba(15,23,42,.3)}.mobile-nav-items .nav-element-text:hover,.mobile-nav-items .nav-element-text.active{background:rgba(15,23,42,.6)}}:root[data-theme=light] .mobile-nav-items{border-bottom-color:#0f172a1a}:root[data-theme=light] .mobile-nav-items .nav-element-text{background:rgba(255,255,255,.5)}:root[data-theme=light] .mobile-nav-items .nav-element-text:hover,:root[data-theme=light] .mobile-nav-items .nav-element-text.active{background:rgba(255,255,255,.8)}.ai-fab-button{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #6366f166,0 2px 8px #0003;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-fab-button:hover{transform:scale(1.1);box-shadow:0 8px 30px #6366f180,0 4px 12px #0000004d}.ai-fab-button:active{transform:scale(.95)}.ai-fab-button svg{width:24px;height:24px}@keyframes fab-pulse{0%,to{box-shadow:0 4px 20px #6366f166,0 0 #6366f166}50%{box-shadow:0 4px 20px #6366f166,0 0 0 12px #6366f100}}.ai-fab-button{animation:fab-pulse 2s ease-in-out 3}.ai-fab-button:hover{animation:none}:root[data-theme=light] .ai-fab-button{box-shadow:0 4px 20px #6366f14d,0 2px 8px #0000001a}:root[data-theme=light] .ai-fab-button:hover{box-shadow:0 8px 30px #6366f166,0 4px 12px #00000026}@media (max-width: 768px){.ai-fab-button{bottom:16px;left:16px;width:48px;height:48px}.ai-fab-button svg{width:20px;height:20px}}@keyframes shimmer-border{0%,to{border-color:var(--page-border, var(--panel-border, rgba(148, 163, 184, .25)))}50%{border-color:var(--page-accent, var(--page-border, var(--panel-border, rgba(148, 163, 184, .28))))}}@keyframes shimmer-glow{0%{background-position:-200% 0;opacity:.3}50%{opacity:.6}to{background-position:200% 0;opacity:.3}}.camlin-panel{background:var(--panel-surface, linear-gradient(165deg, rgba(15, 23, 42, .9), rgba(15, 23, 42, .75)));border:1px solid var(--panel-border, rgba(148, 163, 184, .25));border-radius:1rem;box-shadow:var(--panel-shadow, 0 20px 45px rgba(2, 6, 23, .45));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--text-primary, #e2e8f0);transition:box-shadow .2s ease,border-color .2s ease}:root[data-theme=light] .camlin-panel{background:var(--panel-surface, linear-gradient(165deg, rgba(255, 255, 255, .98), rgba(241, 245, 249, .94)));border-color:var(--panel-border, rgba(15, 23, 42, .12));box-shadow:var(--panel-shadow, 0 22px 45px rgba(15, 23, 42, .12))}.camlin-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.25) 50%,transparent 100%);pointer-events:none;opacity:.5}@keyframes header-shimmer{0%,to{border-bottom-color:var(--page-border, rgba(148, 163, 184, .15))}50%{border-bottom-color:var(--page-accent, var(--page-border, rgba(148, 163, 184, .2)))}}.camlin-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid rgba(148,163,184,.15);gap:1rem}:root[data-theme=light] .camlin-panel-header{border-bottom-color:#0f172a14}.camlin-panel-header h2{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.01em;color:inherit}.camlin-panel-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.camlin-panel-content{padding:1.5rem;flex:1;overflow:auto}.camlin-panel-content.no-padding{padding:0}.camlin-panel-ai{background:var( --panel-ai-surface, linear-gradient(135deg, rgba(76, 29, 149, .85) 0%, rgba(67, 56, 202, .78) 45%, rgba(14, 165, 233, .75) 100%) );border-color:var(--panel-ai-border, rgba(216, 180, 254, .8));box-shadow:var(--panel-ai-shadow, 0 25px 60px rgba(79, 70, 229, .35))}.camlin-panel-ai:before{background:linear-gradient(90deg,transparent,rgba(248,250,252,.4),transparent);opacity:.9}.camlin-panel-ai .camlin-panel-header h2{color:#fdf4ff}.camlin-panel-ai .camlin-panel-content{color:#f4f4ff}.camlin-panel-ai .camlin-panel-actions .btn{box-shadow:0 10px 25px #ec489940}.camlin-panel-ai .camlin-panel-actions .btn-ghost{border-color:#f8fafc59}.camlin-tabs-container{display:flex;flex-direction:column;height:100%;width:100%;background:transparent}.camlin-tab-strip{display:flex;gap:1rem;border-bottom:1px solid var(--panel-border, rgba(148, 163, 184, .2));padding:0 1.75rem;flex-shrink:0;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.camlin-tab{background:transparent;border:none;color:#94a3b8;padding:1rem .5rem;font-weight:500;font-size:.95rem;cursor:pointer;position:relative;transition:color .2s ease;white-space:nowrap}.camlin-tab:hover{color:#cbd5f5}.camlin-tab.active{color:var(--page-text, #38bdf8);font-weight:600}.camlin-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--page-text, #38bdf8);border-radius:2px 2px 0 0;box-shadow:0 -2px 8px var(--page-glow, rgba(56, 189, 248, .5))}.camlin-tab-panel{flex:1;overflow:auto;padding:1.75rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .camlin-tab-strip{border-bottom-color:#0f172a14;background:rgba(255,255,255,.85)}:root[data-theme=light] .camlin-tab{color:#64748b}:root[data-theme=light] .camlin-tab:hover{color:#334155}:root[data-theme=light] .camlin-tab.active{color:var(--page-text, #0284c7)}:root[data-theme=light] .camlin-tab.active:after{background:var(--page-text, #0284c7);box-shadow:0 -2px 8px var(--page-glow, rgba(2, 132, 199, .25))}.camlin-logo{display:inline-block;vertical-align:middle;transition:transform .3s ease,filter .3s ease}.camlin-logo:hover{transform:scale(1.05);filter:brightness(1.15)}.camlin-element-card{transition:all .3s ease}.camlin-logo:hover .camlin-element-card{filter:drop-shadow(0 0 8px rgba(59,130,246,.6))}.camlin-atomic-number{transition:all .3s ease}.camlin-element-symbol{transition:filter .3s ease}.camlin-logo:hover .camlin-element-symbol{filter:drop-shadow(0 0 4px rgba(59,130,246,.8))}.camlin-product-name,.camlin-atomic-mass{transition:all .3s ease}.camlin-orbital-ring{transition:opacity .3s ease}.camlin-logo:hover .camlin-orbital-ring{opacity:.6}.camlin-electron-group{transform-origin:0 0}.camlin-electron-group-1{animation:rotateElectron1 4s linear infinite}.camlin-electron-group-2{animation:rotateElectron2 4s linear infinite}@keyframes rotateElectron1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateElectron2{0%{transform:rotate(180deg)}to{transform:rotate(540deg)}}.camlin-logo:hover .camlin-electron-group-1,.camlin-logo:hover .camlin-electron-group-2{animation-duration:2s}.camlin-electron{transition:all .3s ease}.camlin-logo:hover .camlin-electron{filter:drop-shadow(0 0 6px rgba(139,92,246,.9))}.camlin-group-indicator{transition:all .3s ease}.camlin-logo:hover .camlin-group-indicator{opacity:.8}:root[data-theme=light] .camlin-element-card{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}:root[data-theme=light] .camlin-logo:hover .camlin-element-card{filter:drop-shadow(0 0 6px rgba(8,145,178,.5))}@media (max-width: 768px){.camlin-logo{transform:scale(.9)}}.page-logo{display:inline-flex;justify-content:center;align-items:center}.nav-element-text{display:inline-flex!important;align-items:center;justify-content:center;padding:4px 10px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer!important;transition:all .2s ease;font-weight:500;letter-spacing:.01em;line-height:1.3;flex-shrink:1;color:#cbd5e1;white-space:nowrap}.nav-element-text .net-content{display:inline-flex;align-items:center;gap:0}.nav-element-text:hover{background:rgba(255,255,255,.06)}.nav-element-text.active{background:rgba(255,255,255,.08);box-shadow:0 0 20px -6px var(--element-glow);border-color:var(--element-border)}.net-main{font-size:14px;font-weight:600;color:#cbd5e1;transition:all .2s ease}.net-highlight{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}:root[data-theme=light] .net-highlight{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 50%,#db2777 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-element-text:hover .net-main,.nav-element-text.active .net-main{color:#e2e8f0}.nav-element-text.coming-soon{opacity:.5;cursor:default!important;pointer-events:none}.nav-element-text.coming-soon .net-main{color:#64748b!important}.nav-element-text.coming-soon .net-highlight{opacity:.6}:root[data-theme=light] .nav-element-text{color:#475569}:root[data-theme=light] .nav-element-text:hover{background:rgba(15,23,42,.05)}:root[data-theme=light] .nav-element-text.active{background:rgba(15,23,42,.08);border-color:#0f172a26}:root[data-theme=light] .net-main{color:#0f172a}@media (max-width: 1400px){.nav-element-text{padding:4px 9px}.net-main{font-size:13.5px}}@media (max-width: 1200px){.nav-element-text{padding:4px 8px}.net-main{font-size:13px}}@media (max-width: 1000px){.nav-element-text{padding:3px 7px}.net-main{font-size:12px}}@media (max-width: 900px){.nav-element-text{padding:3px 6px}.net-main{font-size:11px}}@media (max-width: 800px){.nav-element-text{padding:3px 5px}.net-main{font-size:10px}}.page-header-panel{background:var(--color-bg-surface);border:1px solid;border-color:inherit;margin:0 auto 20px;padding:6px 20px;position:relative;box-shadow:0 6px 20px -4px #00000040,inset 0 1px #ffffff08;border-radius:0 0 14px 14px;border-top:none;background:linear-gradient(to bottom,rgba(15,23,42,.6) 0%,var(--color-bg-surface) 100%);max-width:1100px;width:calc(100% - 4rem);height:44px;overflow:hidden}.page-header-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--page-glow, var(--color-border)) 20%,var(--page-glow, var(--color-border)) 80%,transparent 100%);opacity:.6}.php-content{display:flex;align-items:center;gap:12px;height:100%;justify-content:space-between}.php-actions-left{display:flex!important;gap:6px;align-items:center;flex-wrap:nowrap;flex-shrink:0}.php-info-right{display:flex;align-items:center;gap:10px;text-align:right;justify-content:flex-end;flex:1;min-width:0}.php-text-content{display:flex;flex-direction:row;align-items:center;gap:6px;flex:1;justify-content:flex-end;min-width:0}.php-text-content h1{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.2;display:none}.php-description{margin:0;color:var(--color-text-muted);font-size:11px;max-width:500px;line-height:1.4;display:none}.php-logo-container{flex-shrink:0;display:flex;align-items:center}.php-project-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:8px;margin-left:8px}.php-project-badge-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #94a3b8);font-weight:500}.php-project-badge-value{font-family:ui-monospace,monospace;font-size:12px;font-weight:600;color:var(--color-text, #e2e8f0)}.php-project-selector{display:flex!important;align-items:center;gap:5px;flex-wrap:nowrap;white-space:nowrap}.php-project-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #94a3b8);font-weight:500}.php-project-value{font-family:ui-monospace,monospace;font-size:11px;font-weight:600;color:var(--color-text, #e2e8f0);overflow:hidden;text-overflow:ellipsis;max-width:150px}.php-separator{color:var(--color-text-muted, #94a3b8);margin:0 2px;font-size:11px}.php-project-btn{margin-left:6px;font-size:10px;padding:2px 8px;flex-shrink:0}@media (max-width: 1000px){.php-project-value{max-width:120px}}@media (max-width: 800px){.php-project-selector{gap:4px}.php-project-label{font-size:9px}.php-project-value{font-size:10px;max-width:100px}.php-separator{font-size:10px}}@media (max-width: 500px){.page-header-panel{padding:6px 12px;margin-top:0;width:calc(100% - 2rem);height:44px;overflow:hidden}.php-content{gap:8px}.php-actions-left{gap:4px}.php-info-right{gap:8px}.php-project-selector{gap:3px}.php-project-label{font-size:8px}.php-project-value{font-size:9px;max-width:80px}.php-separator{font-size:9px;margin:0 1px}.php-project-btn{font-size:9px;padding:2px 6px;margin-left:4px}}.page-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-secondary, #12121f);border-bottom:1px solid var(--border-color, #1e1e3a);gap:8px;flex-shrink:0;min-height:44px;max-height:44px;position:relative;z-index:20;flex-wrap:nowrap}.page-toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.page-toolbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.page-toolbar-tabs{display:flex;align-items:center;gap:4px}.page-toolbar-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;color:var(--text-secondary, #a0a0a0);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.page-toolbar-tab:hover{background:var(--surface-tertiary, #0a0a14);color:var(--text-primary, #fff)}.page-toolbar-tab.active{background:var(--accent-color-light, rgba(99, 102, 241, .15));color:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.page-toolbar-tab .tab-icon{font-size:1rem;line-height:1;display:flex;align-items:center}.page-toolbar-tab .tab-icon svg{width:16px;height:16px}.page-toolbar--test .page-toolbar-tab.active{background:rgba(251,191,36,.15);color:#fbbf24;border-color:#f59e0b}.page-toolbar--test{border-bottom-color:#fbbf244d}.page-toolbar--contact .page-toolbar-tab.active{background:rgba(236,72,153,.15);color:#f472b6;border-color:#db2777}.page-toolbar--contact{border-bottom-color:#ec48994d}.page-toolbar--avatar .page-toolbar-tab.active{background:rgba(34,211,238,.15);color:#22d3ee;border-color:#06b6d4}.page-toolbar--avatar{border-bottom-color:#22d3ee4d}.page-toolbar--insight .page-toolbar-tab.active{background:rgba(74,222,128,.15);color:#4ade80;border-color:#22c55e}.page-toolbar--insight{border-bottom-color:#4ade804d}.page-toolbar--operate .page-toolbar-tab.active{background:rgba(139,92,246,.15);color:#c4b5fd;border-color:#8b5cf6}.page-toolbar--operate{border-bottom-color:#8b5cf64d}.tab-panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto}.tab-panel--hidden{display:none}.tab-panel--active{display:flex}.page-toolbar .toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;color:var(--text-secondary, #a0a0a0);background:transparent;border:1px solid var(--border-color, rgba(148, 163, 184, .3));border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.page-toolbar .toolbar-btn:hover{background:var(--surface-tertiary, #0a0a14);color:var(--text-primary, #fff);border-color:var(--accent-color, #6366f1)}.page-toolbar .toolbar-btn.primary{background:var(--accent-color, #6366f1);color:#fff;border-color:var(--accent-color, #6366f1)}.page-toolbar .toolbar-btn.primary:hover{background:var(--accent-color-dark, #4f46e5)}.page-toolbar .toolbar-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1000px){.page-toolbar-tab .tab-label{display:none}.page-toolbar-tab{padding:6px 10px}}:root[data-theme=light] .page-toolbar{background:linear-gradient(180deg,#e2e8f0 0%,#cbd5e1 100%);border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .page-toolbar-tab{color:#64748b}:root[data-theme=light] .page-toolbar-tab:hover{background:rgba(15,23,42,.08);color:#0f172a}:root[data-theme=light] .page-toolbar-tab.active{background:rgba(99,102,241,.12);color:#4f46e5;border-color:#4f46e5}:root[data-theme=light] .page-toolbar--test .page-toolbar-tab.active{background:rgba(217,119,6,.12);color:#d97706;border-color:#d97706}:root[data-theme=light] .page-toolbar--contact .page-toolbar-tab.active{background:rgba(219,39,119,.12);color:#db2777;border-color:#db2777}:root[data-theme=light] .page-toolbar--insight .page-toolbar-tab.active{background:rgba(22,163,74,.12);color:#16a34a;border-color:#16a34a}:root[data-theme=light] .page-toolbar--operate .page-toolbar-tab.active{background:rgba(124,58,237,.12);color:#7c3aed;border-color:#7c3aed}.trunk-healing-panel{display:flex;flex-direction:column;height:100%;background:var(--surface-primary, #1a1a2e);border-radius:8px;overflow:hidden}.healing-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--surface-secondary, #16213e);border-bottom:1px solid var(--border-color, #2a2a4a)}.healing-title{display:flex;align-items:center;gap:12px}.healing-title h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #e8e8e8)}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.healthy{background:rgba(34,197,94,.2);color:#22c55e}.status-badge.warning{background:rgba(245,158,11,.2);color:#f59e0b}.status-badge.critical{background:rgba(239,68,68,.2);color:#ef4444}.status-badge.loading{background:rgba(59,130,246,.2);color:#3b82f6}.status-badge.error{background:rgba(239,68,68,.2);color:#ef4444}.healing-actions{display:flex;gap:8px}.healing-content{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:1px;flex:1;overflow:hidden;background:var(--border-color, #2a2a4a)}.healing-pane{display:flex;flex-direction:column;padding:16px;background:var(--surface-primary, #1a1a2e);overflow:hidden}.healing-pane h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-secondary, #a8a8b8);text-transform:uppercase;letter-spacing:.5px}.healing-pane h4{margin:0 0 8px;font-size:13px;font-weight:500;color:var(--text-secondary, #a8a8b8)}.config-section{background:var(--surface-secondary, #16213e);border-radius:6px;padding:12px;margin-bottom:16px}.config-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-color, #2a2a4a)}.config-row:last-child{border-bottom:none}.config-label{color:var(--text-secondary, #a8a8b8);font-size:13px}.config-value{color:var(--text-primary, #e8e8e8);font-size:13px;font-family:JetBrains Mono,monospace}.config-value.highlight-green{color:#22c55e}.config-value.highlight-yellow{color:#f59e0b}.config-value.highlight-red{color:#ef4444}.config-value.highlight-blue{color:#3b82f6}.config-subsection{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #2a2a4a)}.origination-url{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--surface-primary, #1a1a2e);border-radius:4px;margin-bottom:4px}.origination-url.disabled{opacity:.5}.url-priority{background:var(--accent-color, #6366f1);color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600}.url-value{flex:1;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-primary, #e8e8e8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-status{font-size:14px}.url-status.enabled{color:#22c55e}.url-status.disabled{color:#ef4444}.logs-section{flex:1;display:flex;flex-direction:column;min-height:0}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.auto-refresh-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #a8a8b8);cursor:pointer}.auto-refresh-toggle input{cursor:pointer}.logs-container{flex:1;overflow-y:auto;background:var(--surface-tertiary, #0f0f1a);border-radius:6px;padding:8px;font-family:JetBrains Mono,monospace;font-size:11px}.logs-empty{color:var(--text-secondary, #a8a8b8);text-align:center;padding:20px}.log-entry{display:flex;gap:8px;padding:4px 6px;border-radius:3px;margin-bottom:2px}.log-entry:hover{background:rgba(255,255,255,.05)}.log-time{color:var(--text-secondary, #a8a8b8);flex-shrink:0}.log-status,.log-level{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.status-completed,.level-info{background:rgba(34,197,94,.2);color:#22c55e}.status-failed,.level-error{background:rgba(239,68,68,.2);color:#ef4444}.status-busy,.status-no-answer,.level-warning{background:rgba(245,158,11,.2);color:#f59e0b}.status-in-progress,.level-verbose{background:rgba(59,130,246,.2);color:#3b82f6}.log-details,.log-message{color:var(--text-primary, #e8e8e8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-pane{display:flex;flex-direction:column;gap:16px}.transport-control,.test-call-control{background:var(--surface-secondary, #16213e);border-radius:6px;padding:12px}.transport-buttons{display:flex;gap:8px}.transport-btn{flex:1;padding:10px 12px;border:1px solid var(--border-color, #2a2a4a);background:var(--surface-primary, #1a1a2e);color:var(--text-secondary, #a8a8b8);border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.transport-btn:hover:not(:disabled){border-color:var(--accent-color, #6366f1);color:var(--text-primary, #e8e8e8)}.transport-btn.active{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}.transport-btn:disabled{opacity:.5;cursor:not-allowed}.test-call-form{display:flex;gap:8px}.test-call-form input{flex:1;padding:10px 12px;background:var(--surface-primary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:6px;color:var(--text-primary, #e8e8e8);font-size:14px}.test-call-form input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.ai-chat-section{flex:1;display:flex;flex-direction:column;background:var(--surface-secondary, #16213e);border-radius:6px;padding:12px;min-height:0}.chat-messages{flex:1;overflow-y:auto;margin-bottom:12px}.chat-message{padding:10px 12px;margin-bottom:8px;border-radius:8px;max-width:95%}.chat-message.user{background:var(--accent-color, #6366f1);color:#fff;margin-left:auto}.chat-message.assistant{background:var(--surface-primary, #1a1a2e);color:var(--text-primary, #e8e8e8)}.chat-message.system{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:var(--text-primary, #e8e8e8);max-width:100%}.chat-message.loading{display:flex;gap:4px;padding:12px 16px}.chat-message.loading span{animation:bounce 1.4s infinite ease-in-out;color:var(--accent-color, #6366f1);font-size:18px}.chat-message.loading span:nth-child(1){animation-delay:0s}.chat-message.loading span:nth-child(2){animation-delay:.2s}.chat-message.loading span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.3}40%{opacity:1}}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.action-btn{padding:6px 12px;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.action-btn:hover:not(:disabled){background:var(--accent-hover, #5558e8)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input{display:flex;gap:8px}.chat-input input{flex:1;padding:10px 12px;background:var(--surface-primary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:6px;color:var(--text-primary, #e8e8e8);font-size:14px}.chat-input input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.issues-summary{padding:16px 20px;background:var(--surface-secondary, #16213e);border-top:1px solid var(--border-color, #2a2a4a)}.issues-summary h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary, #a8a8b8)}.issues-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.issue-card{flex-shrink:0;width:280px;padding:12px;border-radius:6px;background:var(--surface-primary, #1a1a2e)}.issue-card.critical{border-left:3px solid #ef4444}.issue-card.warning{border-left:3px solid #f59e0b}.issue-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.issue-severity{padding:2px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.issue-severity.critical{background:rgba(239,68,68,.2);color:#ef4444}.issue-severity.warning{background:rgba(245,158,11,.2);color:#f59e0b}.issue-title{font-weight:500;color:var(--text-primary, #e8e8e8)}.issue-description{margin:0 0 8px;font-size:13px;color:var(--text-secondary, #a8a8b8)}.issue-fix{margin:0;font-size:12px;color:#22c55e}.logs-container::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.logs-container::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:transparent}.logs-container::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color, #2a2a4a);border-radius:3px}.logs-container::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #a8a8b8)}.sip-dialer{background:var(--surface-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:500px;margin:20px 0}.sip-dialer h3{margin:0 0 16px;color:var(--text-primary)}.sip-status{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:var(--surface);border-radius:8px}.status-indicator{font-size:14px;font-weight:500}.status-indicator.connected{color:var(--success)}.status-indicator.disconnected{color:var(--error)}.sip-user{font-family:monospace;font-size:13px;color:var(--text-secondary)}.call-mode-selector{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:var(--surface);border-radius:6px}.call-mode-selector label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.call-mode-selector input[type=radio]{cursor:pointer}.dial-controls{display:flex;gap:8px;margin-bottom:16px}.dial-controls input,.dial-controls select.app-selector{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);font-size:14px}.dial-controls input:disabled,.dial-controls select:disabled{opacity:.5;cursor:not-allowed}.app-selector option{background:var(--surface);color:var(--text-primary)}.call-button,.hangup-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.call-button{background:var(--success);color:#fff}.call-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.call-button:disabled{opacity:.5;cursor:not-allowed}.hangup-button{background:var(--error);color:#fff}.hangup-button:hover{opacity:.9}.call-status{min-height:24px;font-size:14px;font-weight:500;margin-bottom:16px;padding:8px;text-align:center;border-radius:6px;background:var(--surface)}.sip-logs{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px;max-height:200px;overflow-y:auto}.sip-logs strong{display:block;margin-bottom:8px;color:var(--text-primary)}.log-entry{font-family:monospace;font-size:12px;color:var(--text-secondary);padding:4px 0;border-bottom:1px solid var(--border-subtle)}.contact-center-page{display:flex;flex-direction:column;height:calc(100vh - 44px);width:100%;overflow:hidden}.contact-center-content{flex:1;display:flex;flex-direction:column;overflow:auto;padding:24px 32px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.contact-center{height:100%;display:flex;flex-direction:column;overflow:hidden;padding:0;margin:0;width:100%}.contact-center-header{margin-bottom:2rem}.contact-center-header h1{margin:0 0 .5rem;font-size:2rem;color:#e2e8f0}.contact-center-header p{margin:0;color:#94a3b8;font-size:1rem}.contact-center-error{background:#fee;border:1px solid #fcc;border-radius:4px;padding:1rem;margin-bottom:1rem;color:#c33;display:flex;justify-content:space-between;align-items:center}.contact-center-error button{background:none;border:none;color:#c33;font-size:1.5rem;cursor:pointer;padding:0 .5rem}.dashboard-tab{padding:1rem 0}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:rgba(15,23,42,.7);border:1px solid rgba(236,72,153,.3);border-radius:8px;padding:1.5rem;text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #ec489926;display:flex;flex-direction:column;justify-content:center}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);border-color:#ec489999;box-shadow:0 8px 24px #ec489959,0 0 20px #f472b633}.stat-value{font-size:2.5rem;font-weight:700;color:#ec4899;margin-bottom:.5rem;text-shadow:0 0 10px rgba(236,72,153,.5)}.stat-label{font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.stat-detail{font-size:.8rem;color:#64748b;margin-top:.5rem}.trunks-table{width:100%;border-collapse:collapse;background:rgba(15,23,42,.6);border-radius:8px;overflow:hidden}.trunks-table th{text-align:left;padding:1rem;color:#94a3b8;font-weight:600;border-bottom:1px solid rgba(148,163,184,.1);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.trunks-table td{padding:1rem;color:#e2e8f0;border-bottom:1px solid rgba(148,163,184,.1)}.trunks-table tr:last-child td{border-bottom:none}.trunks-table tr:hover td{background:rgba(255,255,255,.02)}.trunk-host{display:flex;flex-direction:column;gap:2px;font-family:ui-monospace,monospace;font-size:.9em}.trunk-user{color:#94a3b8;font-size:.85em}.trunk-detail{color:#94a3b8;font-size:.85em;margin-top:2px}.transport-badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3);font-family:ui-monospace,monospace}.calls-col{text-align:center;font-family:ui-monospace,monospace}.calls-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 8px;border-radius:4px;font-weight:600;background:rgba(236,72,153,.15);color:#ec4899;border:1px solid rgba(236,72,153,.3)}.status-info{display:flex;flex-direction:column;gap:4px}.status-detail{font-size:.7rem;color:#64748b}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-active{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-inactive{background:rgba(148,163,184,.15);color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.status-error{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-unknown{background:rgba(234,179,8,.15);color:#facc15;border:1px solid rgba(234,179,8,.3)}.actions-col{text-align:right;width:100px}.row-actions{display:flex;justify-content:flex-end;gap:.5rem}.dashboard-recent{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:1.5rem}.apps-tab{padding:1rem 0;display:flex;flex-direction:column;gap:1.5rem}.dashboard-recent h2{margin:0 0 1rem;font-size:1.25rem;color:#e2e8f0}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{padding:.75rem;background:rgba(15,23,42,.5);border-radius:4px;font-size:.9rem;color:#94a3b8}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-actions{display:inline-flex;gap:.75rem;align-items:center}.section-header h2{margin:0;font-size:1.5rem;color:#e2e8f0}.queues-list,.agents-list,.numbers-list,.trunks-list,.apps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.queue-card,.agent-card,.number-card,.trunk-card,.app-link-card{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.queue-card:hover,.agent-card:hover,.number-card:hover,.trunk-card:hover,.app-link-card:hover{box-shadow:0 2px 8px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.2)}.card-header h3{margin:0;font-size:1.25rem;color:#e2e8f0}.card-actions{display:flex;gap:.5rem}.card-body{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#94a3b8}.queue-info,.agent-info,.number-info,.trunk-info,.app-info{display:flex;flex-direction:column;gap:.5rem}.queue-members{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.queue-members-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.queue-members-list{display:flex;flex-wrap:wrap;gap:.5rem}.queue-members-empty{color:#64748b;font-style:italic}.member-chip{display:inline-flex;align-items:center;gap:.35rem;background:rgba(56,189,248,.15);color:#e2e8f0;border:1px solid rgba(56,189,248,.3);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.member-chip:hover{background:rgba(56,189,248,.25);border-color:#38bdf880}.member-chip:disabled{opacity:.5;cursor:not-allowed}.queue-members-add{display:flex;gap:.5rem}.queue-members-add select{flex:1;width:auto}.queue-form,.agent-form,.number-form,.trunk-form,.app-link-form{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.queue-form h3,.agent-form h3,.number-form h3,.trunk-form h3,.app-link-form h3{margin:0 0 1.5rem;font-size:1.25rem;color:#e2e8f0}.create-form-container{margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#e2e8f0}.form-group .required{color:#c33}.form-group input[type=text],.form-group input[type=number],.form-group input[type=tel],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid rgba(148,163,184,.3);border-radius:4px;font-size:.9rem;box-sizing:border-box;background:rgba(15,23,42,.5);color:#e2e8f0}.form-group textarea{min-height:120px;resize:vertical;font-family:inherit}.form-group input:disabled{background:rgba(15,23,42,.3);color:#64748b;cursor:not-allowed}.form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group .checkbox-label input[type=checkbox]{width:auto;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.2)}.form-helper{display:block;margin-top:.5rem;color:#94a3b8;font-size:.8rem}.form-error{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.4);border-radius:6px;padding:.75rem;color:#fecaca;margin-top:.75rem}.password-with-action{display:flex;gap:.5rem}.password-with-action input{flex:1}.trunk-provision-result{background:rgba(15,23,42,.7);border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:1.5rem;margin-bottom:2rem;color:#e2e8f0}.trunk-provision-result .result-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.trunk-provision-result dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 2rem;margin:0 0 1rem}.trunk-provision-result dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.trunk-provision-result dd{margin:0;font-size:.95rem;font-weight:500}.trunk-provision-result ul{margin:.5rem 0 0 1rem;color:#94a3b8;padding-left:.5rem}.queue-card.editing,.agent-card.editing,.number-card.editing,.app-link-card.editing{grid-column:1 / -1}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:#94a3b8;background:rgba(15,23,42,.5);border-radius:8px}.form-group select[multiple]{min-height:120px}.form-group small{display:block;margin-top:.25rem;color:#94a3b8;font-size:.85rem}.contact-center .camlin-tabs-container{height:100%;display:flex;flex-direction:column}.contact-center .camlin-tab-strip{padding:1rem 2rem}.contact-center .camlin-tab-panel{flex:1;padding:2rem;min-height:0;background:rgba(15,23,42,.35)}:root[data-theme=light] .contact-center .camlin-tab-panel{background:rgba(255,255,255,.92);color:#0f172a}:root[data-theme=light] .contact-center-header h1{color:#0f172a}:root[data-theme=light] .contact-center-header p{color:#475569}:root[data-theme=light] .stat-card,:root[data-theme=light] .queue-card,:root[data-theme=light] .agent-card,:root[data-theme=light] .number-card,:root[data-theme=light] .trunk-card,:root[data-theme=light] .app-link-card{background:#ffffff;border:1px solid rgba(15,23,42,.08);color:#0f172a;box-shadow:0 6px 18px #0f172a14}:root[data-theme=light] .queue-member-chip{background:rgba(14,165,233,.12);color:#0369a1}:root[data-theme=light] .stat-value{color:#0369a1}:root[data-theme=light] .stat-label{color:#475569}:root[data-theme=light] .queue-form,:root[data-theme=light] .agent-form,:root[data-theme=light] .number-form,:root[data-theme=light] .trunk-form{background:#ffffff;border:1px solid rgba(15,23,42,.08);color:#0f172a}:root[data-theme=light] .queue-form h3,:root[data-theme=light] .agent-form h3,:root[data-theme=light] .number-form h3,:root[data-theme=light] .trunk-form h3{color:#0f172a}:root[data-theme=light] .form-group label{color:#0f172a}:root[data-theme=light] .form-group input[type=text],:root[data-theme=light] .form-group input[type=number],:root[data-theme=light] .form-group input[type=tel],:root[data-theme=light] .form-group select{background:#ffffff;border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .form-group input:disabled{background:rgba(15,23,42,.05);color:#64748b}:root[data-theme=light] .form-actions{border-top:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .empty-state{background:rgba(15,23,42,.03);color:#475569}:root[data-theme=light] .form-group small{color:#64748b}:root[data-theme=light] .member-chip{background:rgba(14,165,233,.12);color:#0369a1;border:1px solid rgba(14,165,233,.2)}:root[data-theme=light] .member-chip:hover{background:rgba(14,165,233,.18);border-color:#0ea5e966}:root[data-theme=light] .queue-members-header{color:#475569}:root[data-theme=light] .queue-members-empty{color:#94a3b8}:root[data-theme=light] .dashboard-recent{background:#ffffff;border:1px solid rgba(15,23,42,.08);color:#0f172a}:root[data-theme=light] .dashboard-recent h2{color:#0f172a}:root[data-theme=light] .activity-item{background:rgba(15,23,42,.05);color:#0f172a;border:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .activity-item strong{color:#0369a1}:root[data-theme=light] .card-header{background:rgba(15,23,42,.03);border-bottom:1px solid rgba(15,23,42,.08)}:root[data-theme=light] .card-body{background:#ffffff;color:#0f172a}:root[data-theme=light] .card-body p{color:#475569}:root[data-theme=light] .card-body strong{color:#0f172a}:root[data-theme=light] .card-body code{background:rgba(15,23,42,.05);color:#0369a1}:root[data-theme=light] .section-header h2{color:#0f172a}:root[data-theme=light] .card-header h3{color:#0f172a}:root[data-theme=light] .form-group .required{color:#dc2626}@media (max-width: 768px){.contact-center{padding:0}.contact-center .tabbed-content{padding:1rem}.contact-center .tabbed-tabs{padding:.75rem 1rem}.dashboard-stats,.queues-list,.agents-list,.numbers-list,.trunks-list,.apps-list{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease-out;padding:2rem;overflow-y:auto}.modal-content{background:rgba(15,23,42,.98);border:1px solid rgba(236,72,153,.3);border-radius:12px;padding:2rem;min-width:400px;max-width:500px;box-shadow:0 20px 60px #0009,0 0 40px #ec489933;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(236,72,153,.2)}.modal-header h3{margin:0;color:#ec4899;font-size:1.25rem}.modal-close{background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#ec4899}.modal-content h3{margin:0 0 1rem;color:#ec4899;font-size:1.25rem}.trunk-details-modal{min-width:700px;max-width:900px;max-height:90vh;overflow-y:auto}.trunk-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.detail-section{background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.1);border-radius:8px;padding:1rem}.detail-section-full{grid-column:1 / -1}.detail-section h4{margin:0 0 1rem;color:#e2e8f0;font-size:1rem;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.05)}.detail-row:last-child{border-bottom:none}.detail-label{color:#94a3b8;font-size:.875rem;font-weight:500}.detail-row code{font-family:ui-monospace,monospace;font-size:.85rem;color:#f472b6;background:rgba(236,72,153,.1);padding:2px 6px;border-radius:4px}.modal-header-actions{display:flex;gap:1rem;align-items:center}.trunk-logs-container{max-height:300px;overflow-y:auto;background:rgba(0,0,0,.3);border-radius:4px;padding:.5rem;font-family:ui-monospace,monospace;font-size:.85rem}.log-entry{padding:.5rem;border-bottom:1px solid rgba(148,163,184,.05);display:flex;gap:1rem}.log-entry:last-child{border-bottom:none}.log-time{color:#64748b;min-width:80px;flex-shrink:0}.log-message{color:#e2e8f0;word-break:break-word}.log-error .log-message{color:#f87171}.log-info .log-message{color:#94a3b8}.modal-content p{margin:.5rem 0;color:#e2e8f0;line-height:1.6}.modal-content p.helper{color:#94a3b8;font-size:.9rem}.progress-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000}.progress-modal{background:rgba(15,23,42,.95);border:1px solid rgba(56,189,248,.3);border-radius:12px;padding:2rem;min-width:400px;max-width:500px;box-shadow:0 20px 60px #00000080}.progress-modal h3{margin:0 0 1.5rem;color:#e2e8f0;font-size:1.25rem}.progress-bar-container{width:100%;height:8px;background:rgba(148,163,184,.2);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-bar{height:100%;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #38bdf880}.progress-step{color:#94a3b8;font-size:.9rem;margin:.5rem 0;text-align:center}.progress-value{color:#38bdf8;font-size:1.5rem;font-weight:700;text-align:center;margin-top:.5rem}.diagnostics-tab{padding:1rem 0}.diagnostics-section{margin-bottom:2rem}.diagnostics-section h3{color:#e2e8f0;margin:0 0 1rem;font-size:1.25rem;border-bottom:1px solid rgba(236,72,153,.3);padding-bottom:.5rem}.diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.diagnostic-card{background:rgba(15,23,42,.7);border:1px solid rgba(100,116,139,.3);border-radius:8px;padding:1rem}.diagnostic-card h4{margin:0 0 .75rem;color:#ec4899;font-size:1rem}.diagnostic-card div{margin:.5rem 0;font-size:.9rem;color:#cbd5e1}.diagnostic-card code{background:rgba(0,0,0,.3);padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem;color:#38bdf8}.logs-container{background:#1e293b;border:1px solid rgba(100,116,139,.3);border-radius:8px;padding:1rem;max-height:500px;overflow-y:auto;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem}.log-entry{margin-bottom:.5rem;line-height:1.5;color:#cbd5e1}.log-timestamp{color:#64748b;margin-right:.5rem}.log-stream{color:#22d3ee;margin-right:.5rem;font-weight:500}.log-message{color:#e2e8f0}.log-error .log-message{color:#fb7185}.log-warning .log-message{color:#fbbf24}.log-info .log-message{color:#60a5fa}.trunks-tab.healing-mode{height:100%;display:flex;flex-direction:column}.trunk-title{display:flex;align-items:center;gap:10px}.trunk-title h3{margin:0}.transport-badge{display:inline-flex;padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.transport-badge.tls{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.transport-badge.udp{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.transport-badge.unknown{background:rgba(148,163,184,.15);color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.status-chip{display:inline-flex;padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.status-chip.active{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-chip.inactive{background:rgba(148,163,184,.15);color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.status-chip.error{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-chip.unknown{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.trunk-details{display:flex;flex-direction:column;gap:8px}.trunk-details .detail-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:none}.trunk-details .detail-label{color:#94a3b8;font-size:.85rem;min-width:80px}.trunk-details .detail-value{color:#e2e8f0;font-size:.9rem;font-family:ui-monospace,monospace}.trunk-details .detail-value.codecs{display:flex;flex-wrap:wrap;gap:4px}.codec-chip{display:inline-flex;padding:2px 6px;background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.3);border-radius:3px;font-size:.75rem;font-weight:500;text-transform:uppercase}:root[data-theme=light] .transport-badge.tls{background:rgba(34,197,94,.1);color:#16a34a}:root[data-theme=light] .transport-badge.udp{background:rgba(59,130,246,.1);color:#2563eb}:root[data-theme=light] .status-chip.active{background:rgba(34,197,94,.1);color:#16a34a}:root[data-theme=light] .status-chip.error{background:rgba(239,68,68,.1);color:#dc2626}:root[data-theme=light] .codec-chip{background:rgba(139,92,246,.1);color:#7c3aed}:root[data-theme=light] .trunk-details .detail-label{color:#64748b}:root[data-theme=light] .trunk-details .detail-value{color:#1e293b}.trunk-create-form{background:rgba(15,23,42,.7);border:1px solid rgba(236,72,153,.3);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.trunk-create-form h3{margin:0 0 1.25rem;font-size:1.1rem;color:#e2e8f0}.trunk-create-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.trunk-create-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#94a3b8}.trunk-create-form input{padding:.6rem .75rem;border:1px solid rgba(148,163,184,.3);border-radius:4px;background:rgba(15,23,42,.5);color:#e2e8f0;font-size:.9rem}.trunk-create-form input:focus{outline:none;border-color:#ec489980;box-shadow:0 0 0 2px #ec489926}.trunk-create-form .form-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.15)}.trunk-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.trunk-name{font-weight:500;color:#e2e8f0}.trunk-endpoint{font-family:ui-monospace,monospace;font-size:.85rem;color:#94a3b8}.trunk-actions .btn-ai{padding:.4rem .75rem;font-size:.8rem}:root[data-theme=light] .trunk-create-form{background:#ffffff;border:1px solid rgba(236,72,153,.2)}:root[data-theme=light] .trunk-create-form h3{color:#0f172a}:root[data-theme=light] .trunk-create-form label{color:#475569}:root[data-theme=light] .trunk-create-form input{background:#ffffff;border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .trunk-name{color:#0f172a}:root[data-theme=light] .trunk-endpoint{color:#475569}:root[data-theme=light] .trunks-table{background:#ffffff;border:1px solid rgba(15,23,42,.08)}:root[data-theme=light] .trunks-table th{color:#475569;background:rgba(15,23,42,.02);border-bottom:1px solid rgba(15,23,42,.08)}:root[data-theme=light] .trunks-table td{color:#0f172a;border-bottom:1px solid rgba(15,23,42,.05)}:root[data-theme=light] .trunks-table tr:hover td{background:rgba(15,23,42,.02)}.design-chat{display:flex;flex-direction:column;height:100%;background:var(--surface-secondary, #12121f);border-right:1px solid var(--border-color, #1e1e3a);overflow:hidden}.design-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, #1e1e3a)}.design-chat-header h3{margin:0;font-size:.95rem;color:var(--text-primary, #fff)}.design-chat-header .clear-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;opacity:.6;transition:opacity .15s}.design-chat-header .clear-btn:hover{opacity:1}.design-chat-context{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-tertiary, #0a0a14);border-bottom:1px solid var(--border-color, #1e1e3a)}.context-badge{flex:1;padding:6px 10px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:.8rem;color:var(--text-primary, #fff);cursor:pointer;transition:all .15s}.context-badge:hover{background:rgba(99,102,241,.15)}.context-badge.app{border-color:#8b5cf666;background:rgba(139,92,246,.1)}.context-badge.diagram{border-color:#22c55e66;background:rgba(34,197,94,.1)}.context-badge.node{border-color:#f59e0b66;background:rgba(245,158,11,.1)}.context-up{background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;transition:all .15s}.context-up:hover{background:var(--surface-secondary, #12121f)}.design-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px;display:flex;flex-direction:column;gap:12px;background:transparent}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#888;padding:24px}.chat-empty .empty-icon{font-size:2.5rem;margin-bottom:16px;opacity:.5}.chat-empty p{margin:0 0 8px;color:#999}.chat-empty .hint{font-size:.8rem;color:#666;font-style:italic}.ai-suggestions{margin-top:16px;padding:12px;background:var(--surface-tertiary, #0a0a14);border-radius:12px;width:100%}.suggestions-label{display:block;font-size:.7rem;font-weight:600;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.suggestion-chip{display:block;width:100%;padding:10px 12px;margin-bottom:6px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:8px;color:var(--text-primary, #fff);font-size:.8rem;text-align:left;cursor:pointer;transition:all .15s}.suggestion-chip:last-child{margin-bottom:0}.flow-issues{margin-top:16px;padding:12px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:12px;width:100%}.issues-label{display:block;font-size:.75rem;font-weight:600;color:#f59e0b;margin-bottom:8px}.issue-item{display:block;font-size:.75rem;color:var(--text-secondary, #a0a0a0);padding:4px 0;border-bottom:1px solid rgba(245,158,11,.1)}.issue-item:last-child{border-bottom:none;padding-bottom:0}.message-row{display:flex;flex-direction:column;width:100%;animation:messageIn .35s cubic-bezier(.34,1.56,.64,1)}.message-row.assistant{align-items:flex-start}.chat-bubble{max-width:85%;padding:12px 16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.chat-bubble.user{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#c084fc 100%);color:#fff;border-radius:18px 18px 6px;box-shadow:0 4px 16px #a855f74d,0 2px 6px #7c3aed33,inset 0 1px #fff3;font-weight:450}.chat-bubble.user:hover{box-shadow:0 6px 24px #a855f766,0 3px 10px #7c3aed4d,inset 0 1px #ffffff40}.chat-bubble.assistant{background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.9) 100%);border:1px solid rgba(34,211,238,.2);color:#e2e8f0;border-radius:18px 18px 18px 6px;box-shadow:0 4px 16px #00000040,0 0 0 1px #22d3ee14,inset 0 1px #ffffff0d}.chat-bubble.assistant:hover{border-color:#22d3ee59;box-shadow:0 6px 24px #00000059,0 0 16px #22d3ee1f,inset 0 1px #ffffff14}.message-content{font-size:.875rem;line-height:1.6;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.message-content strong{color:#fff;font-weight:600}.message-content em{font-style:italic;opacity:.9}.chat-bubble.assistant .message-content code{background:rgba(34,211,238,.1);padding:2px 5px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.85em;color:#67e8f9}:root[data-theme=light] .chat-bubble.user{box-shadow:0 4px 14px #a855f733,0 2px 6px #7c3aed1f,inset 0 1px #ffffff4d}:root[data-theme=light] .chat-bubble.assistant{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.95) 100%);border:1px solid rgba(6,182,212,.2);color:#334155;box-shadow:0 4px 14px #0000000f,inset 0 1px #ffffffe6}:root[data-theme=light] .chat-bubble.assistant .message-content code{background:rgba(6,182,212,.08);color:#0e7490}.message-bullet{padding-left:4px;margin:2px 0}.message-action{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.apply-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #6366f166;display:flex;align-items:center;justify-content:center;gap:8px}.apply-btn:hover{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 50%,#c084fc 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.apply-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6366f166}.apply-icon{font-size:1rem}.apply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{font-size:.65rem;opacity:.4;margin-top:4px;padding:0 4px}.message-time.user{color:#888}.message-time.assistant{color:#666}.chat-bubble.typing{padding:10px 14px;background:#1a1a2e;border:1px solid rgba(99,102,241,.25);border-radius:16px 16px 16px 4px}.typing-indicator{display:flex;gap:5px}.typing-indicator span{width:8px;height:8px;background:#6366f1;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.design-chat-input{padding:12px;border-top:1px solid var(--border-color, #1e1e3a);background:var(--surface-tertiary, #0a0a14)}.input-wrapper{display:flex;gap:8px;align-items:stretch}.input-wrapper textarea{flex:1;padding:12px 14px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:12px;color:var(--text-primary, #fff);font-size:.9rem;resize:none;min-height:44px;max-height:100px;line-height:1.4}.input-wrapper textarea:focus{outline:none;border-color:var(--accent-color, #6366f1)}.input-wrapper textarea::placeholder{color:var(--text-tertiary, #666680)}.input-actions{display:flex;flex-direction:column;gap:6px;justify-content:flex-end}.voice-btn,.send-btn{width:44px;height:44px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease;flex-shrink:0;position:relative;overflow:hidden}.voice-btn:before,.send-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1),rgba(236,72,153,.1));opacity:0;transition:opacity .3s ease}.voice-btn:hover:before,.send-btn:hover:before{opacity:1}.voice-btn{background:linear-gradient(135deg,#1a1a2e 0%,#12121f 100%);border:1px solid rgba(99,102,241,.3);color:#fff}.voice-btn:hover:not(:disabled){border-color:#8b5cf699;box-shadow:0 0 20px #6366f133,inset 0 0 20px #6366f10d;transform:translateY(-1px)}@keyframes pulse-voice{0%,to{box-shadow:0 0 #ef444480,0 0 15px #ef44444d}50%{box-shadow:0 0 0 10px #ef444400,0 0 25px #ef444480}}.send-btn{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);color:#fff;box-shadow:0 4px 14px #6366f166}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8 0%,#a78bfa 50%,#c084fc 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.send-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6366f166}.voice-btn,.send-btn{font-size:20px;line-height:1}.send-btn{font-size:18px}.send-btn svg{transform:rotate(-45deg)}.send-btn svg.spin{transform:none;animation:spin 1s linear infinite}.send-btn:disabled,.voice-btn:disabled{opacity:.5;cursor:not-allowed}.design-chat-messages::-webkit-scrollbar{width:6px}.design-chat-messages::-webkit-scrollbar-track{background:transparent}.design-chat-messages::-webkit-scrollbar-thumb{background:var(--border-color, #1e1e3a);border-radius:3px}.unified-chat-panel{position:fixed;top:44px;left:0;width:380px;height:calc(100vh - 44px);background:var(--surface-secondary, #12121f);border-right:1px solid var(--border-color, #1e1e3a);display:flex;flex-direction:column;z-index:999;animation:slideIn .25s ease-out;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:4px 0 20px #0000004d;overflow:hidden;min-width:300px;max-width:600px}.unified-chat-panel.resizing{-webkit-user-select:none;user-select:none}.unified-chat-panel.resizing *{pointer-events:none}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.panel-resize-grip{width:4px;height:50px;border-radius:2px;background:var(--text-tertiary, #64748b);opacity:.3;transition:opacity .15s ease}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, #1e1e3a);background:var(--surface-tertiary, #0a0a14);gap:12px;flex-shrink:0}.header-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.header-icon{font-size:18px;flex-shrink:0}.header-title h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary, #f1f5f9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-tabs{display:flex;gap:4px;background:rgba(255,255,255,.04);padding:4px;border-radius:8px;flex-shrink:0}.mode-tab{background:transparent;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;opacity:.6}.mode-tab:hover:not(:disabled){opacity:1;background:var(--surface-secondary, #12121f)}.mode-tab.active{opacity:1;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.clear-btn{background:transparent;border:none;font-size:14px;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s;flex-shrink:0}.clear-btn:hover{color:var(--text-primary, #f1f5f9);background:rgba(239,68,68,.1)}.close-btn{background:transparent;border:none;font-size:20px;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;flex-shrink:0}.close-btn:hover{color:var(--text-primary, #f1f5f9);background:var(--surface-secondary, #12121f)}.panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;width:100%;padding:0!important}.design-mode-content{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.suggestions-section{padding:12px;border-bottom:1px solid var(--border-color, #1e1e3a);background:rgba(99,102,241,.05);flex-shrink:0;width:100%;box-sizing:border-box}.suggestions-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.7rem;font-weight:600;color:var(--text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.5px}.suggestions-icon{font-size:14px}.loading-dot{animation:pulse 1s infinite;color:var(--accent-color, #6366f1)}.suggestions-list{display:flex;flex-direction:column;gap:6px;width:100%}.suggestion-chip{display:block;width:100%;padding:10px 12px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:.85rem;text-align:left;cursor:pointer;transition:all .15s;box-sizing:border-box}.suggestion-chip:hover{background:rgba(99,102,241,.2);border-color:var(--accent-color, #6366f1);transform:translate(4px)}.create-mode-content{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.create-intro{padding:24px 16px;text-align:center;border-bottom:1px solid var(--border-color, #1e1e3a);background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,transparent 100%);width:100%;box-sizing:border-box}.intro-icon{font-size:32px;display:block;margin-bottom:12px}.create-intro h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--text-primary, #f1f5f9)}.create-intro p{margin:0;font-size:.9rem;color:var(--text-secondary, #94a3b8)}.help-mode-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;width:100%}.quick-actions{padding:12px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border-color, #1e1e3a);width:100%;box-sizing:border-box;flex-shrink:0}.quick-action{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%;box-sizing:border-box}.quick-action:hover{background:var(--surface-tertiary, #0a0a14);border-color:var(--accent-color, #6366f1)}.quick-action.critical{border-left:3px solid var(--error, #ef4444)}.quick-action.warning{border-left:3px solid var(--warning, #f59e0b)}.quick-action.info{border-left:3px solid var(--info, #3b82f6)}.action-icon{font-size:16px;flex-shrink:0}.action-title{font-size:.85rem;color:var(--text-primary, #f1f5f9);font-weight:500}.messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px;display:flex;flex-direction:column;gap:12px;min-height:0;width:100%;box-sizing:border-box}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:var(--border-color, #1e1e3a);border-radius:3px}.message{display:flex;flex-direction:column;animation:messageIn .35s cubic-bezier(.34,1.56,.64,1);width:100%}.message.user{align-items:flex-end}.message.assistant,.message:not(.user){align-items:flex-start}@keyframes messageIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--surface-tertiary, #0a0a14);flex-shrink:0;margin-bottom:6px}.message.user .message-avatar{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%)}.message-content{max-width:90%;padding:12px 16px;position:relative;transition:transform .2s ease,box-shadow .2s ease;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.message-content:hover{transform:translateY(-1px)}.message.user .message-content{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#c084fc 100%);color:#fff;border-radius:18px 18px 6px;box-shadow:0 4px 16px #a855f74d,0 2px 6px #7c3aed33,inset 0 1px #fff3}.message:not(.user) .message-content{background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.9) 100%);border:1px solid rgba(34,211,238,.2);color:#e2e8f0;border-radius:18px 18px 18px 6px;box-shadow:0 4px 16px #00000040,0 0 0 1px #22d3ee14,inset 0 1px #ffffff0d}.message:not(.user) .message-content:hover{border-color:#22d3ee59}.message-text{font-size:.875rem;line-height:1.6;color:inherit}.message.user .message-text{color:#fff}.message-content.typing{display:flex;gap:5px;padding:14px 16px;background:var(--surface-tertiary, #0a0a14);border:1px solid rgba(99,102,241,.25);border-radius:16px 16px 16px 4px}.message-content.typing span{width:8px;height:8px;background:var(--accent-color, #6366f1);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.message-content.typing span:nth-child(1){animation-delay:-.32s}.message-content.typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.message-citations{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.citations-label{font-size:.65rem;color:var(--text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.5px}.citation-tag{font-size:.7rem;background:rgba(34,211,238,.1);color:#67e8f9;padding:3px 8px;border-radius:4px}.message-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.action-button{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.action-button:hover{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.action-button.select_node{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.action-button.apply_change{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.action-button.add_node{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#1e293b}.action-button.generate_flow{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%)}.message-suggestions{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.suggestion-pill{background:transparent;border:1px solid rgba(34,211,238,.2);color:var(--text-secondary, #94a3b8);padding:5px 12px;border-radius:14px;font-size:.75rem;cursor:pointer;transition:all .2s}.suggestion-pill:hover{background:rgba(34,211,238,.1);color:#67e8f9;border-color:#22d3ee66}.input-area{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border-color, #1e1e3a);background:var(--surface-tertiary, #0a0a14);width:100%;box-sizing:border-box;align-items:stretch;flex-shrink:0}.input-area input{flex:1;min-width:0;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);color:var(--text-primary, #f1f5f9);padding:12px 14px;border-radius:12px;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.input-area input:focus{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 3px #6366f11a}.input-area input::placeholder{color:var(--text-tertiary, #64748b)}.voice-btn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(99,102,241,.3);background:linear-gradient(135deg,#1a1a2e 0%,#12121f 100%);color:#a5b4fc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease;flex-shrink:0}.voice-btn:hover:not(:disabled){border-color:#8b5cf699;box-shadow:0 0 20px #6366f133;transform:translateY(-1px)}.voice-btn.listening{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;color:#fff;animation:pulse-voice 1.5s infinite}@keyframes pulse-voice{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 10px #ef444400}}.input-area button:not(.voice-btn){background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);color:#fff;border:none;padding:12px 18px;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #6366f166;flex-shrink:0}.input-area button:not(.voice-btn):hover:not(:disabled){background:linear-gradient(135deg,#818cf8 0%,#a78bfa 50%,#c084fc 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.input-area button:not(.voice-btn):disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.voice-error{padding:8px 12px;background:rgba(239,68,68,.1);color:var(--error, #ef4444);font-size:.75rem;text-align:center;border-bottom:1px solid var(--border-color, #1e1e3a)}.context-indicator{padding:8px 12px;background:var(--surface-tertiary, #0a0a14);display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border-color, #1e1e3a);width:100%;box-sizing:border-box;flex-shrink:0}.context-chip{font-size:.7rem;background:rgba(99,102,241,.1);color:#a5b4fc;padding:4px 10px;border-radius:12px;display:flex;align-items:center;gap:4px}:root[data-theme=light] .unified-chat-panel{background:#ffffff;border-right-color:#e2e8f0}:root[data-theme=light] .panel-header{background:#f8fafc;border-bottom-color:#e2e8f0}:root[data-theme=light] .header-title h3{color:#1e293b}:root[data-theme=light] .mode-tabs{background:#f1f5f9}:root[data-theme=light] .mode-tab:hover:not(:disabled){background:#e2e8f0}:root[data-theme=light] .close-btn,:root[data-theme=light] .clear-btn{color:#64748b}:root[data-theme=light] .close-btn:hover,:root[data-theme=light] .clear-btn:hover{color:#1e293b;background:#f1f5f9}:root[data-theme=light] .suggestion-chip{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}:root[data-theme=light] .suggestion-chip:hover{background:#f1f5f9}:root[data-theme=light] .message.user .message-content{box-shadow:0 4px 14px #a855f733,inset 0 1px #ffffff4d}:root[data-theme=light] .message:not(.user) .message-content{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.95) 100%);border-color:#06b6d433;color:#334155}:root[data-theme=light] .message:not(.user) .message-text{color:#334155}:root[data-theme=light] .input-area{background:#f8fafc;border-top-color:#e2e8f0}:root[data-theme=light] .input-area input{background:#ffffff;border-color:#e2e8f0;color:#1e293b}:root[data-theme=light] .quick-action{background:#f8fafc;border-color:#e2e8f0}:root[data-theme=light] .quick-action:hover{background:#f1f5f9}.project-browser-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.85);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.project-browser-modal{width:100%;max-width:1400px;height:calc(100vh - 80px);max-height:800px;background:var(--bg-elevated, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}.project-browser-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-color, #2a2a4a);background:var(--bg-primary, #131320);flex-shrink:0}.project-browser-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #e2e8f0);letter-spacing:-.02em}.close-button{background:none;border:none;font-size:1.25rem;color:var(--text-muted, #64748b);cursor:pointer;line-height:1;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s ease,color .15s ease}.close-button:hover{background:rgba(148,163,184,.15);color:var(--text-primary, #e2e8f0)}.project-browser-error{margin:1rem 2rem;padding:1rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:.75rem;color:#fecaca;display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-browser-error button{background:none;border:none;color:#fecaca;font-size:1.5rem;cursor:pointer;line-height:1;padding:0}.project-browser-body{flex:1;overflow:hidden;padding:12px 16px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.5fr) minmax(200px,1fr);gap:12px;min-height:0}.project-browser-section{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:hidden}.search-bar{width:100%}.search-bar input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid var(--border-color, #2a2a4a);background:var(--bg-primary, #131320);color:var(--text-primary, #e2e8f0);font-size:.8rem;transition:border-color .15s ease}.search-bar input:focus{outline:none;border-color:var(--accent-color, #8b5cf6)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-browser-section h3{margin:0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #64748b)}.create-project-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.3);border-radius:.75rem}.create-project-form input{padding:.6rem;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.3);border-radius:.5rem;color:#e2e8f0;font-size:.95rem}.create-project-form .form-actions{display:flex;gap:.5rem}.project-list,.diagram-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1;min-height:0;padding-right:.5rem}.project-list::-webkit-scrollbar,.diagram-list::-webkit-scrollbar{width:6px}.project-list::-webkit-scrollbar-track,.diagram-list::-webkit-scrollbar-track{background:rgba(148,163,184,.1);border-radius:3px}.project-list::-webkit-scrollbar-thumb,.diagram-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:3px}.project-list::-webkit-scrollbar-thumb:hover,.diagram-list::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.project-item,.diagram-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;background:var(--bg-secondary, #1e1e2e);border:1px solid transparent;border-radius:6px;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.project-item:hover,.diagram-item:hover{background:var(--bg-hover, rgba(139, 92, 246, .1));border-color:var(--accent-color, #8b5cf6)}.project-item.active,.diagram-item.active{background:rgba(139,92,246,.15);border-color:var(--accent-color, #8b5cf6)}.project-item strong,.diagram-item strong{color:var(--text-primary, #e2e8f0);font-size:.85rem;font-weight:500}.project-meta,.diagram-meta{font-size:.7rem;color:var(--text-muted, #64748b)}.project-browser-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border-color, #2a2a4a);background:var(--bg-primary, #131320);gap:12px;flex-shrink:0}.selected-info{flex:1;font-size:.8rem;color:var(--text-muted, #64748b)}.selected-info strong{color:var(--text-primary, #e2e8f0);margin-right:6px}.footer-actions{display:flex;gap:8px}:root[data-theme=light] .project-browser-overlay{background:rgba(248,250,252,.95)}:root[data-theme=light] .project-browser-modal{background:rgba(255,255,255,.98);border:1px solid rgba(15,23,42,.15);box-shadow:0 30px 80px #0f172a40}:root[data-theme=light] .project-browser-header{border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .project-browser-header h2{color:#0f172a}:root[data-theme=light] .close-button{color:#64748b}:root[data-theme=light] .close-button:hover{background:rgba(15,23,42,.08);color:#0f172a}:root[data-theme=light] .project-browser-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#dc2626}:root[data-theme=light] .project-browser-error button{color:#dc2626}:root[data-theme=light] .project-browser-section h3{color:#0f172a}:root[data-theme=light] .create-project-form{background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .create-project-form input{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .project-item,:root[data-theme=light] .diagram-item{background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .project-item:hover,:root[data-theme=light] .diagram-item:hover{background:rgba(255,255,255,.98);border-color:#0ea5e966}:root[data-theme=light] .project-item.active,:root[data-theme=light] .diagram-item.active{background:rgba(14,165,233,.12);border-color:#0369a1;box-shadow:0 0 0 2px #0ea5e933}:root[data-theme=light] .project-item strong,:root[data-theme=light] .diagram-item strong{color:#0f172a}:root[data-theme=light] .search-bar input{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .project-meta,:root[data-theme=light] .diagram-meta{color:#64748b}:root[data-theme=light] .project-browser-footer{border-top:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .selected-info{color:#64748b}:root[data-theme=light] .selected-info strong{color:#0f172a}.preview-panel{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.preview-panel h3{margin:0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #64748b)}.preview-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted, #64748b);text-align:center;padding:16px;background:var(--bg-secondary, #1e1e2e);border:1px dashed var(--border-color, #2a2a4a);border-radius:6px;font-size:.8rem}.preview-placeholder .icon{font-size:2rem;opacity:.5}.diagram-preview{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.preview-canvas{flex:1;background:var(--bg-primary, #131320);border:1px solid var(--border-color, #2a2a4a);border-radius:6px;min-height:150px;overflow:hidden;position:relative}.preview-canvas .mini-flow{width:100%;height:100%;pointer-events:none}.preview-info{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border-color, #2a2a4a);border-radius:6px}.preview-info-row{display:flex;justify-content:space-between;font-size:.75rem}.preview-info-row .label{color:var(--text-muted, #64748b)}.preview-info-row .value{color:var(--text-primary, #e2e8f0);font-weight:500}.preview-actions{display:flex;gap:6px;flex-wrap:wrap}.preview-actions button{flex:1;min-width:70px;font-size:.75rem;padding:6px 10px}.context-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000}.context-menu{position:fixed;min-width:180px;background:rgba(15,23,42,.98);border:1px solid rgba(148,163,184,.3);border-radius:.75rem;box-shadow:0 10px 40px #00000080;padding:.5rem;z-index:3001}.context-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;border:none;background:none;color:#e2e8f0;font-size:.9rem;text-align:left;cursor:pointer;border-radius:.5rem;transition:background .15s ease}.context-menu-item:hover{background:rgba(56,189,248,.15)}.context-menu-item.danger{color:#f87171}.context-menu-item.danger:hover{background:rgba(239,68,68,.15)}.context-menu-item .icon{font-size:1rem;width:1.2rem;text-align:center}.context-menu-divider{height:1px;background:rgba(148,163,184,.2);margin:.4rem 0}.rename-dialog{display:flex;gap:.5rem;padding:.5rem;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.3);border-radius:.5rem;margin-top:.5rem}.rename-dialog input{flex:1;padding:.5rem;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.3);border-radius:.375rem;color:#e2e8f0;font-size:.9rem}.rename-dialog button{padding:.5rem .75rem;font-size:.85rem}.version-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:rgba(56,189,248,.15);border:1px solid rgba(56,189,248,.3);border-radius:.375rem;font-size:.75rem;color:#38bdf8}:root[data-theme=light] .preview-placeholder{background:rgba(241,245,249,.8);border-color:#0f172a33;color:#64748b}:root[data-theme=light] .preview-canvas{background:rgba(241,245,249,.9);border-color:#0f172a26}:root[data-theme=light] .preview-info{background:rgba(255,255,255,.9);border-color:#0f172a26}:root[data-theme=light] .preview-info-row .label{color:#64748b}:root[data-theme=light] .preview-info-row .value{color:#0f172a}:root[data-theme=light] .context-menu{background:rgba(255,255,255,.98);border-color:#0f172a26;box-shadow:0 10px 40px #0f172a33}:root[data-theme=light] .context-menu-item{color:#0f172a}:root[data-theme=light] .context-menu-item:hover{background:rgba(14,165,233,.1)}:root[data-theme=light] .context-menu-divider{background:rgba(15,23,42,.1)}@media (max-width: 1200px){.project-browser-body{grid-template-columns:1fr 1fr}.preview-panel{display:none}}@media (max-width: 768px){.project-browser-body{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.modal-content.app-link-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;width:100%;max-width:480px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease-out}.modal-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.6rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.modal-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.operate-page-layout{display:flex;flex-direction:column;height:calc(100vh - 44px);width:100%;overflow:hidden}.operate-page-layout .operate-content{flex:1;display:flex;flex-direction:column;overflow:auto;padding:24px 32px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.operate-page{margin-top:2rem}@keyframes tile-shimmer{0%,to{border-color:var(--panel-border, rgba(148, 163, 184, .25))}50%{border-color:var(--page-border, var(--panel-border, rgba(148, 163, 184, .3)))}}.service-tile{background:var(--panel-surface, rgba(15, 23, 42, .8));border:1px solid var(--panel-border, rgba(148, 163, 184, .25));border-radius:.85rem;box-shadow:var(--panel-shadow, 0 12px 24px rgba(2, 6, 23, .4));transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden;animation:tile-shimmer 16s ease-in-out infinite}.service-tile:hover{animation-play-state:paused}:root[data-theme=light] .service-tile{background:var(--panel-surface, rgba(255, 255, 255, .95));border-color:var(--panel-border, rgba(15, 23, 42, .12));box-shadow:var(--panel-shadow, 0 8px 16px rgba(15, 23, 42, .08))}.service-tile.expanded{border-color:var(--page-border, var(--primary-color));box-shadow:0 20px 30px #38bdf833}.service-tile:hover{border-color:var(--page-border, var(--panel-border, rgba(148, 163, 184, .4)))}.service-tile-header{display:flex;gap:1rem;align-items:center;width:100%;background:transparent;border:none;color:inherit;text-align:left;padding:1.25rem 1.5rem;cursor:pointer}.service-copy h3{margin:0;font-size:1.1rem}.service-copy-heading{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.service-copy p{margin:.35rem 0 0;color:var(--text-secondary, #94a3b8);font-size:.9rem}.service-toggle{margin-left:auto;font-size:.85rem;color:var(--primary-color, #38bdf8)}.service-status-chip{font-size:.75rem;padding:.1rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);text-transform:uppercase;letter-spacing:.05em}.service-detail{border-top:1px solid rgba(148,163,184,.2);padding:1.25rem 1.5rem 1.5rem}.service-detail-content p{margin:0 0 1rem}.service-console{margin-top:1rem}.operate-tabs .camlin-tab-strip{padding:1rem 2rem .5rem}.operate-tabs .camlin-tab-panel{padding:1.25rem 2rem 2rem}.operate-settings .camlin-tab-strip{padding:1rem 1.5rem}.operate-settings .camlin-tab-panel{padding:1.5rem}.live-panel .helper{margin-bottom:1rem}.live-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.status-refresh{border:1px solid rgba(148,163,184,.35);background:transparent;color:inherit;padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-size:.85rem;transition:border-color .2s ease,color .2s ease,background .2s ease}.status-refresh:disabled{opacity:.6;cursor:not-allowed}.status-refresh:not(:disabled):hover{border-color:var(--page-border, rgba(148, 163, 184, .55));color:var(--page-text, #e2e8f0);background:rgba(148,163,184,.1)}.last-checked{margin-top:-.5rem;margin-bottom:1rem;font-size:.8rem;color:var(--text-secondary, #94a3b8)}.live-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}@keyframes card-shimmer{0%,to{border-color:var(--panel-border, rgba(148, 163, 184, .2));box-shadow:0 2px 8px #0000001a}50%{border-color:var(--page-border, var(--panel-border, rgba(148, 163, 184, .25)));box-shadow:0 3px 10px #0000001f}}.live-card{background:var(--panel-surface, rgba(15, 23, 42, .75));border-radius:.85rem;border:1px solid var(--panel-border, rgba(148, 163, 184, .2));padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease;animation:card-shimmer 18s ease-in-out infinite}.live-card:hover{animation-play-state:paused}:root[data-theme=light] .live-card{background:var(--panel-surface, rgba(255, 255, 255, .95));border-color:var(--panel-border, rgba(15, 23, 42, .12))}.live-card:hover{border-color:var(--page-border, var(--panel-border, rgba(148, 163, 184, .4)));box-shadow:0 4px 12px #0000001a}.live-card-head{display:flex;gap:.75rem;align-items:center}.live-card-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.live-card-note{margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.live-card-icon{font-size:1.5rem}.live-card-status{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #94a3b8)}.live-card-actions .text-button{border:1px solid rgba(148,163,184,.3);background:transparent;color:inherit;padding:.4rem .9rem;border-radius:999px;cursor:pointer}.services-panel .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.service-icon{width:48px;height:48px;border-radius:.75rem;background:rgba(148,163,184,.15);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}:root[data-theme=light] .service-icon{background:rgba(15,23,42,.08)}.add-service-tile{border:2px dashed rgba(148,163,184,.35);background:transparent;box-shadow:none}.add-service-tile:hover{border-color:var(--primary-color, #38bdf8)}.service-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.9);z-index:3000;display:flex;align-items:center;justify-content:center;padding:2rem}.service-modal{width:min(1280px,100%);height:min(95vh,100%);background:var(--panel-surface, rgba(15, 23, 42, .95));border:1px solid var(--panel-border, rgba(148, 163, 184, .3));border-radius:1.25rem;box-shadow:0 40px 80px #00000073;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.service-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.service-modal-title{display:flex;align-items:center;gap:.85rem}.service-modal-label{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--text-secondary, #94a3b8)}.service-modal-close{border:none;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.service-modal-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:1rem}.service-modal-console{flex:1;min-height:0;display:flex;flex-direction:column}.service-health-note{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary, #94a3b8)}.release-panel{display:flex;flex-direction:column;gap:1.5rem}.release-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}.release-env-filters{display:flex;gap:.5rem;flex-wrap:wrap}.release-env-chip{border:1px solid rgba(148,163,184,.3);background:transparent;color:inherit;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.release-env-chip.active{border-color:var(--page-border, var(--primary-color, #38bdf8));background:rgba(56,189,248,.15)}.release-list{display:flex;flex-direction:column;gap:1rem}.release-card{border:1px solid var(--panel-border, rgba(148, 163, 184, .25));border-radius:1rem;padding:1.25rem 1.5rem;background:var(--panel-surface, rgba(15, 23, 42, .8));box-shadow:var(--panel-shadow, 0 12px 24px rgba(2, 6, 23, .35))}.release-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.release-service{margin:0;font-size:1rem;font-weight:600}.release-status{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin-top:.4rem}.release-status-ok{background:rgba(22,163,74,.2);color:#16a34a}.release-status-warn{background:rgba(234,179,8,.2);color:#fbbf24}.release-status-error{background:rgba(248,113,113,.25);color:#f87171}.release-status-idle{background:rgba(148,163,184,.15);color:#94a3b8}.release-version-block{text-align:right;display:flex;flex-direction:column;gap:.25rem}.release-version{font-weight:600}.release-build{font-size:.85rem;color:var(--text-secondary, #94a3b8)}.release-summary{margin:1rem 0 .75rem;font-size:.95rem}.release-change-list{margin:0 0 .75rem 1rem;color:var(--text-secondary, #94a3b8);font-size:.9rem}.release-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--text-secondary, #94a3b8);margin-bottom:.75rem}.release-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.release-empty{border:1px dashed rgba(148,163,184,.4);border-radius:1rem;padding:1.5rem;text-align:center}.release-empty .helper-text{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.users-panel{margin-top:1rem}.users-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.users-toolbar .helper{flex:1;min-width:200px}.users-toolbar-actions{display:flex;gap:.5rem}.users-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.users-error p{margin:0}.users-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.users-table{width:100%;border-collapse:collapse;font-size:.875rem}.users-table th,.users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--panel-border, rgba(148, 163, 184, .15))}.users-table th{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.users-table tr.user-disabled{opacity:.5}.user-email{font-weight:500}.user-unverified{color:var(--text-secondary);font-size:.75rem;margin-left:.5rem}.user-status{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.user-status.status-active{background:rgba(34,197,94,.15);color:#22c55e}.user-status.status-inactive{background:rgba(239,68,68,.15);color:#ef4444}.user-envs{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.env-badge{display:inline-block;padding:.2rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase}.env-badge.env-dev{background:rgba(59,130,246,.2);color:#3b82f6}.env-badge.env-preprod{background:rgba(234,179,8,.2);color:#eab308}.env-badge.env-prod{background:rgba(34,197,94,.2);color:#22c55e}.env-none{color:var(--text-secondary);font-style:italic;font-size:.8rem}.edit-envs-btn{background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .2s;font-size:.8rem;padding:.25rem}.edit-envs-btn:hover{opacity:1}.user-env-editor{display:flex;flex-direction:column;gap:.5rem}.env-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.env-editor-actions{display:flex;gap:.5rem;margin-top:.5rem}.user-role{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;background:var(--panel-surface);border:1px solid var(--panel-border)}.role-admin{background:rgba(168,85,247,.15);color:#a855f7;border-color:#a855f74d}.role-developer{background:rgba(59,130,246,.15);color:#3b82f6;border-color:#3b82f64d}.toggle-user-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem .5rem;border-radius:.25rem;transition:background .2s}.toggle-user-btn:hover{background:var(--panel-hover)}.invite-modal{max-width:500px}.invite-form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;font-size:.875rem}.form-field input,.form-field select{padding:.75rem;border:1px solid var(--panel-border);border-radius:.5rem;background:var(--panel-surface);color:var(--text-primary);font-size:.95rem}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--primary-color)}.env-checkboxes{display:flex;gap:1rem;flex-wrap:wrap}.invite-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--panel-border)}.insight-page-layout{display:flex;flex-direction:column;height:calc(100vh - 44px);width:100%;overflow:hidden}.insight-page-layout .insight-content{flex:1;display:flex;flex-direction:column;overflow:auto;padding:24px 32px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.insight-page-layout .insight-search{min-width:180px;max-width:280px;border-radius:6px;border:1px solid var(--border-color, rgba(148, 163, 184, .3));background:var(--surface-tertiary, rgba(15, 23, 42, .4));color:var(--text-primary, inherit);padding:6px 12px;font-size:.85rem}.insight-page-layout .insight-search:focus{outline:none;border-color:var(--accent-color, #6366f1)}.insight-page{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.insight-panel{padding:1.5rem}.insight-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.insight-header h2{margin:.2rem 0 0}.insight-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.insight-search{flex:1 1 220px;min-width:200px;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:transparent;color:inherit;padding:.5rem 1rem}.insight-severity-filters{display:flex;gap:.35rem;flex-wrap:wrap}.severity-filter{border-radius:999px;border:1px solid rgba(148,163,184,.3);background:transparent;color:inherit;padding:.3rem .9rem;font-size:.85rem;cursor:pointer}.severity-filter.active{border-color:var(--page-border, rgba(148, 163, 184, .6));background:rgba(56,189,248,.15)}.insight-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1.5rem}@media (max-width: 960px){.insight-layout{grid-template-columns:1fr}}.runbook-list{display:flex;flex-direction:column;gap:.75rem}.runbook-list-item{border-radius:1rem;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.6);padding:1rem;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.runbook-list-item.active{border-color:var(--page-border, rgba(56, 189, 248, .7));box-shadow:0 0 0 1px var(--page-border, rgba(56, 189, 248, .4))}.runbook-list-item h3{margin:.5rem 0 .35rem;font-size:1rem}.runbook-list-item p{margin:0 0 .5rem;color:var(--text-secondary, #94a3b8);font-size:.9rem}.runbook-list-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--text-secondary, #94a3b8)}.runbook-tags{display:flex;gap:.35rem;flex-wrap:wrap}.runbook-tag{font-size:.75rem;padding:.15rem .6rem;border-radius:999px;background:rgba(148,163,184,.15)}.severity-chip{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .65rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.severity-chip.critical{background:rgba(248,113,113,.15);border:1px solid rgba(248,113,113,.5)}.severity-chip.high{background:rgba(251,146,60,.15);border:1px solid rgba(251,146,60,.5)}.severity-chip.medium{background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.5)}.severity-chip.low{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4)}.runbook-detail{border-radius:1.25rem;border:1px solid var(--panel-border, rgba(148, 163, 184, .2));padding:1.5rem;background:var(--panel-surface, rgba(15, 23, 42, .55));min-height:420px;display:flex;flex-direction:column;gap:1.25rem}.runbook-detail-header h3{margin:.35rem 0}.severity-subtext{margin:.35rem 0;color:var(--text-secondary, #94a3b8)}.runbook-summary{margin:0;color:var(--text-secondary, #94a3b8)}.runbook-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1rem}.meta-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #94a3b8)}.runbook-meta-grid p{margin:.35rem 0 0}.runbook-meta-grid ul{margin:.35rem 0 0;padding-left:1rem;color:var(--text-secondary, #94a3b8)}.runbook-actions{display:flex;flex-wrap:wrap;gap:.75rem}.runbook-actions .action-helper{display:block;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.runbook-steps h4{margin-top:0}.runbook-steps ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.runbook-steps li{display:flex;gap:1rem;padding:1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.4)}.step-index{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary, #94a3b8);min-width:80px}.step-checklist{margin:.5rem 0 0;padding-left:1.2rem}.runbook-references ul{margin:.5rem 0 0;padding-left:1.1rem}.runbook-references a{color:var(--primary-color, #38bdf8)}.runbook-empty{border-radius:1rem;border:1px dashed rgba(148,163,184,.4);padding:1rem;text-align:center}.runbook-empty .helper-text{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary, #94a3b8)}:root[data-theme=light] .runbook-list-item{background:rgba(255,255,255,.95);border-color:#0f172a1f;color:#0f172a}:root[data-theme=light] .runbook-list-item h3{color:#0f172a}:root[data-theme=light] .runbook-list-item p{color:#475569}:root[data-theme=light] .runbook-detail{background:rgba(255,255,255,.98);border-color:#0f172a1a;color:#0f172a}:root[data-theme=light] .runbook-detail-header h3{color:#0f172a}:root[data-theme=light] .runbook-summary{color:#475569}:root[data-theme=light] .runbook-steps li{background:rgba(248,250,252,.9);border-color:#0f172a1a;color:#0f172a}:root[data-theme=light] .runbook-tag{background:rgba(15,23,42,.08);color:#0f172a}:root[data-theme=light] .insight-search{background:#ffffff;border-color:#0f172a26;color:#0f172a}:root[data-theme=light] .severity-filter{background:#ffffff;border-color:#0f172a26;color:#0f172a}:root[data-theme=light] .severity-filter.active{background:rgba(14,165,233,.1);border-color:#0ea5e9}:root[data-theme=light] .meta-label{color:#64748b}:root[data-theme=light] .step-index{color:#64748b}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-20px;animation:fall 3s linear forwards}@keyframes fall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}.stats-bar{display:flex;justify-content:center;gap:2rem;margin:2rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(139,92,246,.1) 100%);border-radius:1rem;border:1px solid rgba(59,130,246,.2)}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:#94a3b8;font-weight:500}.about-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:rgba(15,23,42,.5);border-radius:.75rem;border:1px solid rgba(148,163,184,.2)}.about-tab{flex:1;padding:.875rem 1.5rem;border:none;background:transparent;color:#94a3b8;font-size:.95rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.about-tab:hover{background:rgba(59,130,246,.1);color:#e2e8f0}.about-tab.active{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.whats-new-section{display:flex;flex-direction:column;gap:2rem}.whats-new-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.whats-new-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(15,23,42,.9) 100%);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;text-decoration:none;transition:all .3s ease;overflow:hidden}.whats-new-card:hover{border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f633}.whats-new-card.is-new{border-color:#22c55e66}.whats-new-card.is-new:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#22c55e 0%,#4ade80 100%)}.new-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.65rem;font-weight:700;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;border-radius:.25rem;letter-spacing:.05em;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.whats-new-icon{font-size:2rem;flex-shrink:0}.whats-new-content{flex:1;min-width:0}.whats-new-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#e2e8f0}.whats-new-content p{margin:0 0 .5rem;font-size:.875rem;color:#94a3b8;line-height:1.5}.whats-new-date{font-size:.75rem;color:#64748b}.whats-new-arrow{color:#3b82f6;font-size:1.25rem;opacity:0;transform:translate(-10px);transition:all .3s ease}.whats-new-card:hover .whats-new-arrow{opacity:1;transform:translate(0)}.video-preview{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:.5rem;overflow:hidden;cursor:pointer;background:#0f172a}.video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.video-thumbnail.playing{transform:scale(1.05)}.video-preview:hover .video-thumbnail{filter:brightness(.7)}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.play-button{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:#0f172a;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.play-button svg{width:28px;height:28px;margin-left:4px}.video-preview:hover .play-button{transform:scale(1.1);background:#3b82f6;color:#fff}.video-overlay.hovering .play-button{opacity:0;transform:scale(.8)}.video-duration{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;background:rgba(0,0,0,.8);color:#fff;font-size:.75rem;font-weight:500;border-radius:.25rem;font-family:Monaco,Menlo,monospace}.video-type-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:rgba(59,130,246,.9);color:#fff;font-size:.7rem;font-weight:600;border-radius:.25rem;text-transform:uppercase;letter-spacing:.03em}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.video-modal{width:90%;max-width:1000px;background:#0f172a;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px #00000080;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:1px solid rgba(148,163,184,.2)}.video-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#e2e8f0}.video-modal-close{width:36px;height:36px;border:none;background:rgba(148,163,184,.2);color:#e2e8f0;font-size:1.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.video-modal-close:hover{background:rgba(239,68,68,.3);color:#ef4444}.video-player{width:100%;aspect-ratio:16 / 9;background:#000000}.whats-new-card{position:relative;display:flex;flex-direction:column;gap:0;padding:0;background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(15,23,42,.9) 100%);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;text-decoration:none;transition:all .3s ease;overflow:hidden}.whats-new-body{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem}.whats-new-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.try-it-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.try-it-link:hover{color:#60a5fa}:root[data-theme=light] .video-preview{background:#e2e8f0}:root[data-theme=light] .video-modal{background:#ffffff}:root[data-theme=light] .video-modal-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .video-modal-header h3{color:#0f172a}:root[data-theme=light] .video-modal-close{background:rgba(15,23,42,.1);color:#475569}.releases-section{display:flex;flex-direction:column;gap:1.5rem}.releases-intro{color:#94a3b8;margin-bottom:1rem}.roadmap-tab-section{display:flex;flex-direction:column;gap:1.5rem}:root[data-theme=light] .stats-bar{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(139,92,246,.08) 100%);border:1px solid rgba(59,130,246,.15)}:root[data-theme=light] .stat-label{color:#64748b}:root[data-theme=light] .about-tabs{background:rgba(248,250,252,.8);border:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .about-tab{color:#64748b}:root[data-theme=light] .about-tab:hover{background:rgba(59,130,246,.08);color:#0f172a}:root[data-theme=light] .whats-new-card{background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(248,250,252,.98) 100%);border:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .whats-new-content h4{color:#0f172a}:root[data-theme=light] .whats-new-content p{color:#475569}.about-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.about-header{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem;text-align:center}.about-logo-container{display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(139,92,246,.1) 100%);border-radius:2rem;border:1px solid rgba(59,130,246,.2)}.about-logo{filter:drop-shadow(0 8px 24px rgba(59,130,246,.3))}.about-intro h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-tagline{font-size:1.25rem;color:#94a3b8;margin:0 0 .5rem;font-weight:500}.about-version{font-size:.9rem;color:#64748b;margin:0 0 1rem;font-weight:500;font-family:Monaco,Menlo,Courier New,monospace}.about-description{font-size:1.1rem;color:#cbd5f5;line-height:1.6;max-width:700px;margin:0}.about-content{display:flex;flex-direction:column;gap:2.5rem}.about-section{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(15,23,42,.9) 50%,rgba(51,65,85,.95) 100%);border:1px solid rgba(148,163,184,.3);border-radius:1rem;padding:2rem;box-shadow:0 12px 35px #0f172a99,inset 0 1px #ffffff1a}.about-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#e2e8f0}.about-section p{color:#cbd5f5;line-height:1.6;margin:0 0 1rem}.about-section ul{color:#cbd5f5;line-height:1.8;margin:0;padding-left:1.5rem}.about-section li{margin-bottom:.5rem}.architecture-list{list-style:none;padding-left:0}.architecture-list li{padding:.75rem 0;border-bottom:1px solid rgba(148,163,184,.2)}.architecture-list li:last-child{border-bottom:none}.architecture-list strong{color:#38bdf8;font-weight:600}.release-notes{display:flex;flex-direction:column;gap:1.5rem}.release-note{background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:1.5rem}.release-note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(148,163,184,.2)}.release-version{font-size:1.1rem;font-weight:700;color:#38bdf8}.release-date{font-size:.9rem;color:#94a3b8}.release-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);color:#fff;border-radius:.375rem;box-shadow:0 2px 4px #ef44444d}.release-description{color:#cbd5f5;line-height:1.6;margin:0 0 1.5rem;font-size:1rem}.release-note h4{margin:1.5rem 0 .75rem;font-size:1.1rem;font-weight:600;color:#38bdf8}.release-note h4:first-of-type{margin-top:0}.release-note ul{margin:0;padding-left:1.25rem}.release-note li{color:#cbd5f5;margin-bottom:.5rem}:root[data-theme=light] .about-logo-container{background:linear-gradient(135deg,rgba(37,99,235,.08) 0%,rgba(124,58,237,.08) 100%);border:1px solid rgba(37,99,235,.15)}:root[data-theme=light] .about-intro h1{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 50%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .about-tagline{color:#64748b}:root[data-theme=light] .about-version{color:#94a3b8}:root[data-theme=light] .about-description{color:#475569}:root[data-theme=light] .about-section{background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(248,250,252,.98) 50%,rgba(241,245,249,1) 100%);border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 35px #0f172a1a,inset 0 1px #ffffffe6}:root[data-theme=light] .about-section h2{color:#0f172a}:root[data-theme=light] .about-section p,:root[data-theme=light] .about-section ul{color:#475569}:root[data-theme=light] .architecture-list li{border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .architecture-list strong{color:#0369a1}:root[data-theme=light] .release-note{background:rgba(255,255,255,.6);border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .release-note-header{border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .release-version{color:#0369a1}:root[data-theme=light] .release-date{color:#64748b}:root[data-theme=light] .release-note li{color:#475569}:root[data-theme=light] .release-description{color:#475569}:root[data-theme=light] .release-note h4{color:#0369a1}.journey-section{background:linear-gradient(135deg,rgba(15,23,42,.98) 0%,rgba(30,41,59,.95) 50%,rgba(51,65,85,.98) 100%);border:1px solid rgba(59,130,246,.3);position:relative;overflow:hidden}.journey-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 33%,#ec4899 66%,#f59e0b 100%)}.journey-section h2{font-size:1.75rem;margin-bottom:.75rem;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.journey-intro{font-size:1.1rem;color:#94a3b8;margin:0 0 2rem;line-height:1.6;font-style:italic}.milestone-badge{display:inline-block;margin-top:.75rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);color:#fff;border-radius:.375rem;box-shadow:0 2px 8px #f59e0b66}.journey-milestone.validation .milestone-badge{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);animation:glow-badge 2s ease-in-out infinite}.journey-milestone.evolution .milestone-badge{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%)}.journey-milestone.future .milestone-badge{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}@keyframes glow-badge{0%,to{box-shadow:0 2px 8px #f59e0b66}50%{box-shadow:0 4px 16px #f59e0b99}}.journey-timeline{position:relative;padding-left:2rem}.journey-timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#64748b 0%,#3b82f6 20%,#8b5cf6 40%,#ec4899 60%,#22c55e 80%,#f59e0b 100%)}.journey-milestone{position:relative;padding-bottom:2rem;display:flex;gap:1.5rem;align-items:flex-start}.journey-milestone:last-child{padding-bottom:0}.journey-milestone:before{content:"";position:absolute;left:-1.5rem;top:.25rem;width:12px;height:12px;border-radius:50%;border:2px solid;background:#0f172a}.journey-milestone.origin:before{border-color:#64748b;box-shadow:0 0 12px #64748b80}.journey-milestone.validation:before{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b80}.journey-milestone.evolution:before{border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf680}.journey-milestone.transformation:before{border-color:#3b82f6;box-shadow:0 0 12px #3b82f680}.journey-milestone.present:before{border-color:#22c55e;box-shadow:0 0 12px #22c55e80;background:#22c55e}.journey-milestone.future:before{border-color:#ec4899;box-shadow:0 0 12px #ec489980;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.journey-year{min-width:60px;font-size:1.1rem;font-weight:700;font-family:Monaco,Menlo,Courier New,monospace;color:#94a3b8}.journey-milestone.origin .journey-year{color:#64748b}.journey-milestone.validation .journey-year{color:#f59e0b}.journey-milestone.growth .journey-year{color:#3b82f6}.journey-milestone.expansion .journey-year{color:#06b6d4}.journey-milestone.evolution .journey-year{color:#8b5cf6}.journey-milestone.innovation .journey-year{color:#ec4899}.journey-milestone.transformation .journey-year{color:#3b82f6}.journey-milestone.present .journey-year{color:#22c55e}.journey-milestone.future .journey-year{color:#f59e0b}.journey-milestone.growth:before{border-color:#3b82f6;box-shadow:0 0 12px #3b82f680}.journey-milestone.expansion:before{border-color:#06b6d4;box-shadow:0 0 12px #06b6d480}.journey-milestone.innovation:before{border-color:#ec4899;box-shadow:0 0 12px #ec489980}.journey-content{flex:1;background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.15);border-radius:.75rem;padding:1.25rem;transition:all .3s ease}.journey-content:hover{border-color:#94a3b84d;transform:translate(4px)}.journey-milestone.present .journey-content{border-color:#22c55e4d;background:rgba(34,197,94,.05)}.journey-content h4{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#e2e8f0}.journey-content p{margin:0;font-size:.95rem;line-height:1.7;color:#94a3b8}:root[data-theme=light] .journey-section{background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(248,250,252,.98) 50%,rgba(241,245,249,1) 100%);border:1px solid rgba(59,130,246,.2)}:root[data-theme=light] .journey-section h2{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .journey-intro{color:#64748b}:root[data-theme=light] .journey-milestone:before{background:#ffffff}:root[data-theme=light] .journey-content{background:rgba(255,255,255,.8);border:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .journey-content h4{color:#0f172a}:root[data-theme=light] .journey-content p{color:#475569}:root[data-theme=light] .journey-milestone.present .journey-content{background:rgba(34,197,94,.05);border-color:#22c55e33}.roadmap-section h2{display:flex;align-items:center;gap:.5rem}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.roadmap-item{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.roadmap-item h4{margin:0;font-size:1rem;color:#3b82f6;display:flex;align-items:center;gap:.5rem}.roadmap-item p{margin:0;font-size:.875rem;color:#94a3b8;flex:1}.roadmap-status{display:inline-block;font-size:.75rem;padding:.25rem .75rem;border-radius:1rem;font-weight:500;align-self:flex-start}.roadmap-status.planned{background:rgba(139,92,246,.2);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.roadmap-status.in-progress{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.roadmap-status.completed{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}:root[data-theme=light] .roadmap-item{background:rgba(255,255,255,.6);border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .roadmap-item h4{color:#0369a1}:root[data-theme=light] .roadmap-item p{color:#475569}@media (max-width: 768px){.about-page{padding:1rem}.about-header{gap:1.5rem;margin-bottom:2rem}.about-logo-container{padding:1.5rem}.about-intro h1{font-size:2rem}.about-section{padding:1.5rem}}.profile-page{width:100%;max-width:800px;margin:0 auto;padding:2rem}.profile-header{margin-bottom:2rem}.profile-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#e2e8f0}.profile-subtitle{color:#94a3b8;margin:0;font-size:1rem}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(15,23,42,.9) 50%,rgba(51,65,85,.95) 100%);border:1px solid rgba(148,163,184,.3);border-radius:1rem;padding:2rem;box-shadow:0 12px 35px #0f172a99,inset 0 1px #ffffff1a}.profile-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#e2e8f0}.profile-description{color:#cbd5f5;line-height:1.6;margin:0 0 1.5rem}.profile-info{display:flex;flex-direction:column;gap:1.5rem}.profile-info-item{display:flex;flex-direction:column;gap:.5rem}.profile-info-item label{font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.profile-info-value{font-size:1rem;color:#e2e8f0;font-family:Monaco,Menlo,Courier New,monospace}.profile-form{display:flex;flex-direction:column;gap:1rem}.profile-error{padding:.75rem 1rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#f87171;font-size:.875rem}.profile-success{padding:.75rem 1rem;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:.5rem;color:#4ade80;font-size:.875rem}:root[data-theme=light] .profile-section{background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(248,250,252,.98) 50%,rgba(241,245,249,1) 100%);border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 35px #0f172a1a,inset 0 1px #ffffffe6}:root[data-theme=light] .profile-header h1{color:#0f172a}:root[data-theme=light] .profile-subtitle{color:#64748b}:root[data-theme=light] .profile-section h2{color:#0f172a}:root[data-theme=light] .profile-description{color:#475569}:root[data-theme=light] .profile-info-item label{color:#64748b}:root[data-theme=light] .profile-info-value{color:#0f172a}@media (max-width: 768px){.profile-page{padding:1rem}.profile-section{padding:1.5rem}}.login-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1e293b 0%,#0f172a 60%,#0a0f1a 100%);padding:2rem;position:relative;overflow:hidden}:root[data-theme=light] .login-page{background:radial-gradient(ellipse at top,#ffffff 0%,#e2e8f0 65%,#f1f5f9 100%)}.login-background-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.login-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:float 20s ease-in-out infinite}.login-orb-1{width:400px;height:400px;background:radial-gradient(circle,#3b82f6,transparent);top:-200px;left:-200px;animation-delay:0s}.login-orb-2{width:300px;height:300px;background:radial-gradient(circle,#8b5cf6,transparent);bottom:-150px;right:-150px;animation-delay:7s}.login-orb-3{width:250px;height:250px;background:radial-gradient(circle,#ec4899,transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}:root[data-theme=light] .login-orb{opacity:.2}.login-container{background:linear-gradient(135deg,rgba(30,41,59,.95) 0%,rgba(15,23,42,.9) 50%,rgba(51,65,85,.95) 100%);border:1px solid rgba(148,163,184,.3);border-radius:2rem;padding:4rem 3rem;text-align:center;max-width:480px;width:100%;box-shadow:0 20px 60px #0f172a99,inset 0 1px #ffffff1a;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root[data-theme=light] .login-container{background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(248,250,252,.98) 50%,rgba(241,245,249,1) 100%);border:1px solid rgba(15,23,42,.12);box-shadow:0 20px 60px #0f172a1a,inset 0 1px #ffffffe6}.login-logo-container{margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.login-logo{filter:drop-shadow(0 12px 40px rgba(59,130,246,.4));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 12px 40px rgba(59,130,246,.4))}50%{filter:drop-shadow(0 12px 50px rgba(139,92,246,.6))}}.login-title{margin:0 0 .75rem;font-size:2.5rem;font-weight:700;display:inline-flex;align-items:baseline;gap:.5rem;line-height:1.2}.login-camlin-text{color:#60a5fa}.login-ai-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .login-camlin-text{color:#2563eb}:root[data-theme=light] .login-ai-text{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 50%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:1rem;color:#94a3b8;margin:0 0 1.5rem;font-weight:500}:root[data-theme=light] .login-subtitle{color:#64748b}.login-message{font-size:.95rem;color:#cbd5f5;margin:0 0 2rem;line-height:1.6}:root[data-theme=light] .login-message{color:#475569}.login-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}@media (max-width: 768px){.login-container{padding:3rem 2rem;max-width:90%}.login-logo-container{margin-bottom:1.5rem}.login-logo{width:120px;height:120px}.login-title{font-size:2rem}.login-orb-1{width:300px;height:300px}.login-orb-2{width:200px;height:200px}.login-orb-3{width:150px;height:150px}}.empty-state-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.empty-state-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;padding:3rem 2.5rem;text-align:center;max-width:600px;width:100%;box-shadow:0 20px 60px #0f172a66;display:flex;flex-direction:column;align-items:center;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.empty-state-modal h2{font-size:1.75rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.empty-state-description{font-size:1.1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.empty-state-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center;width:100%}.empty-state-steps{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;width:100%}.empty-state-steps h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.empty-state-steps ol{margin:0;padding-left:1.5rem;color:var(--text-secondary);line-height:1.8}.empty-state-steps li{margin-bottom:.5rem}.empty-state-steps li:last-child{margin-bottom:0}@media (max-width: 768px){.empty-state-modal{padding:2rem 1.5rem}.empty-state-icon{font-size:3rem}.empty-state-modal h2{font-size:1.5rem}.empty-state-actions{flex-direction:column}.empty-state-actions button{width:100%}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.flow-node{background:var(--surface-secondary, #12121f);border:2px solid var(--node-color, #6366f1);border-radius:6px;min-width:140px;max-width:200px;box-shadow:0 2px 8px #0000004d;transition:all .15s ease;position:relative}.flow-node:hover{box-shadow:0 6px 20px #0006;transform:translateY(-1px)}.flow-node.selected{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e4d,0 6px 20px #0006}.flow-node.executing{border-color:#22c55e;animation:pulse-border 1s ease-in-out infinite}.flow-node.visited{border-color:#3b82f6;opacity:.8}.flow-node.dimmed{opacity:.25;filter:grayscale(70%) brightness(.7);transition:all .2s ease;transform:scale(.98)}.flow-node.dimmed:hover{opacity:.5;filter:grayscale(30%) brightness(.9);transform:scale(1)}@keyframes pulse-border{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.node-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,color-mix(in srgb,var(--cat-color, var(--node-color)) 12%,transparent),rgba(0,0,0,.2));border-radius:6px 6px 0 0;position:relative}.node-icon{font-size:.85rem;flex-shrink:0;line-height:1}.node-label{font-weight:600;font-size:.8rem;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.2}.ai-badge{font-size:.55rem;font-weight:700;padding:1px 4px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.asr-badge{font-size:.7rem;opacity:.7;line-height:1}.node-content{padding:6px 10px 8px;border-top:1px solid rgba(255,255,255,.05)}.node-prompt{margin:0;font-size:.7rem;color:var(--text-secondary, #a0a0a0);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flow-handle{width:12px;height:12px;background:var(--surface-secondary, #12121f);border:2px solid var(--node-color, #6366f1);transition:background-color .15s,border-color .15s;padding:0;box-sizing:border-box}.flow-handle:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%}.flow-handle:hover{background:var(--node-color, #6366f1);border-color:var(--node-color, #6366f1)}.flow-handle-right{right:-6px}.execution-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px}.execution-indicator .pulse{width:100%;height:100%;background:#22c55e;border-radius:50%;animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.flow-node-cat-flow .node-header{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(0,0,0,.2))}.flow-node-cat-interaction .node-header{background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(0,0,0,.2))}.flow-node-cat-logic .node-header{background:linear-gradient(135deg,rgba(6,182,212,.12),rgba(0,0,0,.2))}.flow-node-cat-data .node-header{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(0,0,0,.2))}.flow-node-cat-integration .node-header{background:linear-gradient(135deg,rgba(236,72,153,.12),rgba(0,0,0,.2))}.flow-node-cat-channel .node-header{background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(0,0,0,.2))}.flow-node-cat-ai .node-header{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1))}.flow-node-cat-module .node-header{background:linear-gradient(135deg,rgba(120,113,108,.12),rgba(0,0,0,.2))}.flow-node-start{border-color:#22c55e}.flow-node-start:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:8px;background:linear-gradient(135deg,rgba(34,197,94,.1),transparent);pointer-events:none;z-index:-1}.flow-node-end{border-color:#ef4444}.flow-node-end:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:8px;background:linear-gradient(135deg,rgba(239,68,68,.1),transparent);pointer-events:none;z-index:-1}.flow-node-cat-ai{box-shadow:0 4px 12px #6366f133}.flow-node-cat-ai:hover{box-shadow:0 6px 20px #6366f14d}:root[data-theme=light] .flow-node{background:var(--surface-secondary);box-shadow:0 2px 8px #0f172a26}:root[data-theme=light] .flow-node:hover{box-shadow:0 6px 20px #0f172a33}:root[data-theme=light] .node-label{color:var(--text-primary)}:root[data-theme=light] .node-prompt{color:var(--text-secondary)}:root[data-theme=light] .node-content{border-top:1px solid rgba(15,23,42,.08)}:root[data-theme=light] .flow-handle{background:var(--surface-secondary)}.branch-badge{font-size:.55rem;font-weight:500;padding:1px 4px;background:rgba(34,211,238,.2);color:#22d3ee;border-radius:3px;text-transform:lowercase;letter-spacing:.2px;line-height:1.2}.branch-labels{display:flex;flex-wrap:wrap;gap:3px;padding:4px 8px 6px;border-top:1px solid rgba(255,255,255,.05)}.branch-label-tag{font-size:.6rem;font-weight:500;padding:2px 5px;background:color-mix(in srgb,var(--branch-color, #6366f1) 15%,transparent);border:1px solid color-mix(in srgb,var(--branch-color, #6366f1) 30%,transparent);color:var(--branch-color, #94a3b8);border-radius:3px;white-space:nowrap}.branch-label-tag.more{background:rgba(100,116,139,.15);border-color:#64748b4d;color:#64748b}.flow-handle-branch{width:14px;height:14px;border-color:var(--port-color, var(--node-color));z-index:10;position:absolute!important}.flow-handle-branch:hover{background:var(--port-color, var(--node-color));border-color:var(--port-color, var(--node-color))}.flow-handle-branch:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%}.flow-handle-default{width:12px;height:12px;border-style:dashed;border-color:#64748b;opacity:.8;position:absolute!important}.flow-handle-default:hover{opacity:1;background:#64748b;border-color:#64748b}.flow-handle-default:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.handle-label{position:absolute;font-size:.6rem;font-weight:500;color:#94a3b8;white-space:nowrap;pointer-events:none;opacity:.7;transition:opacity .15s ease;will-change:opacity;text-shadow:0 1px 2px rgba(0,0,0,.5)}.flow-handle:hover .handle-label,.flow-node.selected .handle-label{opacity:1}.flow-handle-right .handle-label{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.flow-handle-default .handle-label{top:calc(100% + 4px);left:50%;transform:translate(-50%)}.flow-node.has-branches{min-width:160px;max-width:240px}:root[data-theme=light] .branch-labels{border-top:1px solid rgba(0,0,0,.05)}:root[data-theme=light] .handle-label{color:#475569}.animated-edge{stroke-dasharray:5 5;animation:edge-flow 1s linear infinite}@keyframes edge-flow{to{stroke-dashoffset:-10}}.edge-label-container{z-index:10}.edge-label-container.dimmed{opacity:.3;pointer-events:none}.edge-label-container.selected .edge-label{border-color:#22c55e80;background:rgba(34,197,94,.1)}.edge-label{font-size:11px;font-weight:500;background:var(--surface-secondary, #12121f);color:var(--text-primary, #fff);padding:3px 8px;border-radius:4px;border:1px solid var(--border-color, #1e1e3a);cursor:pointer;transition:all .15s ease;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.edge-label:hover{background:var(--surface-tertiary, #1a1a2e);border-color:var(--accent-color, #6366f1);box-shadow:0 2px 8px #6366f133}.edge-label.empty{border-style:dashed;padding:2px 6px}.edge-label.empty:hover{border-style:solid}.edge-label .add-label{color:#64748b;font-size:10px;font-weight:400;font-style:italic}.edge-label-input{font-size:11px;font-weight:500;background:var(--surface-primary, #0a0a14);color:var(--text-primary, #fff);padding:3px 8px;border-radius:4px;border:1px solid var(--accent-color, #6366f1);outline:none;min-width:60px;max-width:120px;box-shadow:0 0 0 2px #6366f133}.edge-label-input:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.edge-label-input::placeholder{color:#64748b;font-style:italic}:root[data-theme=light] .edge-label{background:var(--surface-secondary);border-color:#0000001a;color:var(--text-primary)}:root[data-theme=light] .edge-label:hover{background:white;border-color:var(--accent-color)}:root[data-theme=light] .edge-label-input{background:white;border-color:var(--accent-color)}.node-context-menu{position:fixed;z-index:1000;min-width:180px;background:rgba(15,23,42,.98);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 8px 32px #00000080;padding:4px;animation:menu-appear .1s ease}@keyframes menu-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-section{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}.menu-section:last-child{border-bottom:none}.menu-section.danger{margin-top:4px}.menu-section-title{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:4px 10px}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:4px;color:#e2e8f0;font-size:.8rem;text-align:left;cursor:pointer;transition:all .1s ease}.menu-item:hover{background:rgba(99,102,241,.15)}.menu-item.delete:hover{background:rgba(239,68,68,.15);color:#ef4444}.menu-icon{font-size:.85rem;width:20px;text-align:center;flex-shrink:0}.menu-item span:nth-child(2){flex:1}.menu-shortcut{font-size:.65rem;color:#64748b;padding:2px 4px;background:rgba(255,255,255,.05);border-radius:3px;font-family:SF Mono,monospace}.quick-nodes{display:flex;gap:4px;padding:4px 8px}.quick-node-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .1s ease}.quick-node-btn:hover{background:rgba(99,102,241,.2);border-color:#6366f166;transform:scale(1.05)}:root[data-theme=light] .node-context-menu{background:white;border-color:#0000001f;box-shadow:0 8px 32px #00000026}:root[data-theme=light] .menu-item{color:#1e293b}:root[data-theme=light] .menu-section{border-color:#00000014}:root[data-theme=light] .quick-node-btn{background:rgba(0,0,0,.03);border-color:#0000001a}.node-preview-tooltip{position:fixed;z-index:9999;width:280px;padding:12px;background:var(--surface-secondary, #12121f);border:1px solid var(--node-color, #6366f1);border-radius:10px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;pointer-events:none;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.preview-icon{font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.preview-title{display:flex;flex-direction:column}.preview-label{font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.preview-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--node-color, #6366f1);opacity:.9}.preview-description{margin:0 0 10px;font-size:.85rem;color:var(--text-secondary, #a0a0c0);line-height:1.4}.preview-section{margin-bottom:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.preview-section-title{font-size:.75rem;font-weight:500;color:var(--text-tertiary, #666680);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.preview-settings{margin:0;padding:0;list-style:none}.preview-settings li{display:flex;align-items:flex-start;gap:8px;padding:3px 0;font-size:.8rem}.setting-name{color:var(--text-primary, #fff);font-weight:500;white-space:nowrap;min-width:80px}.setting-name:before{content:"•";margin-right:6px;color:var(--node-color, #6366f1)}.setting-desc{color:var(--text-tertiary, #666680);font-size:.75rem}.more-settings{color:var(--text-tertiary, #666680);font-style:italic;font-size:.75rem}.preview-footer{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem}.preview-outputs,.preview-channels{display:flex;gap:6px}.footer-label{color:var(--text-tertiary, #666680)}.preview-outputs span:last-child,.preview-channels span:last-child{color:var(--text-secondary, #a0a0c0)}:root[data-theme=light] .node-preview-tooltip{background:rgba(255,255,255,.98);border-color:var(--node-color, #6366f1);box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d}:root[data-theme=light] .preview-icon{background:rgba(0,0,0,.03);border-color:#00000014}:root[data-theme=light] .preview-label{color:#0f172a}:root[data-theme=light] .preview-description{color:#475569}:root[data-theme=light] .setting-name{color:#0f172a}:root[data-theme=light] .setting-desc{color:#64748b}:root[data-theme=light] .preview-outputs span:last-child,:root[data-theme=light] .preview-channels span:last-child{color:#475569}.flow-canvas{width:100%;height:100%;background:var(--surface-primary, #0d0d1a)}.flow-canvas .react-flow__renderer{background:var(--surface-primary, #0d0d1a)}.flow-canvas .react-flow__controls{background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:5!important}.flow-canvas .react-flow__controls-button{background:var(--surface-secondary, #12121f);border-bottom:1px solid var(--border-color, #1e1e3a);fill:var(--text-secondary, #a0a0a0)}.flow-canvas .react-flow__controls-button:hover{background:var(--surface-tertiary, #0a0a14)}.flow-canvas .react-flow__controls-button:last-child{border-bottom:none}.flow-canvas .react-flow__minimap{background:var(--surface-secondary, #12121f)!important;border:1px solid var(--border-color, #1e1e3a);border-radius:6px;z-index:4!important;box-shadow:0 2px 8px #00000040;overflow:hidden}.flow-canvas .react-flow__minimap svg{background:transparent!important}.flow-canvas .react-flow__minimap-mask{fill:transparent!important}.flow-canvas .react-flow__edge-path{stroke:var(--accent-color, #6366f1);stroke-width:2}.flow-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:#22c55e;stroke-width:3}.flow-canvas .react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.flow-canvas .react-flow__edge-textbg{fill:var(--surface-secondary, #12121f)}.flow-canvas .react-flow__edge-text{fill:var(--text-primary, #fff);font-size:11px}.flow-canvas .react-flow__edge.dimmed .react-flow__edge-path{stroke:#335;opacity:.3}.flow-canvas .react-flow__edge.dimmed .react-flow__edge-text,.flow-canvas .react-flow__edge.dimmed .react-flow__edge-textbg{opacity:.3}.flow-canvas .react-flow__edge.connected .react-flow__edge-path{stroke:#22c55e;stroke-width:2.5}@keyframes dashdraw{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.flow-canvas .react-flow__connection-line{stroke:var(--accent-color, #6366f1);stroke-width:2}.flow-canvas .react-flow__selection{background:rgba(99,102,241,.1);border:1px dashed var(--accent-color, #6366f1)}.node-palette{background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;padding:10px;width:160px;max-height:calc(100vh - 200px);overflow-y:auto;box-shadow:0 4px 12px #0000004d;z-index:5!important}.palette-title{font-size:.7rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #1e1e3a);display:flex;align-items:center;justify-content:space-between}.palette-categories{display:flex;flex-direction:column;gap:8px}.palette-category{margin-bottom:4px}.category-header{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:600;color:var(--cat-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--cat-color) 20%,transparent)}.category-header span:first-child{font-size:.8rem}.palette-nodes{display:flex;flex-direction:column;gap:4px}.palette-node{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-left:2px solid var(--node-color, #6366f1);border-radius:4px;cursor:grab;transition:all .15s;font-size:.75rem}.palette-node:hover{background:color-mix(in srgb,var(--node-color) 10%,var(--surface-tertiary, #0a0a14));border-color:color-mix(in srgb,var(--node-color) 30%,var(--border-color, #1e1e3a));transform:translate(2px)}.palette-node:active{cursor:grabbing;transform:scale(.98)}.palette-icon{font-size:.85rem;flex-shrink:0}.palette-label{color:var(--text-primary, #fff);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-toolbar{display:flex;align-items:center;gap:4px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;padding:6px 8px;box-shadow:0 4px 12px #0000004d;z-index:5!important}.toolbar-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1;font-family:Segoe UI Symbol,Apple Symbols,sans-serif;font-variant-emoji:text}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-primary, #fff);font-size:.75rem;cursor:pointer;transition:all .15s;height:26px;line-height:1}.toolbar-btn:hover:not(:disabled){background:var(--surface-tertiary, #0a0a14);border-color:var(--border-color, #1e1e3a)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-separator{width:1px;height:20px;background:var(--border-color, #1e1e3a);margin:0 4px}.toolbar-dropdown{position:relative}.toolbar-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;padding:4px;min-width:160px;box-shadow:0 8px 24px #0006;z-index:100}.toolbar-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-primary, #fff);font-size:.85rem;cursor:pointer;text-align:left;transition:background .15s}.toolbar-menu button:hover{background:var(--surface-tertiary, #0a0a14)}.animated-edge{stroke-dasharray:5;animation:dash-flow .5s linear infinite}@keyframes dash-flow{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.react-flow__edge-path{transition:stroke .2s,stroke-width .2s}:root[data-theme=light] .flow-canvas{background:#e2e8f0}:root[data-theme=light] .flow-canvas .react-flow__renderer{background:#e2e8f0}:root[data-theme=light] .flow-canvas .react-flow__background{background-color:#e2e8f0}:root[data-theme=light] .flow-canvas .react-flow__background pattern circle{fill:#94a3b8!important}:root[data-theme=light] .flow-canvas .react-flow__controls{background:#ffffff;border:1px solid rgba(15,23,42,.15);box-shadow:0 4px 16px #0f172a1f}:root[data-theme=light] .flow-canvas .react-flow__controls-button{background:var(--surface-secondary);border-bottom-color:var(--border-color);fill:var(--text-secondary)}:root[data-theme=light] .flow-canvas .react-flow__controls-button:hover{background:var(--surface-tertiary)}:root[data-theme=light] .flow-canvas .react-flow__minimap{background:#ffffff!important;border-color:#0f172a33;box-shadow:0 2px 8px #0f172a26}:root[data-theme=light] .flow-canvas .react-flow__minimap svg{background:transparent!important}:root[data-theme=light] .flow-canvas .react-flow__minimap-mask{fill:transparent!important}:root[data-theme=light] .flow-canvas .react-flow__edge-textbg{fill:var(--surface-secondary)}:root[data-theme=light] .flow-canvas .react-flow__edge-text{fill:var(--text-primary)}:root[data-theme=light] .node-palette{background:#ffffff;border:1px solid rgba(15,23,42,.15);box-shadow:0 4px 16px #0f172a1f}:root[data-theme=light] .palette-title{color:var(--text-secondary);border-bottom-color:var(--border-color)}:root[data-theme=light] .palette-node{background:#f1f5f9;border-color:#0f172a1a}:root[data-theme=light] .palette-label{color:var(--text-primary)}:root[data-theme=light] .canvas-toolbar{background:#ffffff;border:1px solid rgba(15,23,42,.15);box-shadow:0 4px 16px #0f172a1f}:root[data-theme=light] .toolbar-btn{color:var(--text-primary)}:root[data-theme=light] .toolbar-btn:hover:not(:disabled){background:var(--surface-tertiary);border-color:var(--border-color)}:root[data-theme=light] .toolbar-separator{background:var(--border-color)}:root[data-theme=light] .toolbar-menu{background:var(--surface-secondary);border-color:var(--border-color);box-shadow:0 8px 24px #0f172a33}:root[data-theme=light] .toolbar-menu button{color:var(--text-primary)}:root[data-theme=light] .toolbar-menu button:hover{background:var(--surface-tertiary)}.node-palette::-webkit-scrollbar{width:4px}.node-palette::-webkit-scrollbar-track{background:transparent}.node-palette::-webkit-scrollbar-thumb{background:var(--border-color, #1e1e3a);border-radius:2px}.node-palette::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #666680)}.flow-debugger{position:absolute;bottom:0;left:0;right:0;background:var(--bg-primary, #0f172a);border-top:1px solid var(--border-color, rgba(148, 163, 184, .25));font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;z-index:100;transition:all .3s ease}.flow-debugger.collapsed{height:40px}.flow-debugger.expanded{height:300px;max-height:50vh}.debugger-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary, rgba(15, 23, 42, .78));cursor:pointer;-webkit-user-select:none;user-select:none}.debugger-header:hover{background:rgba(30,41,59,.9)}.debugger-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary, #e2e8f0)}.debugger-icon{font-size:16px}.connection-status{font-size:10px;transition:color .3s ease}.connection-status.connected{color:#22c55e;animation:pulse 2s infinite}.connection-status.connecting{color:#f59e0b;animation:blink 1s infinite}.connection-status.disconnected{color:var(--text-secondary, #94a3b8)}.connection-status.error{color:#ef4444}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.debugger-controls{display:flex;align-items:center;gap:8px}.debugger-btn{padding:4px 12px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.debugger-btn.connect{background:var(--primary-color, #38bdf8);color:#fff}.debugger-btn.connect:hover{background:#0ea5e9}.debugger-btn.disconnect{background:#ef4444;color:#fff}.debugger-btn.disconnect:hover{filter:brightness(1.1)}.debugger-btn.clear{background:transparent;color:var(--text-secondary, #94a3b8);padding:4px 8px}.debugger-btn.clear:hover{background:rgba(30,41,59,.9)}.expand-arrow{color:var(--text-secondary, #94a3b8);font-size:10px}.debugger-content{display:flex;flex-direction:column;height:calc(100% - 40px);background:var(--bg-primary, #0f172a)}.debugger-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--border-color, rgba(148, 163, 184, .25));background:var(--bg-secondary, rgba(15, 23, 42, .78))}.debugger-tabs .tab{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary, #94a3b8);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.debugger-tabs .tab:hover{color:var(--text-primary, #e2e8f0);background:rgba(30,41,59,.5)}.debugger-tabs .tab.active{color:var(--primary-color, #38bdf8);border-bottom-color:var(--primary-color, #38bdf8)}.trace-list{flex:1;overflow-y:auto;padding:8px 16px;background:var(--bg-primary, #0f172a)}.trace-empty,.variables-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #94a3b8);font-style:italic}.trace-event{display:flex;align-items:flex-start;gap:8px;padding:4px 8px;margin:2px 0;border-radius:4px;background:var(--bg-secondary, rgba(15, 23, 42, .78));cursor:pointer;transition:background .2s ease}.trace-event:hover{background:rgba(30,41,59,.9)}.trace-event.session-accepted{background:rgba(46,204,113,.1);border-left:3px solid #22c55e}.trace-event.session-turn-output{background:rgba(52,152,219,.1);border-left:3px solid #3b82f6}.trace-event.session-turn-input{background:rgba(155,89,182,.1);border-left:3px solid #9b59b6}.trace-event.session-ended{background:rgba(231,76,60,.1);border-left:3px solid #ef4444}.trace-event.error{background:rgba(231,76,60,.15);border-left:3px solid #ef4444}.event-icon{flex-shrink:0}.event-time{flex-shrink:0;color:var(--text-secondary, #94a3b8);font-size:10px}.event-message{flex:1;color:var(--text-primary, #e2e8f0);word-break:break-word}.event-node{flex-shrink:0;color:var(--primary-color, #38bdf8);font-size:10px;padding:2px 6px;background:var(--bg-primary, #0f172a);border-radius:4px}.debugger-input{padding:8px 16px;border-top:1px solid var(--border-color, rgba(148, 163, 184, .25));background:var(--bg-secondary, rgba(15, 23, 42, .78))}.debugger-input input{width:100%;padding:8px 12px;border:1px solid var(--border-color, rgba(148, 163, 184, .25));border-radius:6px;background:var(--bg-primary, #0f172a);color:var(--text-primary, #e2e8f0);font-family:inherit;font-size:12px}.debugger-input input:focus{outline:none;border-color:var(--primary-color, #38bdf8);box-shadow:0 0 0 2px #38bdf833}.debugger-input input::placeholder{color:var(--text-secondary, #94a3b8)}.variables-list{flex:1;overflow-y:auto;padding:8px 16px;background:var(--bg-primary, #0f172a)}.variable-row{display:flex;justify-content:space-between;padding:6px 8px;margin:2px 0;background:var(--bg-secondary, rgba(15, 23, 42, .78));border-radius:4px}.variable-name{font-weight:600;color:var(--primary-color, #38bdf8)}.variable-value{color:var(--text-primary, #e2e8f0);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debugger-session-info{padding:6px 16px;font-size:11px;color:var(--text-secondary, #94a3b8);background:var(--bg-secondary, rgba(15, 23, 42, .78));border-top:1px solid var(--border-color, rgba(148, 163, 184, .25));display:flex;gap:8px;flex-wrap:wrap}.debugger-session-info .current-node{color:var(--primary-color, #38bdf8)}.debugger-session-info .paused-indicator{color:#f59e0b;font-weight:600;animation:blink 1s infinite}.issue-badge{background:#ef4444;color:#fff;font-size:10px;padding:1px 6px;border-radius:10px;font-weight:600;animation:pulse 2s infinite}.debugger-btn.step-mode{background:transparent;color:var(--text-secondary, #94a3b8);padding:4px 8px}.debugger-btn.step-mode:hover{background:rgba(30,41,59,.9)}.debugger-btn.step-mode.active{background:rgba(251,191,36,.2);color:#fbbf24}.debugger-btn.step{background:#10b981;color:#fff}.debugger-btn.step:hover{background:#059669}.debugger-btn.continue{background:var(--primary-color, #38bdf8);color:#fff}.debugger-btn.continue:hover{background:#0ea5e9}.flow-debugger.paused{border-color:#f59e0b}.flow-debugger.paused .debugger-header{background:rgba(251,191,36,.1);border-bottom:2px solid #f59e0b}.connection-status.paused{color:#f59e0b;animation:blink .5s infinite}.trace-event.selected{outline:2px solid var(--primary-color, #38bdf8);outline-offset:-2px}.trace-event.is-breakpoint{background:rgba(251,191,36,.15);border-left:3px solid #f59e0b}.trace-event.is-suggestion{background:rgba(139,92,246,.1);border-left:3px solid #8b5cf6}.trace-event.breakpoint{background:rgba(251,191,36,.15);border-left:3px solid #f59e0b}.trace-event.ai-suggestion{background:rgba(139,92,246,.1);border-left:3px solid #8b5cf6}.event-node-link{background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, rgba(148, 163, 184, .25));border-radius:4px;padding:2px 8px;color:var(--primary-color, #38bdf8);font-size:10px;cursor:pointer;transition:all .2s ease}.event-node-link:hover{background:var(--primary-color, #38bdf8);color:#fff}.breakpoint-indicator{font-size:8px;margin-left:4px}.trace-empty,.variables-empty,.issues-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #94a3b8);text-align:center;padding:20px}.empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}.empty-title{font-size:14px;font-weight:600;color:var(--text-primary, #e2e8f0);margin-bottom:4px}.empty-subtitle{font-size:12px;color:var(--text-secondary, #94a3b8);max-width:250px}.breakpoint-count{color:#f59e0b}.debugger-tabs .tab.has-issues{color:#ef4444}.debugger-tabs .tab.has-issues.active{border-bottom-color:#ef4444}.issues-list{flex:1;overflow-y:auto;padding:8px 16px;background:var(--bg-primary, #0f172a)}.issue-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin:4px 0;background:var(--bg-secondary, rgba(15, 23, 42, .78));border-radius:6px;cursor:pointer;transition:all .2s ease}.issue-row:hover{background:rgba(30,41,59,.9)}.issue-row.severity-error{border-left:3px solid #ef4444}.issue-row.severity-warning{border-left:3px solid #f59e0b}.issue-row.severity-info{border-left:3px solid #3b82f6}.issue-icon{font-size:16px;flex-shrink:0}.issue-content{flex:1;min-width:0}.issue-message{color:var(--text-primary, #e2e8f0);font-size:12px;margin-bottom:4px}.issue-node-link{background:transparent;border:none;color:var(--primary-color, #38bdf8);font-size:11px;padding:0;cursor:pointer;font-family:inherit}.issue-node-link:hover{text-decoration:underline}.issue-breakpoint-toggle{background:transparent;border:none;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:all .2s ease}.issue-breakpoint-toggle:hover{background:rgba(255,255,255,.1)}:root[data-theme=light] .flow-debugger{background:#f8fafc}:root[data-theme=light] .debugger-header{background:#e2e8f0}:root[data-theme=light] .debugger-header:hover{background:#cbd5e1}:root[data-theme=light] .debugger-content{background:#f8fafc}:root[data-theme=light] .debugger-tabs{background:#e2e8f0}:root[data-theme=light] .trace-list,:root[data-theme=light] .variables-list{background:#f8fafc}:root[data-theme=light] .trace-event{background:#e2e8f0}:root[data-theme=light] .trace-event:hover{background:#cbd5e1}:root[data-theme=light] .variable-row{background:#e2e8f0}:root[data-theme=light] .debugger-input{background:#e2e8f0}:root[data-theme=light] .debugger-input input{background:#ffffff}:root[data-theme=light] .debugger-session-info{background:#e2e8f0}.avatar-preview-panel{display:flex;flex-direction:column;background:var(--surface-secondary, #12121f);border-radius:12px;border:1px solid var(--border-color, #1e1e3a);overflow:hidden;height:100%;min-height:400px;position:relative;min-width:300px;max-width:550px}.avatar-preview-panel .panel-resize-handle{position:absolute;top:0;bottom:0;width:8px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;z-index:10;background:transparent;transition:background .15s ease}.avatar-preview-panel .panel-resize-handle.left{left:-4px}.avatar-preview-panel .panel-resize-handle:hover{background:rgba(99,102,241,.15)}.avatar-preview-panel .panel-resize-grip{width:3px;height:40px;border-radius:2px;background:var(--text-tertiary, #666680);opacity:0;transition:opacity .15s ease}.avatar-preview-panel .panel-resize-handle:hover .panel-resize-grip{opacity:.6}.avatar-preview-panel.resizing{-webkit-user-select:none;user-select:none}.avatar-preview-panel.resizing .ap-content,.avatar-preview-panel.resizing .ap-avatar-iframe{pointer-events:none}.ap-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-tertiary, #0a0a14);border-bottom:1px solid var(--border-color, #1e1e3a)}.ap-title{display:flex;align-items:center;gap:8px}.ap-title h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.ap-icon{font-size:16px;font-family:Segoe UI Symbol,Apple Symbols,sans-serif;font-variant-emoji:text}.ap-mood-badge{font-size:11px;padding:2px 8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;text-transform:capitalize}.ap-controls{display:flex;gap:8px;align-items:center}.ap-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color, #1e1e3a);background:var(--surface-secondary, #12121f);color:var(--text-primary, #fff);font-size:12px;cursor:pointer;transition:all .2s}.ap-btn:hover:not(:disabled){background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.ap-btn:disabled{opacity:.5;cursor:not-allowed}.ap-btn.connected{background:#22c55e;border-color:#22c55e}.ap-close{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary, #888);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ap-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary, #fff)}.ap-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.ap-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary, #888)}.ap-empty span{font-size:48px;opacity:.5}.ap-empty p{margin:0;font-size:14px}.ap-avatar-container{flex:1;position:relative;min-height:300px;background:linear-gradient(180deg,#0a0a14 0%,#1a1a2e 100%)}.ap-avatar-iframe{width:100%;height:100%;border:none;background:transparent}.ap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ap-play-btn{width:80px;height:80px;border-radius:50%;border:2px solid #6366f1;background:rgba(99,102,241,.2);color:#6366f1;font-size:32px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ap-play-btn:hover:not(:disabled){background:#6366f1;color:#fff;transform:scale(1.1)}.ap-play-btn:disabled{opacity:.5;cursor:not-allowed}.ap-overlay p{color:var(--text-secondary, #888);font-size:14px}.ap-transcript{background:var(--surface-tertiary, #0a0a14);border-top:1px solid var(--border-color, #1e1e3a);max-height:150px;overflow-y:auto}.ap-transcript-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;color:var(--text-secondary, #888);border-bottom:1px solid var(--border-color, #1e1e3a)}.ap-transcript-header button{background:none;border:none;color:var(--text-secondary, #888);cursor:pointer;font-size:16px}.ap-message{display:flex;gap:8px;padding:8px 12px;align-items:flex-start}.ap-message-bot{background:rgba(99,102,241,.1)}.ap-msg-icon{font-size:12px;flex-shrink:0;font-family:Segoe UI Symbol,Apple Symbols,sans-serif;font-variant-emoji:text}.ap-message p{margin:0;font-size:13px;color:var(--text-primary, #fff);line-height:1.4}.ap-show-transcript{display:block;width:100%;padding:8px;background:var(--surface-tertiary, #0a0a14);border:none;border-top:1px solid var(--border-color, #1e1e3a);color:var(--text-secondary, #888);font-size:12px;cursor:pointer}.ap-show-transcript:hover{background:var(--surface-secondary, #12121f)}.ap-footer{padding:12px 16px;background:var(--surface-tertiary, #0a0a14);border-top:1px solid var(--border-color, #1e1e3a)}.ap-input-area{display:flex;gap:8px}.ap-input-area input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--border-color, #1e1e3a);background:var(--surface-secondary, #12121f);color:var(--text-primary, #fff);font-size:13px}.ap-input-area input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.ap-input-area button{padding:8px 16px;border-radius:6px;border:none;background:var(--accent-color, #6366f1);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.ap-input-area button:hover{background:#8b5cf6}.ap-hint{margin:0;font-size:12px;color:var(--text-secondary, #888);text-align:center}.ap-session-id{margin:8px 0 0;font-size:10px;color:var(--text-tertiary, #555);font-family:monospace;text-align:center}:root[data-theme=light] .avatar-preview-panel{background:#ffffff;border:1px solid rgba(15,23,42,.12);box-shadow:-2px 0 8px #0f172a0f}:root[data-theme=light] .ap-header,:root[data-theme=light] .ap-footer,:root[data-theme=light] .ap-transcript-header{background:var(--surface-tertiary, #f1f5f9);border-color:var(--border-color, rgba(15, 23, 42, .1))}:root[data-theme=light] .ap-title h3{color:var(--text-primary, #0f172a)}:root[data-theme=light] .ap-icon{opacity:.9}:root[data-theme=light] .ap-btn{background:var(--surface-primary, #ffffff);color:var(--text-primary, #0f172a);border-color:var(--border-color, rgba(15, 23, 42, .15))}:root[data-theme=light] .ap-btn:hover:not(:disabled){background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}:root[data-theme=light] .ap-close{color:var(--text-secondary, #64748b)}:root[data-theme=light] .ap-close:hover{background:rgba(0,0,0,.05);color:var(--text-primary, #0f172a)}:root[data-theme=light] .ap-avatar-container{background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%)}:root[data-theme=light] .ap-overlay{background:rgba(255,255,255,.85)}:root[data-theme=light] .ap-overlay p{color:var(--text-secondary, #64748b)}:root[data-theme=light] .ap-empty{color:var(--text-secondary, #64748b)}:root[data-theme=light] .ap-message p{color:var(--text-primary, #0f172a)}:root[data-theme=light] .ap-message-bot{background:rgba(99,102,241,.08)}:root[data-theme=light] .ap-transcript{background:var(--surface-tertiary, #f1f5f9);border-top-color:var(--border-color, rgba(15, 23, 42, .1))}:root[data-theme=light] .ap-transcript-header{color:var(--text-secondary, #64748b);border-bottom-color:var(--border-color, rgba(15, 23, 42, .1))}:root[data-theme=light] .ap-transcript-header button{color:var(--text-secondary, #64748b)}:root[data-theme=light] .ap-show-transcript{background:var(--surface-tertiary, #f1f5f9);border-top-color:var(--border-color, rgba(15, 23, 42, .1));color:var(--text-secondary, #64748b)}:root[data-theme=light] .ap-show-transcript:hover{background:var(--surface-secondary, #f8fafc)}:root[data-theme=light] .ap-input-area input{background:var(--surface-primary, #ffffff);border-color:var(--border-color, rgba(15, 23, 42, .15));color:var(--text-primary, #0f172a)}:root[data-theme=light] .ap-hint{color:var(--text-secondary, #64748b)}:root[data-theme=light] .ap-session-id{color:var(--text-tertiary, #94a3b8)}.node-reference-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.node-reference-modal{width:95vw;max-width:1400px;height:90vh;background:var(--surface-secondary, #12121f);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080;animation:slideUp .2s ease}.node-reference-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 24px;border-bottom:1px solid var(--border-color, #1e1e3a);flex-shrink:0;gap:16px}.header-title h2{margin:0 0 4px;font-size:1.25rem;color:var(--text-primary, #fff)}.header-title p{margin:0;font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.header-tabs{display:flex;gap:4px;background:var(--surface-tertiary, #0a0a14);padding:4px;border-radius:8px}.header-tabs button{padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #a0a0a0);font-size:.85rem;cursor:pointer;transition:all .2s}.header-tabs button:hover{color:var(--text-primary, #fff)}.header-tabs button.active{background:var(--accent-color, #6366f1);color:#fff}.node-reference-header .close-btn{background:transparent;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.node-reference-header .close-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary, #fff)}.node-reference-filters{padding:12px 24px;border-bottom:1px solid var(--border-color, #1e1e3a);flex-shrink:0}.search-box{position:relative;margin-bottom:8px}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.5}.search-box input{width:100%;padding:10px 40px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;color:var(--text-primary, #fff);font-size:.9rem}.search-box input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.search-box input::placeholder{color:var(--text-tertiary, #666680)}.search-box .clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary, #666680);cursor:pointer;padding:4px}.filter-row{display:flex;gap:16px;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #666680)}.filter-group select{padding:6px 10px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:6px;color:var(--text-primary, #fff);font-size:.8rem}.result-count{margin-left:auto;font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.node-reference-content{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.node-list,.asr-list,.grammar-list{border-right:1px solid var(--border-color, #1e1e3a);overflow-y:auto;padding:16px}.list-intro{font-size:.85rem;color:var(--text-secondary, #a0a0a0);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #1e1e3a)}.category-group{margin-bottom:20px}.category-header{display:flex;align-items:center;gap:8px;padding:6px 0;margin-bottom:8px;border-bottom:1px solid var(--border-color, #1e1e3a)}.category-icon{font-size:1rem}.category-name{font-weight:600;color:var(--text-primary, #fff);font-size:.9rem}.category-count{margin-left:auto;font-size:.7rem;color:var(--text-tertiary, #666680);background:var(--surface-tertiary, #0a0a14);padding:2px 8px;border-radius:10px}.category-nodes{display:flex;flex-direction:column;gap:6px}.node-card,.asr-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;cursor:pointer;transition:all .15s;border-left:3px solid var(--node-color, #6366f1)}.node-card:hover,.asr-card:hover{background:rgba(99,102,241,.1);border-color:#6366f14d}.node-card.selected,.asr-card.selected{background:rgba(99,102,241,.15);border-color:var(--accent-color, #6366f1)}.node-icon,.asr-icon{font-size:1.25rem;flex-shrink:0}.node-info,.asr-info{flex:1;min-width:0}.node-name,.asr-name{font-weight:600;color:var(--text-primary, #fff);font-size:.85rem;margin-bottom:2px}.node-desc,.asr-usecase{font-size:.75rem;color:var(--text-secondary, #a0a0a0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.asr-badge{font-size:.8rem;opacity:.8}.node-channels{display:flex;gap:2px}.channel-badge{font-size:.75rem;opacity:.7}.channel-more{font-size:.65rem;color:var(--text-tertiary, #666680)}.grammar-card{padding:12px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;margin-bottom:8px}.grammar-name{font-weight:600;color:var(--text-primary, #fff);font-size:.9rem;margin-bottom:4px}.grammar-desc{font-size:.8rem;color:var(--text-secondary, #a0a0a0);margin-bottom:8px}.grammar-example{display:flex;gap:8px;align-items:baseline}.grammar-example .example-label{font-size:.7rem;color:var(--text-tertiary, #666680);text-transform:uppercase}.grammar-example code{font-size:.75rem;color:#a5b4fc;background:var(--surface-primary, #0d0d1a);padding:4px 8px;border-radius:4px}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.no-results-icon{font-size:2.5rem;opacity:.5;margin-bottom:16px}.no-results p{color:var(--text-secondary, #a0a0a0);margin:0 0 16px}.no-results button{padding:8px 16px;background:var(--accent-color, #6366f1);border:none;border-radius:6px;color:#fff;cursor:pointer}.node-detail{overflow-y:auto;padding:20px}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary, #a0a0a0)}.detail-empty .empty-icon{font-size:2.5rem;opacity:.5;margin-bottom:16px}.detail-empty h4{margin:0 0 8px;color:var(--text-primary, #fff)}.detail-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid var(--node-color, #6366f1)}.detail-header.asr{border-bottom-color:#f59e0b}.detail-icon{font-size:2rem}.detail-title h3{margin:0;color:var(--text-primary, #fff)}.detail-type{font-size:.7rem;color:var(--text-tertiary, #666680);font-family:monospace}.detail-category{margin-left:auto;font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.detail-description{margin-bottom:20px;line-height:1.6;color:var(--text-primary, #fff);font-size:.9rem}.detail-description p{margin:0 0 12px}.detail-section{margin-bottom:20px}.detail-section h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #a0a0a0);margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border-color, #1e1e3a)}.asr-support-list{display:flex;flex-wrap:wrap;gap:8px}.asr-tag{padding:4px 10px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);border-radius:16px;font-size:.75rem;color:#fbbf24}.channel-list{display:flex;flex-direction:column;gap:8px}.channel-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--surface-tertiary, #0a0a14);border-radius:8px}.channel-item .channel-icon{font-size:1.1rem}.channel-item .channel-name{font-weight:600;color:var(--text-primary, #fff);min-width:60px;font-size:.85rem}.channel-behavior{font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.property-list{display:flex;flex-direction:column;gap:8px}.property-item{padding:10px;background:var(--surface-tertiary, #0a0a14);border-radius:8px}.property-item.advanced{border-left:2px solid #f59e0b}.property-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.property-name{font-weight:600;color:var(--text-primary, #fff);font-size:.85rem}.property-type{font-size:.65rem;padding:2px 6px;background:var(--accent-color, #6366f1);color:#fff;border-radius:4px;font-family:monospace}.property-required{font-size:.65rem;padding:2px 6px;background:#ef4444;color:#fff;border-radius:4px}.property-advanced{font-size:.65rem;padding:2px 6px;background:#f59e0b;color:#000;border-radius:4px}.property-desc{font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.property-default{margin-top:6px;font-size:.75rem;color:var(--text-tertiary, #666680)}.property-default code{color:#a5b4fc;background:var(--surface-primary, #0d0d1a);padding:2px 4px;border-radius:3px}.example-list{display:flex;flex-direction:column;gap:10px}.example-item{padding:10px;background:var(--surface-tertiary, #0a0a14);border-radius:8px}.example-name{font-weight:600;color:var(--text-primary, #fff);font-size:.85rem;margin-bottom:4px}.example-desc{font-size:.8rem;color:var(--text-secondary, #a0a0a0);margin-bottom:8px}.example-config{font-size:.7rem;background:var(--surface-primary, #0d0d1a);padding:10px;border-radius:6px;overflow-x:auto;color:#a5b4fc;font-family:Fira Code,monospace;margin:0}.use-case{font-size:.9rem;color:var(--text-primary, #fff);font-style:italic;margin:0}.example-phrases{display:flex;flex-direction:column;gap:6px}.phrase{padding:8px 12px;background:var(--surface-tertiary, #0a0a14);border-radius:6px;font-size:.85rem;color:var(--text-primary, #fff);font-style:italic}.property-tags,.engine-list{display:flex;flex-wrap:wrap;gap:6px}.prop-tag,.engine-tag{padding:4px 10px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:4px;font-size:.75rem;color:var(--text-primary, #fff);font-family:monospace}.engine-tag{background:rgba(34,197,94,.15);border-color:#22c55e4d;color:#4ade80}.detail-actions{padding-top:16px;border-top:1px solid var(--border-color, #1e1e3a)}.add-node-btn{width:100%;padding:12px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.add-node-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.node-reference-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-top:1px solid var(--border-color, #1e1e3a);flex-shrink:0}.footer-stats{display:flex;gap:8px;font-size:.75rem;color:var(--text-tertiary, #666680)}.footer-hint{font-size:.75rem;color:var(--text-tertiary, #666680)}.footer-hint kbd{padding:2px 6px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:4px;font-family:monospace;font-size:.7rem}.node-list::-webkit-scrollbar,.node-detail::-webkit-scrollbar,.asr-list::-webkit-scrollbar,.grammar-list::-webkit-scrollbar{width:6px}.node-list::-webkit-scrollbar-track,.node-detail::-webkit-scrollbar-track,.asr-list::-webkit-scrollbar-track,.grammar-list::-webkit-scrollbar-track{background:transparent}.node-list::-webkit-scrollbar-thumb,.node-detail::-webkit-scrollbar-thumb,.asr-list::-webkit-scrollbar-thumb,.grammar-list::-webkit-scrollbar-thumb{background:var(--border-color, #1e1e3a);border-radius:3px}:root[data-theme=light] .node-reference-modal{background:var(--surface-secondary);box-shadow:0 24px 48px #0f172a40}:root[data-theme=light] .node-reference-header{border-bottom-color:var(--border-color)}:root[data-theme=light] .header-title h2{color:var(--text-primary)}:root[data-theme=light] .header-tabs{background:var(--surface-tertiary)}:root[data-theme=light] .header-tabs button{color:var(--text-secondary)}:root[data-theme=light] .header-tabs button:hover{color:var(--text-primary)}:root[data-theme=light] .search-box input{background:var(--surface-primary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .filter-group select{background:var(--surface-primary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .node-list,:root[data-theme=light] .asr-list,:root[data-theme=light] .grammar-list{border-right-color:var(--border-color)}:root[data-theme=light] .category-header{border-bottom-color:var(--border-color)}:root[data-theme=light] .category-name{color:var(--text-primary)}:root[data-theme=light] .category-count{background:var(--surface-tertiary);color:var(--text-secondary)}:root[data-theme=light] .node-card,:root[data-theme=light] .asr-card{background:var(--surface-primary);border-color:var(--border-color)}:root[data-theme=light] .node-card:hover,:root[data-theme=light] .asr-card:hover{background:rgba(99,102,241,.08);border-color:#6366f140}:root[data-theme=light] .node-card.selected,:root[data-theme=light] .asr-card.selected{background:rgba(99,102,241,.12)}:root[data-theme=light] .node-name,:root[data-theme=light] .asr-name{color:var(--text-primary)}:root[data-theme=light] .node-desc,:root[data-theme=light] .asr-usecase{color:var(--text-secondary)}:root[data-theme=light] .node-detail{background:var(--surface-primary)}:root[data-theme=light] .detail-title h3{color:var(--text-primary)}:root[data-theme=light] .detail-description{color:var(--text-primary)}:root[data-theme=light] .detail-section h4{color:var(--text-secondary);border-bottom-color:var(--border-color)}:root[data-theme=light] .property-item,:root[data-theme=light] .channel-item,:root[data-theme=light] .example-item,:root[data-theme=light] .grammar-card{background:var(--surface-tertiary)}:root[data-theme=light] .property-name,:root[data-theme=light] .channel-name,:root[data-theme=light] .example-name,:root[data-theme=light] .grammar-name{color:var(--text-primary)}:root[data-theme=light] .prop-tag{background:var(--surface-tertiary);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=light] .phrase{background:var(--surface-tertiary);color:var(--text-primary)}:root[data-theme=light] .detail-empty h4{color:var(--text-primary)}:root[data-theme=light] .node-reference-footer{border-top-color:var(--border-color)}:root[data-theme=light] .footer-hint kbd{background:var(--surface-tertiary);border-color:var(--border-color)}@media (max-width: 1024px){.node-reference-content{grid-template-columns:1fr}.node-list,.asr-list,.grammar-list{border-right:none;border-bottom:1px solid var(--border-color, #1e1e3a);max-height:40vh}}.sweep-progress{background:var(--surface-secondary, #16162a);border:1px solid var(--border-subtle, #2a2a3d);border-radius:8px;overflow:hidden;font-size:.8rem}.sweep-progress.generating{border-color:var(--accent-color, #6366f1);box-shadow:0 0 8px #6366f14d}.sweep-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;color:var(--text-primary, #fff);transition:background .15s ease}.sweep-header:hover{background:rgba(255,255,255,.05)}.sweep-summary{display:flex;align-items:center;gap:8px}.sweep-spinner{animation:spin 1s linear infinite}.sweep-done{color:#22c55e;font-weight:700}.sweep-status{font-weight:500}.sweep-count,.sweep-duration{color:var(--text-tertiary, #666680);font-size:.75rem}.sweep-expand-icon{color:var(--text-tertiary, #666680);font-size:.7rem}.sweep-details{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}.sweep-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(0,0,0,.2);border-radius:6px;border-left:3px solid transparent;position:relative}.sweep-item.complete{border-left-color:#22c55e;opacity:.8}.sweep-item.current{border-left-color:var(--accent-color, #6366f1);background:rgba(99,102,241,.1)}.sweep-item.pending{opacity:.4}.sweep-icon{width:20px;text-align:center;font-size:.85rem}.sweep-item.complete .sweep-icon{color:#22c55e}.sweep-item.current .sweep-icon{animation:pulse 1s ease-in-out infinite}.sweep-info{flex:1;min-width:0}.sweep-name{font-weight:500;color:var(--text-primary, #fff);font-size:.75rem}.sweep-desc{color:var(--text-tertiary, #666680);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sweep-stats{display:flex;gap:8px;font-size:.65rem;color:var(--text-tertiary, #666680)}.sweep-time{color:#22c55e}.sweep-tokens{opacity:.7}.sweep-progress-bar{position:absolute;bottom:0;left:3px;right:0;height:2px;background:rgba(99,102,241,.2);border-radius:1px;overflow:hidden}.sweep-progress-fill{width:30%;height:100%;background:var(--accent-color, #6366f1);animation:progress 1.5s ease-in-out infinite}@keyframes progress{0%{width:0%;margin-left:0}50%{width:50%;margin-left:25%}to{width:0%;margin-left:100%}}.sweep-total{text-align:right;font-size:.7rem;color:var(--text-tertiary, #666680);padding-top:4px;border-top:1px solid var(--border-subtle, #2a2a3d);margin-top:4px}.speak-to-design-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.speak-to-design-modal{background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:16px;width:90%;max-width:560px;max-height:85vh;overflow:hidden;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.speak-to-design-modal .close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s}.speak-to-design-modal .close-btn:hover{background:var(--surface-tertiary, #0a0a14);color:var(--text-primary, #fff)}.speak-to-design-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid var(--border-color, #1e1e3a)}.speak-to-design-header h2{margin:0 0 8px;color:var(--text-primary, #fff);font-size:1.5rem}.speak-to-design-header p{margin:0;color:var(--text-secondary, #a0a0a0);font-size:.9rem}.speak-to-design-content{padding:24px;min-height:300px}.speak-to-design-idle{display:flex;flex-direction:column;align-items:center;gap:24px}.mic-button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 48px;background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(139,92,246,.2) 100%);border:2px solid var(--accent-color, #6366f1);border-radius:16px;cursor:pointer;transition:all .2s}.mic-button:hover{background:linear-gradient(135deg,rgba(99,102,241,.3) 0%,rgba(139,92,246,.3) 100%);transform:scale(1.02)}.mic-button .mic-icon{font-size:3rem}.mic-button span:last-child{color:var(--text-primary, #fff);font-size:1rem;font-weight:500}.no-speech-support{text-align:center;padding:24px;color:var(--text-secondary, #a0a0a0)}.no-speech-support span{font-size:2.5rem;display:block;margin-bottom:12px}.divider{display:flex;align-items:center;gap:16px;width:100%;color:var(--text-tertiary, #666680);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color, #1e1e3a)}.manual-input-section{width:100%}.manual-input-section textarea{width:100%;padding:16px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;color:var(--text-primary, #fff);font-size:.9rem;resize:vertical;min-height:100px}.manual-input-section textarea:focus{outline:none;border-color:var(--accent-color, #6366f1)}.manual-input-section textarea::placeholder{color:var(--text-tertiary, #666680)}.submit-btn{width:100%;margin-top:12px;padding:12px 24px;background:var(--accent-color, #6366f1);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s}.submit-btn:hover:not(:disabled){background:#818cf8}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.speak-to-design-listening{display:flex;flex-direction:column;align-items:center;gap:20px}.listening-indicator{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent-color, #6366f1);animation:pulse 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.listening-indicator .mic-icon{font-size:3rem;z-index:1}.listening-indicator .mic-icon.active{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.listening-status{color:var(--accent-color, #6366f1);font-size:1.1rem;font-weight:500}.transcript-preview{width:100%;min-height:80px;padding:16px;background:var(--surface-tertiary, #0a0a14);border-radius:8px;border:1px solid var(--border-color, #1e1e3a)}.transcript-text{margin:0;color:var(--text-primary, #fff);font-size:.95rem;line-height:1.5}.transcript-text .interim{color:var(--text-tertiary, #666680);font-style:italic}.listening-actions{display:flex;gap:12px;width:100%}.stop-btn{flex:1;padding:12px 24px;background:#22c55e;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s}.stop-btn:hover{background:#16a34a}.cancel-btn{padding:12px 24px;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:8px;color:var(--text-secondary, #a0a0a0);font-size:1rem;cursor:pointer;transition:all .15s}.cancel-btn:hover{background:var(--surface-tertiary, #0a0a14);color:var(--text-primary, #fff)}.speak-to-design-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;gap:16px}.processing-spinner{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.spinner{width:48px;height:48px;border:4px solid var(--surface-tertiary, #0a0a14);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:spin 1s linear infinite}.speak-to-design-processing p{margin:0;color:var(--text-primary, #fff);font-size:1.1rem}.processing-hint{color:var(--text-tertiary, #666680)!important;font-size:.85rem!important}.speak-to-design-preview{display:flex;flex-direction:column;gap:20px}.preview-header{display:flex;align-items:center;gap:12px;justify-content:center}.preview-header .success-icon{font-size:1.5rem}.preview-header h3{margin:0;color:var(--text-primary, #fff)}.preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-item{padding:12px;background:var(--surface-tertiary, #0a0a14);border-radius:8px;text-align:center}.summary-item label{display:block;font-size:.75rem;color:var(--text-tertiary, #666680);text-transform:uppercase;margin-bottom:4px}.summary-item span{font-size:1rem;color:var(--text-primary, #fff);font-weight:500}.preview-nodes{padding:16px;background:var(--surface-tertiary, #0a0a14);border-radius:8px}.preview-nodes>label{display:block;font-size:.8rem;color:var(--text-tertiary, #666680);text-transform:uppercase;margin-bottom:12px}.node-list{display:flex;flex-wrap:wrap;gap:8px}.node-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:4px;font-size:.8rem}.node-chip .node-type{color:var(--accent-color, #6366f1);font-weight:500}.node-chip .node-name{color:var(--text-secondary, #a0a0a0)}.node-chip.more{color:var(--text-tertiary, #666680)}.preview-actions{display:flex;gap:12px}.save-btn{flex:1;padding:12px 24px;background:var(--accent-color, #6366f1);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s}.save-btn:hover{background:#818cf8}.regenerate-btn{padding:12px 24px;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:8px;color:var(--text-secondary, #a0a0a0);font-size:1rem;cursor:pointer;transition:all .15s}.regenerate-btn:hover{background:var(--surface-tertiary, #0a0a14);color:var(--text-primary, #fff)}.speak-to-design-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;text-align:center}.error-icon{font-size:2.5rem}.speak-to-design-error h3{margin:0;color:#fca5a5}.speak-to-design-error p{margin:0;color:var(--text-secondary, #a0a0a0)}.retry-btn{margin-top:8px;padding:10px 24px;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;transition:all .15s}.retry-btn:hover{background:var(--surface-tertiary, #0a0a14)}.speak-to-design-footer{padding:16px 24px;border-top:1px solid var(--border-color, #1e1e3a);text-align:center}.speak-to-design-footer p{margin:0;font-size:.8rem;color:var(--text-tertiary, #666680)}@media (max-width: 600px){.speak-to-design-modal{width:95%;max-height:90vh}.preview-summary{grid-template-columns:1fr}.listening-actions,.preview-actions{flex-direction:column}}.sweep-progress{width:100%;max-width:280px;margin:16px 0;display:flex;flex-direction:column;gap:8px}.sweep-step{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--surface-tertiary, #0a0a14);border-radius:6px;font-size:.85rem;transition:all .3s ease}.sweep-step.pending{opacity:.4}.sweep-step.current{opacity:1;background:linear-gradient(90deg,rgba(99,102,241,.2),transparent);border-left:2px solid var(--accent-color, #6366f1)}.sweep-step.completed{opacity:.8}.sweep-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.sweep-step.completed .sweep-indicator{color:#22c55e}.sweep-step.current .sweep-indicator{color:var(--accent-color, #6366f1);animation:pulse-dot 1s ease-in-out infinite}.sweep-step.pending .sweep-indicator{color:var(--text-tertiary, #666680)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.sweep-label{color:var(--text-secondary, #a0a0a0)}.sweep-step.current .sweep-label{color:var(--text-primary, #fff);font-weight:500}.sweep-step.completed .sweep-label{color:var(--text-secondary, #a0a0a0)}.generation-mode-selector{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0}.generation-mode-selector.idle-mode{margin-top:20px}.generation-mode-selector .mode-label{font-size:.85rem;color:var(--text-secondary, #a0a0a0);margin-right:8px}.generation-mode-selector .mode-btn:hover:not(:disabled){border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.generation-mode-selector .mode-btn:disabled{opacity:.5;cursor:not-allowed}.speak-to-design-processing .sweep-progress{margin-bottom:16px}.condition-branch-editor{display:flex;flex-direction:column;gap:12px}.branch-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.branch-header h4{margin:0;font-size:.9rem;font-weight:500;color:#e2e8f0}.branch-count{font-size:.75rem;color:#94a3b8;background:rgba(255,255,255,.05);padding:2px 8px;border-radius:10px}.quick-add-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-add-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:500;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);border-radius:6px;color:#22d3ee;cursor:pointer;transition:all .15s ease}.quick-add-btn:hover{background:rgba(34,211,238,.2);border-color:#22d3ee80}.quick-add-btn.preset{background:rgba(34,197,94,.1);border-color:#22c55e4d;color:#22c55e}.quick-add-btn.preset:hover{background:rgba(34,197,94,.2);border-color:#22c55e80}.quick-add-btn.default{background:rgba(100,116,139,.1);border-color:#64748b4d;color:#94a3b8}.quick-add-btn.default:hover{background:rgba(100,116,139,.2);border-color:#64748b80}.quick-add-btn .icon{font-size:.85rem}.branch-list{display:flex;flex-direction:column;gap:6px}.branch-item{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;transition:all .15s ease}.branch-item:hover{border-color:#ffffff26}.branch-item.expanded{border-color:#22d3ee4d;background:rgba(15,23,42,.8)}.branch-item.dragging{opacity:.5;transform:scale(.98)}.branch-item-header{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer}.branch-drag-handle{font-size:.8rem;color:#64748b;cursor:grab;padding:2px}.branch-drag-handle:active{cursor:grabbing}.branch-color{width:8px;height:20px;border-radius:2px;flex-shrink:0}.branch-label{flex:1;background:transparent;border:none;font-size:.85rem;font-weight:500;color:#e2e8f0;padding:2px 4px;border-radius:4px}.branch-label:focus{outline:none;background:rgba(255,255,255,.05)}.branch-actions{display:flex;gap:4px}.branch-action-btn{width:22px;height:22px;border:none;background:rgba(255,255,255,.05);border-radius:4px;font-size:.9rem;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.branch-action-btn:hover{background:rgba(255,255,255,.1);color:#e2e8f0}.branch-action-btn.remove:hover{background:rgba(239,68,68,.2);color:#ef4444}.branch-details{padding:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px;background:rgba(0,0,0,.2)}.expression-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.presets-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.preset-btn{width:28px;height:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:4px;font-size:.8rem;color:#94a3b8;cursor:pointer;transition:all .15s ease}.preset-btn:hover{background:rgba(34,211,238,.1);border-color:#22d3ee4d;color:#22d3ee}.expression-input label{display:block;font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.expression-input textarea{width:100%;padding:8px;font-family:JetBrains Mono,SF Mono,monospace;font-size:.8rem;background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#22d3ee;resize:vertical}.expression-input textarea:focus{outline:none;border-color:#22d3ee66}.expression-input textarea::placeholder{color:#475569;font-style:italic}.variable-suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.suggestions-label{font-size:.7rem;color:#64748b}.var-btn{padding:3px 8px;font-family:JetBrains Mono,SF Mono,monospace;font-size:.7rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:4px;color:#a78bfa;cursor:pointer;transition:all .15s ease}.var-btn:hover{background:rgba(139,92,246,.2);border-color:#8b5cf666}.color-picker{display:flex;align-items:center;gap:6px}.color-label{font-size:.7rem;color:#64748b}.color-option{width:18px;height:18px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #fff3}.empty-branches{padding:20px;text-align:center;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1);border-radius:8px}.empty-branches p{margin:0;color:#64748b;font-size:.85rem}.empty-branches .hint{margin-top:4px;font-size:.75rem;color:#475569}.branch-warning{padding:8px 12px;font-size:.75rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2);border-radius:6px;color:#fbbf24}:root[data-theme=light] .branch-header h4{color:#1e293b}:root[data-theme=light] .branch-item{background:rgba(241,245,249,.8);border-color:#0000001a}:root[data-theme=light] .branch-label{color:#1e293b}:root[data-theme=light] .branch-details{background:rgba(241,245,249,.5)}:root[data-theme=light] .expression-input textarea{background:white;border-color:#0000001a;color:#0891b2}:root[data-theme=light] .empty-branches{background:rgba(0,0,0,.02);border-color:#0000001a}:root[data-theme=light] .empty-branches p{color:#475569}.variable-picker{position:relative}.picker-label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.picker-input-wrapper{display:flex;align-items:center;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:border-color .15s ease}.picker-input-wrapper:focus-within{border-color:#8b5cf680}.var-prefix,.var-suffix{font-family:JetBrains Mono,SF Mono,monospace;font-size:.8rem;color:#8b5cf6;padding:0 4px;-webkit-user-select:none;user-select:none}.picker-input{flex:1;background:transparent;border:none;font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;color:#a78bfa;padding:8px 4px;min-width:0}.picker-input:focus{outline:none}.picker-input::placeholder{color:#475569;font-family:inherit}.picker-toggle{width:28px;height:100%;border:none;background:rgba(255,255,255,.03);color:#64748b;font-size:.7rem;cursor:pointer;transition:all .15s ease;border-radius:0 5px 5px 0}.picker-toggle:hover{background:rgba(255,255,255,.08);color:#94a3b8}.picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;background:rgba(15,23,42,.98);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden;display:flex;flex-direction:column}.picker-search{padding:8px;border-bottom:1px solid rgba(255,255,255,.08)}.picker-search input{width:100%;padding:8px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:.8rem;color:#e2e8f0}.picker-search input:focus{outline:none;border-color:#8b5cf666}.picker-options{flex:1;overflow-y:auto;padding:4px}.picker-group{margin-bottom:8px}.picker-group-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:4px 8px}.picker-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:transparent;border:none;border-radius:4px;color:#e2e8f0;font-size:.8rem;text-align:left;cursor:pointer;transition:all .1s ease}.picker-option:hover{background:rgba(139,92,246,.15)}.picker-option.selected{background:rgba(139,92,246,.25);border-left:2px solid #8b5cf6}.option-icon{font-size:.85rem;width:20px;text-align:center}.option-name{flex:1;font-family:JetBrains Mono,SF Mono,monospace;font-weight:500;color:#a78bfa}.option-type{font-family:JetBrains Mono,SF Mono,monospace;font-size:.7rem;padding:2px 6px;background:rgba(255,255,255,.05);border-radius:4px;color:#64748b}.option-source{font-size:.7rem;color:#475569;font-style:italic;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-empty{padding:16px;text-align:center;color:#64748b;font-size:.8rem}.picker-create{padding:8px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2)}.create-btn{width:100%;padding:8px;background:rgba(34,197,94,.1);border:1px dashed rgba(34,197,94,.3);border-radius:4px;color:#22c55e;font-size:.8rem;cursor:pointer;transition:all .15s ease}.create-btn:hover{background:rgba(34,197,94,.2);border-color:#22c55e80}.create-form{display:flex;gap:4px}.create-form input{flex:1;padding:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:JetBrains Mono,SF Mono,monospace;font-size:.8rem;color:#a78bfa}.create-form input:focus{outline:none;border-color:#8b5cf666}.create-confirm{padding:8px 12px;background:#22c55e;border:none;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer}.create-confirm:disabled{opacity:.5;cursor:not-allowed}.create-cancel{width:32px;background:rgba(239,68,68,.15);border:none;border-radius:4px;color:#ef4444;font-size:1rem;cursor:pointer}.create-cancel:hover{background:rgba(239,68,68,.25)}:root[data-theme=light] .picker-input-wrapper{background:white;border-color:#00000026}:root[data-theme=light] .picker-input{color:#7c3aed}:root[data-theme=light] .picker-dropdown{background:white;border-color:#0000001a;box-shadow:0 8px 24px #00000026}:root[data-theme=light] .picker-option{color:#1e293b}:root[data-theme=light] .option-name{color:#7c3aed}.menu-options-editor{display:flex;flex-direction:column;gap:8px}.options-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.options-count{color:var(--text-secondary, #94a3b8)}.preset-dropdown{position:relative}.preset-btn{background:transparent;border:1px dashed var(--border-color, #334155);color:var(--text-secondary, #94a3b8);padding:2px 8px;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .15s}.preset-btn:hover{border-color:var(--accent-color, #22d3ee);color:var(--accent-color, #22d3ee)}.preset-menu{display:none;position:absolute;top:100%;right:0;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;padding:4px;min-width:120px;z-index:100;box-shadow:0 4px 12px #0000004d}.preset-dropdown:hover .preset-menu{display:block}.preset-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-primary, #e2e8f0);padding:6px 10px;font-size:.75rem;cursor:pointer;border-radius:4px}.preset-item:hover{background:var(--bg-hover, #334155)}.options-list{display:flex;flex-direction:column;gap:4px}.option-item{display:flex;align-items:center;gap:6px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;padding:4px 6px;transition:all .15s}.option-item:hover{border-color:var(--border-hover, #475569)}.option-item.dragging{opacity:.5;border-color:var(--accent-color, #22d3ee)}.option-item.editing{border-color:var(--accent-color, #22d3ee);box-shadow:0 0 0 1px var(--accent-color, #22d3ee)}.drag-handle{cursor:grab;color:var(--text-muted, #64748b);font-size:10px;-webkit-user-select:none;user-select:none;padding:2px}.drag-handle:active{cursor:grabbing}.option-key{flex:0 0 32px}.key-input{width:100%;background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:4px;padding:4px;font-size:.8rem;font-weight:600;text-align:center;color:var(--accent-color, #22d3ee)}.key-input:focus{outline:none;border-color:var(--accent-color, #22d3ee)}.option-label{flex:1}.label-input{width:100%;background:transparent;border:none;padding:4px;font-size:.8rem;color:var(--text-primary, #e2e8f0)}.label-input:focus{outline:none}.label-input::placeholder{color:var(--text-muted, #64748b)}.remove-option-btn{background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:4px;font-size:14px;line-height:1;border-radius:4px;transition:all .15s}.remove-option-btn:hover{color:#f87171;background:rgba(248,113,113,.1)}.add-option-btn{background:transparent;border:1px dashed var(--border-color, #334155);color:var(--text-secondary, #94a3b8);padding:8px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .15s}.add-option-btn:hover{border-color:var(--accent-color, #22d3ee);color:var(--accent-color, #22d3ee);background:rgba(34,211,238,.05)}.max-warning{font-size:.7rem;color:#f59e0b;text-align:center;margin:4px 0}.options-preview{background:var(--bg-primary, #0f172a);border-radius:4px;padding:6px 8px;font-size:.7rem}.preview-label{color:var(--text-muted, #64748b);margin-right:6px}.preview-text{color:var(--text-secondary, #94a3b8);font-style:italic}.dtmf-config-editor{display:flex;flex-direction:column;gap:10px}.dtmf-presets{display:flex;flex-wrap:wrap;gap:4px}.preset-chip{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);color:var(--text-secondary, #94a3b8);padding:3px 8px;border-radius:12px;font-size:.65rem;cursor:pointer;transition:all .15s}.preset-chip:hover{border-color:var(--accent-color, #22d3ee);color:var(--accent-color, #22d3ee)}.preset-chip.active{background:var(--accent-color, #22d3ee);border-color:var(--accent-color, #22d3ee);color:var(--bg-primary, #0f172a)}.dtmf-row{display:flex;align-items:flex-start;gap:10px}.dtmf-field{flex:1;display:flex;flex-direction:column;gap:4px}.dtmf-field label{font-size:.7rem;color:var(--text-secondary, #94a3b8);font-weight:500}.dtmf-field input[type=number]{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;padding:6px 8px;font-size:.85rem;color:var(--text-primary, #e2e8f0);width:100%;text-align:center}.dtmf-field input[type=number]:focus{outline:none;border-color:var(--accent-color, #22d3ee)}.dtmf-range-indicator{flex:0 0 auto;display:flex;align-items:center;padding-top:20px}.range-dots{display:flex;gap:2px}.range-dots .dot{font-size:10px}.range-dots .dot.required{color:var(--accent-color, #22d3ee)}.range-dots .dot.optional{color:var(--text-muted, #64748b)}.more-dots{font-size:8px;color:var(--text-muted, #64748b)}.key-selector{display:flex;gap:4px}.key-btn{flex:1;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);color:var(--text-primary, #e2e8f0);padding:6px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.key-btn:hover{border-color:var(--accent-color, #22d3ee)}.key-btn.active{background:var(--accent-color, #22d3ee);border-color:var(--accent-color, #22d3ee);color:var(--bg-primary, #0f172a)}.timeout-input{display:flex;align-items:center;gap:8px}.timeout-input input[type=range]{flex:1;height:4px;border-radius:2px;background:var(--border-color, #334155);cursor:pointer;-webkit-appearance:none}.timeout-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color, #22d3ee);cursor:pointer}.timeout-value{font-size:.75rem;color:var(--accent-color, #22d3ee);font-weight:600;min-width:30px;text-align:right}.toggle-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.75rem;color:var(--text-primary, #e2e8f0)}.toggle-row input[type=checkbox]{display:none}.toggle-row .toggle-switch{width:32px;height:18px;background:var(--border-color, #334155);border-radius:9px;position:relative;transition:background .2s}.toggle-row .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-secondary, #94a3b8);border-radius:50%;transition:transform .2s,background .2s}.toggle-row input:checked+.toggle-switch{background:var(--accent-color, #22d3ee)}.toggle-row input:checked+.toggle-switch:after{transform:translate(14px);background:var(--bg-primary, #0f172a)}.toggle-label{flex:1}.dtmf-preview{background:var(--bg-primary, #0f172a);border-radius:6px;padding:8px;display:flex;align-items:center;gap:8px}.preview-label{font-size:.65rem;color:var(--text-muted, #64748b)}.input-preview{display:flex;align-items:center;gap:3px}.digit-box{width:16px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:3px;font-size:.75rem;color:var(--text-muted, #64748b)}.digit-box.required{border-color:var(--accent-color, #22d3ee);color:var(--accent-color, #22d3ee)}.more{font-size:.6rem;color:var(--text-muted, #64748b);margin-left:2px}.terminator{font-size:.85rem;font-weight:600;color:#a855f7;margin-left:4px}.api-config-editor{display:flex;flex-direction:column;gap:10px}.api-url-row{display:flex;gap:6px}.method-select{flex:0 0 80px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;padding:6px 8px;font-size:.75rem;font-weight:600;cursor:pointer;color:var(--text-primary, #e2e8f0)}.method-select.get{color:#22c55e}.method-select.post{color:#3b82f6}.method-select.put{color:#f59e0b}.method-select.delete{color:#ef4444}.method-select.patch{color:#a855f7}.url-input{flex:1;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;padding:6px 10px;font-size:.8rem;color:var(--text-primary, #e2e8f0);font-family:monospace}.url-input:focus{outline:none;border-color:var(--accent-color, #22d3ee)}.variable-hint{background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.2);border-radius:4px;padding:4px 8px;font-size:.65rem;color:var(--accent-color, #22d3ee)}.variable-hint code{background:rgba(0,0,0,.2);padding:1px 4px;border-radius:2px}.api-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-color, #334155);padding-bottom:1px}.api-tabs button{flex:1;background:transparent;border:none;color:var(--text-secondary, #94a3b8);padding:6px 8px;font-size:.7rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:4px}.api-tabs button:hover{color:var(--text-primary, #e2e8f0)}.api-tabs button.active{color:var(--accent-color, #22d3ee);border-bottom-color:var(--accent-color, #22d3ee)}.api-tabs .badge{background:var(--accent-color, #22d3ee);color:var(--bg-primary, #0f172a);font-size:.6rem;padding:1px 5px;border-radius:8px;font-weight:600}.tab-content{display:flex;flex-direction:column;gap:10px;padding-top:8px}.body-type-selector{display:flex;align-items:center;gap:8px}.body-type-selector label{font-size:.7rem;color:var(--text-secondary, #94a3b8)}.type-buttons{display:flex;gap:4px}.type-buttons button{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);color:var(--text-secondary, #94a3b8);padding:3px 8px;border-radius:4px;font-size:.65rem;cursor:pointer;transition:all .15s}.type-buttons button.active{background:var(--accent-color, #22d3ee);border-color:var(--accent-color, #22d3ee);color:var(--bg-primary, #0f172a)}.body-editor{display:flex;flex-direction:column;gap:4px}.body-editor label{font-size:.7rem;color:var(--text-secondary, #94a3b8)}.body-editor textarea{background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;padding:8px;font-size:.75rem;font-family:Fira Code,Monaco,monospace;color:var(--text-primary, #e2e8f0);resize:vertical}.body-editor textarea:focus{outline:none;border-color:var(--accent-color, #22d3ee)}.no-body-message{background:var(--bg-primary, #0f172a);border-radius:6px;padding:12px;text-align:center}.no-body-message span{font-size:.75rem;color:var(--text-secondary, #94a3b8)}.no-body-message p{font-size:.65rem;color:var(--text-muted, #64748b);margin-top:4px}.no-body-message code{background:rgba(0,0,0,.2);padding:1px 4px;border-radius:2px}.request-options{display:flex;gap:12px}.option-field{flex:1;display:flex;flex-direction:column;gap:4px}.option-field label{font-size:.7rem;color:var(--text-secondary, #94a3b8)}.timeout-row{display:flex;align-items:center;gap:8px}.timeout-row input[type=range]{flex:1;height:4px;border-radius:2px;background:var(--border-color, #334155);cursor:pointer;-webkit-appearance:none}.timeout-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-color, #22d3ee);cursor:pointer}.timeout-row span{font-size:.7rem;color:var(--accent-color, #22d3ee);font-weight:600;min-width:30px}.option-field input[type=number]{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;padding:6px;font-size:.8rem;color:var(--text-primary, #e2e8f0);width:100%;text-align:center}.headers-list{display:flex;flex-direction:column;gap:4px}.header-row{display:flex;align-items:center;gap:8px;background:var(--bg-secondary, #1e293b);border-radius:4px;padding:4px 8px}.header-key{font-size:.7rem;font-weight:600;color:#a855f7;flex:0 0 100px}.header-value{font-size:.7rem;color:var(--text-primary, #e2e8f0);flex:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-row .remove-btn{background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:2px 6px;font-size:14px;border-radius:4px}.header-row .remove-btn:hover{color:#f87171;background:rgba(248,113,113,.1)}.add-header-row{display:flex;gap:6px}.header-key-input,.header-value-input{flex:1;background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:4px;padding:6px 8px;font-size:.75rem;color:var(--text-primary, #e2e8f0)}.header-key-input:focus,.header-value-input:focus{outline:none;border-color:var(--accent-color, #22d3ee)}.add-header-btn{background:var(--accent-color, #22d3ee);border:none;color:var(--bg-primary, #0f172a);padding:6px 12px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.add-header-btn:disabled{opacity:.5;cursor:not-allowed}.common-headers{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.common-headers label{font-size:.65rem;color:var(--text-muted, #64748b)}.quick-buttons{display:flex;gap:4px;flex-wrap:wrap}.quick-buttons button{background:transparent;border:1px dashed var(--border-color, #334155);color:var(--text-secondary, #94a3b8);padding:2px 6px;border-radius:4px;font-size:.6rem;cursor:pointer;transition:all .15s}.quick-buttons button:hover:not(:disabled){border-color:var(--accent-color, #22d3ee);color:var(--accent-color, #22d3ee)}.quick-buttons button:disabled{opacity:.5;cursor:not-allowed}.response-field{display:flex;flex-direction:column;gap:6px}.response-field label{font-size:.7rem;color:var(--text-secondary, #94a3b8)}.variable-input{display:flex;align-items:center;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;overflow:hidden}.variable-input .prefix,.variable-input .suffix{padding:6px 4px;font-size:.75rem;color:var(--text-muted, #64748b);background:var(--bg-primary, #0f172a)}.variable-input input{flex:1;background:transparent;border:none;padding:6px 8px;font-size:.8rem;color:var(--accent-color, #22d3ee);font-family:monospace}.variable-input input:focus{outline:none}.field-hint{font-size:.65rem;color:var(--text-muted, #64748b)}.field-hint code{background:rgba(0,0,0,.2);padding:1px 4px;border-radius:2px;color:var(--accent-color, #22d3ee)}.response-info{background:var(--bg-primary, #0f172a);border-radius:6px;padding:8px}.response-info h5{font-size:.7rem;color:var(--text-secondary, #94a3b8);margin:0 0 6px;font-weight:500}.response-preview{font-size:.7rem;font-family:Fira Code,Monaco,monospace;color:var(--text-muted, #64748b);margin:0;overflow-x:auto}.form-fields-editor{display:flex;flex-direction:column;gap:10px}.fields-header{display:flex;justify-content:space-between;align-items:center}.fields-count{font-size:.7rem;color:var(--text-secondary, #94a3b8)}.add-field-btn{background:var(--accent-color, #22d3ee);border:none;color:var(--bg-primary, #0f172a);padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:opacity .15s}.add-field-btn:hover{opacity:.9}.fields-list{display:flex;flex-direction:column;gap:6px}.field-item{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:8px;overflow:hidden;transition:all .15s}.field-item:hover{border-color:var(--border-hover, #475569)}.field-item.expanded{border-color:var(--accent-color, #22d3ee)}.field-summary{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer}.field-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #0f172a);border-radius:4px;font-size:.75rem}.field-label{flex:1;font-size:.8rem;color:var(--text-primary, #e2e8f0);font-weight:500}.field-variable{font-size:.7rem}.field-variable code{color:var(--accent-color, #22d3ee);background:rgba(34,211,238,.1);padding:2px 6px;border-radius:4px}.required-badge{color:#f87171;font-weight:700;font-size:.9rem}.field-actions{display:flex;gap:2px}.field-actions .move-btn,.field-actions .remove-btn{background:none;border:none;color:var(--text-muted, #64748b);padding:4px 6px;font-size:.8rem;cursor:pointer;border-radius:4px;transition:all .15s}.field-actions .move-btn:hover:not(:disabled){background:var(--bg-primary, #0f172a);color:var(--text-primary, #e2e8f0)}.field-actions .move-btn:disabled{opacity:.3;cursor:not-allowed}.field-actions .remove-btn:hover{color:#f87171;background:rgba(248,113,113,.1)}.field-details{padding:10px;border-top:1px solid var(--border-color, #334155);background:var(--bg-primary, #0f172a);display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;gap:10px}.detail-field{flex:1;display:flex;flex-direction:column;gap:4px}.detail-field.full{flex:1 1 100%}.detail-field label{font-size:.65rem;color:var(--text-secondary, #94a3b8);font-weight:500}.detail-field input,.detail-field select{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:4px;padding:6px 8px;font-size:.75rem;color:var(--text-primary, #e2e8f0)}.detail-field input:focus,.detail-field select:focus{outline:none;border-color:var(--accent-color, #22d3ee)}.toggle-inline{display:flex;align-items:center;cursor:pointer;height:28px}.toggle-inline input{display:none}.toggle-switch-mini{width:32px;height:18px;background:var(--border-color, #334155);border-radius:9px;position:relative;transition:background .2s}.toggle-switch-mini:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-secondary, #94a3b8);border-radius:50%;transition:transform .2s,background .2s}.toggle-inline input:checked+.toggle-switch-mini{background:var(--accent-color, #22d3ee)}.toggle-inline input:checked+.toggle-switch-mini:after{transform:translate(14px);background:var(--bg-primary, #0f172a)}.variable-input-inline{display:flex;align-items:center;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:4px;overflow:hidden}.variable-input-inline .var-prefix,.variable-input-inline .var-suffix{padding:6px 4px;font-size:.7rem;color:var(--text-muted, #64748b);background:var(--bg-primary, #0f172a)}.variable-input-inline input{flex:1;background:transparent;border:none;padding:6px 8px;font-size:.75rem;color:var(--accent-color, #22d3ee);font-family:monospace}.variable-input-inline input:focus{outline:none}.field-hint{font-size:.6rem;color:var(--text-muted, #64748b);margin:2px 0 0}.empty-state{text-align:center;padding:20px;color:var(--text-muted, #64748b)}.empty-state p{font-size:.75rem;margin:0 0 10px}.add-first-btn{background:transparent;border:1px dashed var(--border-color, #334155);color:var(--text-secondary, #94a3b8);padding:8px 16px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .15s}.add-first-btn:hover{border-color:var(--accent-color, #22d3ee);color:var(--accent-color, #22d3ee)}.form-preview{background:var(--bg-primary, #0f172a);border-radius:4px;padding:6px 8px;font-size:.7rem;display:flex;align-items:center;gap:6px}.preview-label{color:var(--text-muted, #64748b)}.preview-vars{color:var(--accent-color, #22d3ee);font-family:monospace}.node-properties-panel,.node-properties-panel *,.node-properties-panel *:before,.node-properties-panel *:after{box-sizing:border-box}.node-properties-panel{display:flex;flex-direction:column;height:100%;background:var(--surface-secondary, #12121f);overflow:hidden;position:relative;min-width:250px;max-width:500px;border-left:1px solid var(--border-color, #1e1e3a)}.node-properties-panel .panel-resize-handle{position:absolute;top:0;bottom:0;width:8px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;z-index:10;background:transparent;transition:background .15s ease}.node-properties-panel .panel-resize-handle.left{left:-4px}.node-properties-panel .panel-resize-handle:hover{background:rgba(99,102,241,.15)}.node-properties-panel .panel-resize-grip{width:3px;height:40px;border-radius:2px;background:var(--text-tertiary, #666680);opacity:0;transition:opacity .15s ease}.node-properties-panel .panel-resize-handle:hover .panel-resize-grip{opacity:.6}.node-properties-panel.resizing{-webkit-user-select:none;user-select:none}.node-properties-panel.resizing .panel-content{pointer-events:none}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border-color, #1e1e3a);background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 100%);min-height:52px}.panel-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.panel-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.title-text{min-width:0}.title-text h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary, #fff);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.panel-header .header-actions{display:flex;align-items:center;gap:6px}.test-node-btn{padding:4px 10px;font-size:.7rem;font-weight:500;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.test-node-btn:hover{background:var(--accent-hover, #5558e3);transform:scale(1.02)}.node-type{font-size:.65rem;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.close-btn{background:transparent;border:none;color:var(--text-tertiary, #666680);font-size:1.25rem;cursor:pointer;padding:4px;line-height:1;transition:color .15s;border-radius:4px;margin-left:8px}.close-btn:hover{color:var(--text-primary, #fff);background:rgba(255,255,255,.05)}.category-badge{display:inline-flex;align-items:center;gap:5px;margin:12px 16px 0;padding:4px 10px;background:color-mix(in srgb,var(--cat-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--cat-color) 25%,transparent);border-radius:4px;font-size:.7rem;color:var(--cat-color);width:fit-content}.node-description{margin:10px 16px 12px;padding:10px 12px;background:var(--surface-tertiary, #0a0a14);border-radius:6px;font-size:.8rem;color:var(--text-secondary, #a0a0a0);line-height:1.5;border-left:3px solid rgba(99,102,241,.4)}.panel-tabs{display:flex;gap:0;padding:0 12px;border-bottom:1px solid var(--border-color, #1e1e3a);background:rgba(0,0,0,.08)}.panel-tabs button{flex:1;padding:8px 6px;background:transparent;border:none;color:var(--text-tertiary, #666680);font-size:.72rem;font-weight:500;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;margin-bottom:-1px}.panel-tabs button:hover{color:var(--text-primary, #fff);background:rgba(255,255,255,.03)}.panel-tabs button.active{color:var(--accent-color, #6366f1);border-bottom-color:var(--accent-color, #6366f1);background:rgba(99,102,241,.05)}.node-properties-panel .panel-content{flex:1;overflow-y:auto;padding:20px!important;box-sizing:border-box}.property-group{margin-bottom:18px}.property-group.readonly{opacity:.6}.property-group.advanced{padding-left:10px;border-left:2px solid rgba(99,102,241,.4);margin-left:2px}.property-group label{display:block;font-size:.72rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.property-group label .required{color:#f43f5e;margin-left:2px}.property-group code{display:block;padding:10px 12px;background:var(--surface-tertiary, #0a0a14);border-radius:6px;font-size:.8rem;color:#a5b4fc;font-family:Fira Code,Cascadia Code,Consolas,monospace;border:1px solid rgba(165,180,252,.15)}.property-group input[type=text],.property-group input[type=number],.property-group textarea,.property-group select{width:100%;padding:10px 12px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:6px;color:var(--text-primary, #fff);font-size:.85rem;transition:all .15s;box-sizing:border-box}.property-group input:focus,.property-group textarea:focus,.property-group select:focus{outline:none;border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 2px #6366f126}.property-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.property-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666680' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.property-hint{margin:6px 0 0;font-size:.72rem;color:var(--text-tertiary, #666680);line-height:1.4}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-label input[type=checkbox]{display:none}.toggle-switch{width:36px;height:20px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:10px;position:relative;transition:all .2s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-tertiary, #666680);border-radius:50%;transition:all .2s}.toggle-label input:checked+.toggle-switch{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.toggle-label input:checked+.toggle-switch:after{left:18px;background:white}.toggle-text{font-size:.8rem;color:var(--text-primary, #fff)}.multiselect{display:flex;flex-direction:column;gap:8px}.multiselect-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:var(--text-primary, #fff)}.multiselect-option input{width:16px;height:16px}.channel-badges{display:flex;flex-wrap:wrap;gap:6px}.channel-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:14px;color:var(--text-tertiary, #666680);font-size:.7rem;cursor:pointer;transition:all .15s}.channel-badge:hover:not(.disabled){border-color:var(--badge-color);color:var(--badge-color);background:color-mix(in srgb,var(--badge-color) 8%,transparent)}.channel-badge.active{background:color-mix(in srgb,var(--badge-color) 12%,transparent);border-color:var(--badge-color);color:var(--badge-color)}.channel-badge.disabled{opacity:.35;cursor:not-allowed}.badge-icon{font-size:.85rem}.variable-input{display:flex;align-items:center;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:6px;padding:0 4px}.variable-input input{flex:1;border:none!important;background:transparent!important;padding:8px 4px!important}.variable-prefix,.variable-suffix{color:#f59e0b;font-family:monospace;font-size:.9rem}.code-editor{font-family:Fira Code,Consolas,Monaco,monospace!important;font-size:.8rem!important;line-height:1.5!important;background:#0a0a14!important}.expression-editor,.json-editor{border:1px solid var(--border-color, #1e1e3a);border-radius:6px;overflow:hidden}.json-header{padding:6px 10px;background:rgba(0,0,0,.2);border-bottom:1px solid var(--border-color, #1e1e3a)}.expand-btn{background:transparent;border:none;color:var(--text-secondary, #a0a0a0);font-size:.8rem;cursor:pointer}.json-preview{display:block;padding:10px;font-size:.75rem;color:var(--text-tertiary, #666680);font-family:monospace;word-break:break-all}.asr-config,.tts-config,.channels-config{display:flex;flex-direction:column;gap:12px}.config-field{display:flex;flex-direction:column;gap:4px}.config-field label{font-size:.68rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.4px}.config-row{display:flex;gap:10px}.config-field.half{flex:1;min-width:0}.field-description{font-size:.65rem;color:var(--text-tertiary, #666680);margin:2px 0 0;line-height:1.3}.field-example{font-size:.65rem;color:#22c55e;font-style:italic;margin:2px 0 0}input[type=range]{width:100%;height:4px;background:var(--surface-tertiary, #0a0a14);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-color, #6366f1);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0000004d}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent-color, #6366f1);border-radius:50%;cursor:pointer;border:none}.range-value{font-size:.75rem;color:var(--accent-color, #6366f1);font-weight:600;margin-left:6px;font-family:Fira Code,monospace}.section-description{font-size:.75rem;color:var(--text-secondary, #a0a0a0);margin:0 0 10px;line-height:1.4}.channel-behaviors{margin-top:16px}.channel-behaviors label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.behavior-item{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-color, #1e1e3a)}.behavior-item:last-child{border-bottom:none}.behavior-channel{font-size:.8rem;color:var(--text-primary, #fff);min-width:80px}.behavior-text{font-size:.75rem;color:var(--text-tertiary, #666680);flex:1}.advanced-toggle{width:100%;padding:8px 10px;background:transparent;border:1px dashed var(--border-color, #1e1e3a);border-radius:4px;color:var(--text-tertiary, #666680);font-size:.72rem;cursor:pointer;text-align:center;margin-bottom:12px;transition:all .15s}.advanced-toggle:hover{background:rgba(99,102,241,.08);border-color:#6366f166;border-style:solid;color:var(--accent-color, #6366f1)}.examples-section{padding:14px 16px;border-top:1px solid var(--border-color, #1e1e3a);background:rgba(0,0,0,.08);margin-top:auto}.examples-section h4{margin:0 0 10px;font-size:.72rem;font-weight:600;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.5px}.example-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--surface-tertiary, #0a0a14);border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .15s;border:1px solid transparent}.example-item:hover{border-color:#6366f166;background:rgba(99,102,241,.08);transform:translate(2px)}.example-item:last-child{margin-bottom:0}.example-name{font-size:.8rem;font-weight:500;color:var(--text-primary, #fff)}.example-desc{font-size:.72rem;color:var(--text-tertiary, #666680)}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--border-color, #1e1e3a);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #666680)}:root[data-theme=light] .node-properties-panel{background:#ffffff;border-left:1px solid rgba(15,23,42,.12)}:root[data-theme=light] .panel-header{background:#f8fafc;border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .title-text h3{color:var(--text-primary, #0f172a)}:root[data-theme=light] .node-type{color:var(--text-tertiary, #64748b)}:root[data-theme=light] .close-btn{color:var(--text-secondary, #64748b)}:root[data-theme=light] .close-btn:hover{color:var(--text-primary, #0f172a)}:root[data-theme=light] .node-description{background:var(--surface-tertiary, #f1f5f9);color:var(--text-secondary, #64748b)}:root[data-theme=light] .panel-tabs{background:rgba(0,0,0,.02);border-bottom-color:var(--border-color, rgba(15, 23, 42, .1))}:root[data-theme=light] .panel-tabs button{color:var(--text-secondary, #64748b)}:root[data-theme=light] .panel-tabs button:hover{color:var(--text-primary, #0f172a);background:rgba(0,0,0,.02)}:root[data-theme=light] .panel-tabs button.active{color:var(--accent-color, #6366f1)}:root[data-theme=light] .property-group label{color:var(--text-secondary, #64748b)}:root[data-theme=light] .property-group input[type=text],:root[data-theme=light] .property-group input[type=number],:root[data-theme=light] .property-group textarea,:root[data-theme=light] .property-group select{background:var(--surface-primary, #ffffff);border-color:var(--border-color, rgba(15, 23, 42, .15));color:var(--text-primary, #0f172a)}:root[data-theme=light] .property-hint{color:var(--text-tertiary, #64748b)}:root[data-theme=light] .toggle-switch{background:var(--surface-tertiary, #e2e8f0)}:root[data-theme=light] .toggle-switch:after{background:var(--text-secondary, #94a3b8)}:root[data-theme=light] .toggle-text{color:var(--text-primary, #0f172a)}:root[data-theme=light] .multiselect-option{color:var(--text-primary, #0f172a)}:root[data-theme=light] .channel-badge{border-color:var(--border-color, rgba(15, 23, 42, .15));color:var(--text-secondary, #64748b)}:root[data-theme=light] .variable-input{background:var(--surface-tertiary, #f1f5f9);border-color:var(--border-color, rgba(15, 23, 42, .15))}:root[data-theme=light] .variable-prefix,:root[data-theme=light] .variable-suffix{color:#d97706}:root[data-theme=light] .json-header{background:rgba(0,0,0,.02);border-bottom-color:var(--border-color, rgba(15, 23, 42, .1))}:root[data-theme=light] .expand-btn{color:var(--text-secondary, #64748b)}:root[data-theme=light] .json-preview{color:var(--text-tertiary, #64748b)}:root[data-theme=light] .config-field label{color:var(--text-secondary, #64748b)}:root[data-theme=light] .field-description{color:var(--text-tertiary, #64748b)}:root[data-theme=light] .section-description{color:var(--text-secondary, #64748b)}:root[data-theme=light] .channel-behaviors label{color:var(--text-secondary, #64748b)}:root[data-theme=light] .behavior-item{border-bottom-color:var(--border-color, rgba(15, 23, 42, .1))}:root[data-theme=light] .behavior-channel{color:var(--text-primary, #0f172a)}:root[data-theme=light] .behavior-text{color:var(--text-tertiary, #64748b)}:root[data-theme=light] .advanced-toggle{background:var(--surface-tertiary, #f1f5f9);border-color:var(--border-color, rgba(15, 23, 42, .15));color:var(--text-secondary, #64748b)}:root[data-theme=light] .advanced-toggle:hover{background:rgba(99,102,241,.08);color:var(--text-primary, #0f172a)}:root[data-theme=light] .examples-section{background:rgba(0,0,0,.02);border-top-color:var(--border-color, rgba(15, 23, 42, .1))}:root[data-theme=light] .examples-section h4{color:var(--text-secondary, #64748b)}:root[data-theme=light] .example-item{background:var(--surface-tertiary, #f1f5f9)}:root[data-theme=light] .example-name{color:var(--text-primary, #0f172a)}:root[data-theme=light] .example-desc{color:var(--text-tertiary, #64748b)}:root[data-theme=light] .panel-content::-webkit-scrollbar-thumb{background:var(--border-color, rgba(15, 23, 42, .2))}:root[data-theme=light] .panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #94a3b8)}.property-group+.property-group{padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.panel-content .property-group:first-child{padding-top:0;border-top:none}.property-group.readonly{opacity:1;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(99,102,241,.12)}.property-group.readonly label{color:var(--text-tertiary, #666680)}.panel-footer{padding:8px 12px;border-top:1px solid var(--border-color, #1e1e3a);background:rgba(0,0,0,.1);text-align:right}.panel-footer a{font-size:.72rem;color:var(--accent-color, #6366f1);text-decoration:none;transition:color .15s}.panel-footer a:hover{color:#818cf8}.property-group input::placeholder,.property-group textarea::placeholder{color:var(--text-tertiary, #666680);font-style:italic;opacity:.7}.property-group input:focus,.property-group textarea:focus,.property-group select:focus{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 1px #6366f133}.property-group code,.variable-input input{font-size:.78rem}.section-header{font-size:.7rem;font-weight:600;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.section-header:first-child{margin-top:0}:root[data-theme=light] .property-group+.property-group{border-top-color:#0000000d}:root[data-theme=light] .panel-footer{background:rgba(0,0,0,.02);border-top-color:#00000014}:root[data-theme=light] .panel-footer a{color:var(--accent-color, #6366f1)}:root[data-theme=light] .section-header{border-bottom-color:#00000014}.ask-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:4px;background:transparent;border:1px solid var(--border-color, #334155);border-radius:50%;cursor:pointer;transition:all .15s ease;vertical-align:middle}.ask-button:hover:not(.disabled){background:var(--accent-color, #22d3ee);border-color:var(--accent-color, #22d3ee)}.ask-button:hover:not(.disabled) .ask-icon{color:var(--bg-primary, #0f172a)}.ask-button.disabled{opacity:.4;cursor:not-allowed}.ask-icon{font-size:11px;font-weight:600;color:var(--text-secondary, #94a3b8);line-height:1}.ask-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;padding:4px 8px;background:var(--bg-secondary, #1e293b);border:1px solid var(--accent-color, #22d3ee);border-radius:4px;font-size:.65rem;color:var(--text-primary, #e2e8f0);white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 2px 8px #0000004d;animation:tooltip-fade-in .15s ease}.ask-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--accent-color, #22d3ee)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}:root[data-theme=light] .ask-button{border-color:#cbd5e1}:root[data-theme=light] .ask-button:hover:not(.disabled){background:#0891b2;border-color:#0891b2}:root[data-theme=light] .ask-icon{color:#64748b}:root[data-theme=light] .ask-button:hover:not(.disabled) .ask-icon{color:#fff}:root[data-theme=light] .ask-tooltip{background:white;border-color:#0891b2;color:#0f172a;box-shadow:0 2px 8px #0000001a}:root[data-theme=light] .ask-tooltip:after{border-top-color:#0891b2}.ai-suggestions-panel{width:100%;height:100%;background:var(--bg-primary, #0f172a);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.ai-suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color, rgba(148, 163, 184, .25));background:var(--bg-secondary, rgba(15, 23, 42, .78));flex-shrink:0}.ai-suggestions-title{display:flex;align-items:center;gap:8px}.ai-icon{font-size:20px}.ai-suggestions-title h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #e2e8f0)}.ai-suggestions-actions{display:flex;gap:8px}.refresh-btn,.close-btn{background:transparent;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;color:var(--text-secondary, #94a3b8);transition:all .2s}.refresh-btn:hover,.close-btn:hover{background:rgba(30,41,59,.9);color:var(--text-primary, #e2e8f0)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ai-suggestions-content{flex:1;overflow-y:auto;padding:10px;background:var(--bg-primary, #0f172a);min-height:0}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border-color, rgba(148, 163, 184, .25));border-top-color:var(--primary-color, #38bdf8);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--text-secondary, #94a3b8);font-size:14px}.error-message{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.error-icon{font-size:32px}.error-message p{color:#ef4444;margin:0}.error-message button{padding:8px 16px;background:var(--primary-color, #38bdf8);color:#fff;border:none;border-radius:6px;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;gap:8px}.empty-icon{font-size:48px}.empty-state p{margin:0;color:var(--text-primary, #e2e8f0);font-weight:500}.empty-state p:last-child{color:var(--text-secondary, #94a3b8);font-size:13px;font-weight:400}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-item{background:var(--bg-secondary, rgba(15, 23, 42, .78));border-radius:6px;padding:10px;border-left:3px solid var(--border-color, rgba(148, 163, 184, .25));transition:all .2s}.suggestion-item.warning{border-left-color:#f59e0b;background:rgba(241,196,15,.1)}.suggestion-item.optimization{border-left-color:#3b82f6;background:rgba(52,152,219,.1)}.suggestion-item.feature{border-left-color:#22c55e;background:rgba(46,204,113,.1)}.suggestion-item.improvement{border-left-color:var(--primary-color, #38bdf8);background:rgba(56,189,248,.1)}.suggestion-item.applied{opacity:.7;border-left-color:#22c55e}.suggestion-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.suggestion-icon{font-size:14px}.suggestion-category{font-size:11px;font-weight:600;text-transform:capitalize;color:var(--text-secondary, #94a3b8)}.suggestion-text{margin:0 0 8px;font-size:12px;line-height:1.4;color:var(--text-primary, #e2e8f0)}.suggestion-actions{display:flex;justify-content:flex-start}.apply-btn,.suggestion-action-btn{padding:5px 12px;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s;width:auto}.apply-btn:hover,.suggestion-action-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.apply-btn:disabled,.suggestion-action-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.applied-badge{font-size:11px;color:#22c55e;font-weight:500}.ai-suggestions-footer{padding:8px 12px;border-top:1px solid var(--border-color, rgba(148, 163, 184, .25));background:var(--bg-secondary, rgba(15, 23, 42, .78));flex-shrink:0}.ai-suggestions-footer p{margin:0;font-size:10px;color:var(--text-secondary, #94a3b8);text-align:center}:root[data-theme=light] .ai-suggestions-panel{background:#f8fafc}:root[data-theme=light] .ai-suggestions-header{background:#e2e8f0}:root[data-theme=light] .ai-suggestions-content{background:#f8fafc}:root[data-theme=light] .suggestion-item{background:#e2e8f0}:root[data-theme=light] .ai-suggestions-footer{background:#e2e8f0}.ai-tabs{display:flex;border-bottom:1px solid var(--border-color, rgba(148, 163, 184, .25));background:var(--bg-secondary, rgba(15, 23, 42, .78));flex-shrink:0}.ai-tab{flex:1;padding:8px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #94a3b8);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s}.ai-tab:hover{color:var(--text-primary, #e2e8f0);background:rgba(56,189,248,.1)}.ai-tab.active{color:var(--primary-color, #38bdf8);border-bottom-color:var(--primary-color, #38bdf8)}.tab-badge{background:var(--primary-color, #38bdf8);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.patterns-tab{display:flex;flex-direction:column;gap:20px}.pattern-section{display:flex;flex-direction:column;gap:12px}.pattern-section-title{margin:0;font-size:13px;font-weight:600;color:var(--text-primary, #e2e8f0);display:flex;align-items:center;gap:6px}.pattern-search{width:100%;padding:8px 12px;background:var(--bg-secondary, rgba(15, 23, 42, .78));border:1px solid var(--border-color, rgba(148, 163, 184, .25));border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:13px}.pattern-search:focus{outline:none;border-color:var(--primary-color, #38bdf8)}.pattern-search::placeholder{color:var(--text-secondary, #94a3b8)}.pattern-suggestions-list{display:flex;flex-direction:column;gap:10px}.pattern-suggestion-card{background:var(--bg-secondary, rgba(15, 23, 42, .78));border-radius:8px;padding:12px;border-left:3px solid var(--primary-color, #38bdf8)}.pattern-suggestion-card.priority-high{border-left-color:#ef4444;background:rgba(239,68,68,.1)}.pattern-suggestion-card.priority-medium{border-left-color:#f59e0b;background:rgba(245,158,11,.1)}.pattern-suggestion-card.priority-low{border-left-color:#22c55e;background:rgba(34,197,94,.1)}.pattern-suggestion-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pattern-icon{font-size:18px}.pattern-info{display:flex;align-items:center;gap:8px;flex:1}.pattern-name{font-size:13px;font-weight:600;color:var(--text-primary, #e2e8f0)}.priority-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.priority-badge.high{background:rgba(239,68,68,.2);color:#ef4444}.priority-badge.medium{background:rgba(245,158,11,.2);color:#f59e0b}.priority-badge.low{background:rgba(34,197,94,.2);color:#22c55e}.pattern-reason{margin:0 0 10px;font-size:12px;color:var(--text-secondary, #94a3b8);line-height:1.4}.pattern-actions{display:flex;gap:8px}.pattern-preview-btn,.pattern-apply-btn{padding:6px 12px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.pattern-preview-btn{background:transparent;border:1px solid var(--border-color, rgba(148, 163, 184, .25));color:var(--text-primary, #e2e8f0)}.pattern-preview-btn:hover{background:var(--bg-secondary, rgba(15, 23, 42, .78));border-color:var(--primary-color, #38bdf8)}.pattern-apply-btn{background:var(--primary-color, #38bdf8);border:none;color:#fff}.pattern-apply-btn:hover{filter:brightness(1.1)}.pattern-apply-btn:disabled{opacity:.7;cursor:not-allowed}.pattern-categories{display:flex;flex-direction:column;gap:16px}.pattern-category{display:flex;flex-direction:column;gap:8px}.category-header{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid var(--border-color, rgba(148, 163, 184, .15))}.category-icon{font-size:14px}.category-name{font-size:12px;font-weight:600;color:var(--text-primary, #e2e8f0);flex:1}.category-count{font-size:10px;color:var(--text-secondary, #94a3b8);background:var(--bg-secondary, rgba(15, 23, 42, .78));padding:2px 6px;border-radius:10px}.category-patterns{display:flex;flex-direction:column;gap:8px}.pattern-card{background:var(--bg-secondary, rgba(15, 23, 42, .78));border-radius:6px;padding:10px;cursor:pointer;transition:all .2s;border:1px solid transparent}.pattern-card:hover{background:rgba(56,189,248,.1);border-color:var(--primary-color, #38bdf8)}.pattern-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pattern-card .pattern-icon{font-size:16px}.pattern-card .pattern-name{font-size:12px}.pattern-description{margin:0;font-size:11px;color:var(--text-secondary, #94a3b8);line-height:1.3}.pattern-meta{display:flex;align-items:center;gap:8px;margin-top:8px}.complexity-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.complexity-badge.simple{background:rgba(34,197,94,.2);color:#22c55e}.complexity-badge.moderate{background:rgba(245,158,11,.2);color:#f59e0b}.complexity-badge.complex{background:rgba(239,68,68,.2);color:#ef4444}.node-count{font-size:10px;color:var(--text-secondary, #94a3b8)}.pattern-detail{display:flex;flex-direction:column;gap:16px}.back-btn{background:transparent;border:none;color:var(--primary-color, #38bdf8);font-size:13px;cursor:pointer;padding:0;text-align:left}.back-btn:hover{text-decoration:underline}.pattern-detail-header{display:flex;align-items:center;gap:12px}.pattern-detail-icon{font-size:32px}.pattern-detail-name{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary, #e2e8f0)}.pattern-detail-description{margin:0;font-size:13px;color:var(--text-secondary, #94a3b8);line-height:1.5}.pattern-detail-section{display:flex;flex-direction:column;gap:8px}.pattern-detail-section h4{margin:0;font-size:12px;font-weight:600;color:var(--text-primary, #e2e8f0);text-transform:uppercase;letter-spacing:.5px}.use-cases-list,.best-practices-list{margin:0;padding-left:20px;font-size:12px;color:var(--text-secondary, #94a3b8);line-height:1.6}.use-cases-list li,.best-practices-list li{margin-bottom:4px}.pattern-options{display:flex;flex-direction:column;gap:8px}.pattern-option{background:var(--bg-secondary, rgba(15, 23, 42, .78));border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:4px}.pattern-option label{font-size:12px;font-weight:600;color:var(--text-primary, #e2e8f0)}.option-desc{font-size:11px;color:var(--text-secondary, #94a3b8)}.option-default{font-size:10px;color:var(--text-tertiary, #64748b);font-style:italic}.pattern-detail-actions{padding-top:8px;border-top:1px solid var(--border-color, rgba(148, 163, 184, .25))}.apply-pattern-btn{width:100%;padding:12px 16px;background:var(--primary-color, #38bdf8);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.apply-pattern-btn:hover{filter:brightness(1.1)}.apply-pattern-btn:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}:root[data-theme=light] .ai-tabs{background:#e2e8f0}:root[data-theme=light] .pattern-search{background:white;border-color:#cbd5e1;color:#1e293b}:root[data-theme=light] .pattern-suggestion-card{background:white}:root[data-theme=light] .pattern-card{background:white}:root[data-theme=light] .pattern-card:hover{background:rgba(56,189,248,.1)}:root[data-theme=light] .pattern-option{background:white}:root[data-theme=light] .category-count{background:#e2e8f0}.voice-design-avatar{display:flex;flex-direction:column;height:100%;background:var(--surface-primary);border-radius:12px;overflow:hidden}.vda-avatar-container{position:relative;width:100%;min-height:150px;background:linear-gradient(180deg,#0f0f1a 0%,#1a1a2e 100%);overflow:hidden;flex-shrink:0}.vda-resize-handle{width:100%;height:12px;display:flex;align-items:center;justify-content:center;background:var(--surface-tertiary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:ns-resize;flex-shrink:0;transition:background .15s ease}.vda-resize-handle:hover{background:var(--surface-secondary)}.vda-resize-grip{width:40px;height:4px;border-radius:2px;background:var(--text-tertiary);opacity:.5;transition:opacity .15s ease}.vda-resize-handle:hover .vda-resize-grip{opacity:.8}.voice-design-avatar.resizing{-webkit-user-select:none;user-select:none}.voice-design-avatar.resizing .vda-avatar-iframe{pointer-events:none}.vda-avatar-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent}.vda-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.7);color:var(--text-secondary);font-size:14px}.vda-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.vda-status{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px}.vda-status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vda-status-badge.listening{background:rgba(59,130,246,.8);color:#fff}.vda-status-badge.listening .pulse{width:8px;height:8px;background:white;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.vda-status-badge.speaking{background:rgba(34,197,94,.8);color:#fff}.vda-status-badge.confirming{background:rgba(251,191,36,.8);color:#1a1a1a}.vda-status-badge.processing{background:rgba(168,85,247,.8);color:#fff;animation:pulse-subtle 1.5s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.vda-context{position:absolute;top:50px;left:12px;right:12px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(0,0,0,.7);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.vda-context-label{color:var(--text-tertiary)}.vda-context-node{color:var(--accent-color);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vda-controls-minimal{display:flex;justify-content:flex-end;padding:6px 10px;background:var(--surface-tertiary);border-top:1px solid var(--border-color);flex-shrink:0}.vda-history-btn,.vda-help-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.vda-history-btn:hover,.vda-help-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.vda-transcript{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--surface-secondary);flex:1;min-height:0;overflow-y:auto}.vda-transcript-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;font-size:13px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vda-transcript-item.user{background:rgba(99,102,241,.12);border-left:3px solid rgba(99,102,241,.6);margin-left:8px}.vda-transcript-item.assistant{background:rgba(34,197,94,.08);border-left:3px solid rgba(34,197,94,.5);margin-right:8px}.vda-transcript-item.partial{background:rgba(251,191,36,.1);border-left:3px solid rgba(251,191,36,.5);margin-left:8px}.vda-transcript-item.partial .vda-transcript-text{font-style:italic;color:var(--text-secondary)}.vda-transcript-role{font-size:9px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.vda-transcript-text{color:var(--text-primary);line-height:1.4;font-size:13px;word-wrap:break-word;overflow-wrap:break-word}.vda-history-panel{display:flex;flex-direction:column;background:var(--surface-tertiary);border-top:1px solid var(--border-color);max-height:200px}.vda-history-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-secondary);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:500;color:var(--text-secondary)}.vda-history-header button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer}.vda-history-header button:hover{color:var(--text-primary)}.vda-history-list{flex:1;overflow-y:auto;padding:8px}.vda-history-empty{text-align:center;padding:20px;color:var(--text-tertiary);font-size:13px}.vda-history-item{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:6px;margin-bottom:8px;border-left:3px solid}.vda-history-item.success{background:rgba(34,197,94,.1);border-left-color:#22c55e}.vda-history-item.error{background:rgba(239,68,68,.1);border-left-color:#ef4444}.vda-history-command{font-size:13px;font-style:italic;color:var(--text-primary)}.vda-history-result{font-size:12px;color:var(--text-secondary)}.vda-history-time{font-size:10px;color:var(--text-tertiary)}.vda-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:12px 16px;text-align:center;color:var(--text-secondary);flex-shrink:0}.vda-empty-icon{font-size:24px;opacity:.6}.vda-empty-text{font-size:13px;max-width:260px;line-height:1.4}.vda-empty-examples{font-size:11px;color:var(--text-tertiary);text-align:left;margin-top:4px}.vda-empty-examples ul{margin:2px 0 0;padding-left:16px}.vda-empty-examples li{margin:2px 0;font-style:italic}.vda-flow-updated{display:block;margin-top:6px;padding:4px 8px;background:rgba(34,197,94,.15);color:#22c55e;border-radius:6px;font-size:11px;font-weight:600;text-align:center}.vda-transcript-item.processing{background:linear-gradient(135deg,rgba(168,85,247,.1) 0%,rgba(168,85,247,.05) 100%);border:1px solid rgba(168,85,247,.2)}.vda-thinking-dots{display:inline-block;margin-right:6px}.vda-thinking-dots span{animation:blink 1.4s infinite both}.vda-thinking-dots span:nth-child(2){animation-delay:.2s}.vda-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.vda-transcript-item.error{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(239,68,68,.05) 100%);border:1px solid rgba(239,68,68,.2)}.vda-ai-toggle{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.vda-ai-toggle.active{background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(139,92,246,.2) 100%);border-color:#6366f166;color:var(--accent-color)}.vda-ai-toggle:hover{border-color:var(--accent-color)}.vda-clear-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.vda-clear-btn:hover:not(:disabled){background:rgba(239,68,68,.1);border-color:#ef444466;color:#ef4444}.vda-clear-btn:disabled{opacity:.4;cursor:not-allowed}:root[data-theme=light] .vda-avatar-container{background:linear-gradient(180deg,#e0e7ff 0%,#c7d2fe 100%)}:root[data-theme=light] .vda-loading{background:rgba(255,255,255,.9);color:var(--text-secondary)}:root[data-theme=light] .vda-context{background:rgba(255,255,255,.9)}:root[data-theme=light] .vda-status-badge.listening{background:rgba(59,130,246,.9)}:root[data-theme=light] .vda-status-badge.speaking{background:rgba(34,197,94,.9)}.mode-intro-backdrop{position:fixed;top:0;left:0;right:0;bottom: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:10000;animation:fadeIn .2s ease-out}.mode-intro-modal{background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border-color, #383850);border-radius:16px;width:480px;max-width:90vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-intro-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--border-color, #383850);background:linear-gradient(135deg,color-mix(in srgb,var(--mode-color, #6366f1) 15%,transparent) 0%,transparent 100%)}.mode-intro-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mode-intro-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #fff);letter-spacing:-.02em}.mode-intro-content{padding:20px 24px;overflow-y:auto;flex:1}.mode-intro-description{margin:0 0 20px;font-size:.95rem;line-height:1.6;color:var(--text-secondary, #a0a0a0)}.mode-intro-features{margin-bottom:16px}.mode-intro-features h3,.mode-intro-tips h3{margin:0 0 12px;font-size:.85rem;font-weight:600;color:var(--mode-color, #6366f1);text-transform:uppercase;letter-spacing:.05em}.mode-intro-features ul{margin:0;padding:0;list-style:none}.mode-intro-features li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:.9rem;color:var(--text-primary, #fff);line-height:1.4}.feature-bullet{flex-shrink:0;color:var(--mode-color, #6366f1);font-weight:600}.mode-intro-tips{margin-top:16px;padding:14px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.05)}.mode-intro-tips h3{color:#f59e0b;font-size:.8rem}.mode-intro-tips ul{margin:0;padding:0 0 0 20px;list-style-type:disc}.mode-intro-tips li{padding:4px 0;font-size:.85rem;color:var(--text-secondary, #a0a0a0);line-height:1.4}.mode-intro-tips li::marker{color:#f59e0b}.mode-intro-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 20px;border-top:1px solid var(--border-color, #383850);background:rgba(0,0,0,.1)}.dont-show-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:var(--text-secondary, #a0a0a0);-webkit-user-select:none;user-select:none}.dont-show-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--mode-color, #6366f1);cursor:pointer}.dont-show-checkbox:hover{color:var(--text-primary, #fff)}.mode-intro-button{padding:10px 24px;background:var(--mode-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0003}.mode-intro-button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.mode-intro-button:active{transform:translateY(0)}@media (max-width: 520px){.mode-intro-modal{width:100%;max-width:100%;max-height:100%;border-radius:0}.mode-intro-header{padding:20px}.mode-intro-content{padding:16px 20px}.mode-intro-footer{flex-direction:column;padding:16px 20px}.mode-intro-button{width:100%}}.dual-avatar-test{display:flex;flex-direction:column;height:100%;background:var(--surface-secondary, #12121f);overflow:hidden;position:relative}.dual-avatar-test.empty{justify-content:center;align-items:center}.empty-state{text-align:center;padding:32px}.empty-state .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;color:var(--text-primary, #fff);font-size:1.1rem}.empty-state p{margin:0;color:var(--text-tertiary, #666680);font-size:.85rem}.test-header{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;background:var(--surface-tertiary, #0a0a14);border-bottom:1px solid var(--border-color, #1e1e3a);flex-shrink:0;gap:4px;min-height:28px}.test-progress{font-size:.65rem;color:var(--text-tertiary, #666680);background:rgba(99,102,241,.1);padding:1px 6px;border-radius:8px}.test-error-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.1) 100%);border-bottom:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.85rem}.test-error-banner button{background:transparent;border:none;color:#fca5a5;font-size:1.2rem;cursor:pointer;padding:0 4px}.test-error-banner button:hover{color:#fff}.test-controls{display:flex;gap:4px}.test-btn{padding:4px 10px;border:none;border-radius:5px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s}.test-btn.primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;box-shadow:0 3px 10px #6366f159}.test-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);transform:translateY(-1px)}.test-btn.secondary{background:rgba(255,255,255,.08);color:var(--text-primary, #fff);border:1px solid var(--border-color, #1e1e3a)}.test-btn.secondary:hover:not(:disabled){background:rgba(255,255,255,.12)}.test-btn.ghost{background:transparent;color:var(--text-secondary, #8b8ba3)}.test-btn.ghost:hover:not(:disabled){color:var(--text-primary, #fff);background:rgba(255,255,255,.05)}.test-btn:disabled{opacity:.5;cursor:not-allowed}.avatars-container{display:flex;align-items:stretch;gap:0;padding:0;flex-shrink:0;height:180px;background:linear-gradient(180deg,#0a0a14 0%,#12121f 100%)}.avatar-panel{flex:1;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.avatar-panel.tester{border-right:1px solid var(--border-color, #1e1e3a)}.avatar-panel.speaking{box-shadow:inset 0 0 30px #6366f133}.avatar-panel.speaking.tester{box-shadow:inset 0 0 30px #22d3ee33}.avatar-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(0,0,0,.3);border-bottom:1px solid var(--border-color, #1e1e3a)}.avatar-header .avatar-emoji{font-size:1rem}.avatar-header .avatar-name{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #8b8ba3)}.speaking-badge{margin-left:auto;padding:2px 8px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:10px;font-size:.65rem;color:#fff;animation:pulse-speaking 1.5s infinite}.avatar-panel.tester .speaking-badge{background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%)}@keyframes pulse-speaking{0%,to{opacity:1}50%{opacity:.6}}.avatar-frame{flex:1;position:relative;overflow:hidden}.avatar-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent}.avatar-placeholder-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-tertiary, #666680)}.avatar-placeholder-inner span{font-size:2rem;opacity:.5}.avatar-placeholder-inner p{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.avatar-divider{display:flex;align-items:center;justify-content:center;width:32px;background:var(--surface-tertiary, #0a0a14);flex-shrink:0}.divider-arrow{color:var(--text-tertiary, #666680);font-size:1.2rem;animation:arrow-pulse 2s infinite}@keyframes arrow-pulse{0%,to{opacity:.3}50%{opacity:1}}.conversation-panel{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--surface-secondary, #12121f)}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border-color, #1e1e3a);font-size:.7rem;color:var(--text-secondary, #8b8ba3)}.message-count{font-size:.65rem;color:var(--text-tertiary, #666680)}.conversation-messages{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.conversation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-tertiary, #666680);font-size:.85rem}.conversation-empty .hint{font-size:.75rem;margin-top:8px;opacity:.7}.dual-avatar-test .message-row{display:flex;width:100%;margin-bottom:4px;animation:message-slide-in .15s ease}.dual-avatar-test .message-row.tester{justify-content:flex-start}.dual-avatar-test .message-row.app{justify-content:flex-end}.dual-avatar-test .message-row.user{justify-content:flex-start}.dual-avatar-test .message-row.system{justify-content:center}@keyframes message-slide-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.dual-avatar-test .chat-bubble{max-width:80%;padding:6px 10px;line-height:1.4;word-wrap:break-word;font-size:.8rem;flex-shrink:0}.dual-avatar-test .chat-bubble.tester{background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.9) 100%);border:1px solid rgba(34,211,238,.3);border-radius:4px 12px 12px 4px;color:#e2e8f0;margin-right:auto}.dual-avatar-test .chat-bubble.app{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#c084fc 100%);color:#fff;border-radius:12px 4px 4px 12px;margin-left:auto}.dual-avatar-test .chat-bubble.user{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:4px 12px 12px 4px;color:#e2e8f0;margin-right:auto}.dual-avatar-test .chat-bubble.system{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:6px;padding:4px 10px;max-width:100%;font-size:.72rem;color:var(--text-secondary, #8b8ba3);text-align:center;margin:0 auto}.dual-avatar-test .chat-bubble .message-content{line-height:1.4}.intervention-area{padding:6px 10px;background:var(--surface-tertiary, #0a0a14);border-top:1px solid var(--border-color, #1e1e3a);flex-shrink:0}.intervention-btn{width:100%;padding:6px 12px;background:rgba(255,255,255,.05);border:1px solid var(--border-color, #1e1e3a);border-radius:6px;color:var(--text-primary, #fff);font-size:.75rem;cursor:pointer;transition:all .15s}.intervention-btn:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:var(--accent-color, #6366f1)}.intervention-btn:disabled{opacity:.5;cursor:not-allowed}.intervention-form{display:flex;gap:4px}.intervention-form input{flex:1;padding:6px 10px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:6px;color:var(--text-primary, #fff);font-size:.75rem}.intervention-form input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.intervention-submit{padding:6px 12px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s}.intervention-submit:hover{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%)}.intervention-cancel{padding:6px 10px;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:6px;color:var(--text-secondary, #8b8ba3);font-size:.75rem;cursor:pointer;transition:all .15s}.intervention-cancel:hover{background:rgba(255,255,255,.05);color:var(--text-primary, #fff)}.intervention-hint{margin:4px 0 0;font-size:.65rem;color:var(--text-tertiary, #666680);text-align:center}.conversation-messages::-webkit-scrollbar{width:6px}.conversation-messages::-webkit-scrollbar-track{background:transparent}.conversation-messages::-webkit-scrollbar-thumb{background:var(--border-color, #1e1e3a);border-radius:3px}:root[data-theme=light] .dual-avatar-test{background:#f8f9fa}:root[data-theme=light] .test-header{background:#f0f0f5;border-color:#e0e0e8}:root[data-theme=light] .avatars-container{background:linear-gradient(180deg,#e8e8f0 0%,#f0f0f5 100%)}:root[data-theme=light] .conversation-panel{background:#f8f9fa}:root[data-theme=light] .intervention-area{background:#f0f0f5}.test-settings-panel{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;background:rgba(10,10,20,.98);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:16px;z-index:100;animation:fadeIn .2s ease-out;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-toggles{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--surface-secondary, #12121f);border-radius:8px;border:1px solid var(--border-color, #1e1e3a)}.close-settings-btn{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s ease}.close-settings-btn:hover{background:rgba(239,68,68,.3)}.settings-section{flex:1;min-width:200px}.settings-section h4{margin:0 0 12px;font-size:.9rem;font-weight:600;color:var(--text-primary, #fff)}.profile-selector{display:flex;flex-direction:column;gap:8px}.profile-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:var(--surface-primary, #16162a);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.profile-btn:hover{background:var(--surface-secondary, #1c1c36);border-color:var(--accent-color, #6366f1)}.profile-btn.selected{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 2px #6366f133}.profile-name{font-size:.9rem;font-weight:600;color:var(--text-primary, #fff)}.profile-voice{font-size:.75rem;color:var(--accent-color, #6366f1)}.profile-style{font-size:.7rem;color:var(--text-tertiary, #666680);text-transform:capitalize}.settings-footer{flex-basis:100%;padding-top:8px;border-top:1px solid var(--border-color, #1e1e3a);margin-top:8px}.settings-hint{font-size:.75rem;color:var(--text-tertiary, #666680)}.generation-mode-selector{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0}.generation-mode-selector .mode-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color, #1e1e3a);background:var(--surface-secondary, #12121f);color:var(--text-secondary, #a0a0a0);cursor:pointer;font-size:.85rem;transition:all .2s ease}.generation-mode-selector .mode-btn:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.generation-mode-selector .mode-btn.active{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}.mode-description{font-size:.75rem;color:var(--text-tertiary, #888);text-align:center;margin:8px 0 0}:root[data-theme=light] .test-settings-panel{background:rgba(240,240,245,.98)}:root[data-theme=light] .settings-toggles{background:#fff;border-color:#e0e0e8}:root[data-theme=light] .generation-mode-selector .mode-btn{background:#fff;border-color:#e0e0e8}:root[data-theme=light] .generation-mode-selector .mode-btn:hover{background:#f8f8fc}:root[data-theme=light] .close-settings-btn{background:rgba(239,68,68,.1)}:root[data-theme=light] .profile-btn{background:#fff;border-color:#e0e0e8}:root[data-theme=light] .profile-btn:hover{background:#f8f8fc}:root[data-theme=light] .profile-btn.selected{background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(139,92,246,.05) 100%)}.audio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.audio-overlay-content{text-align:center;color:#fff;padding:32px;border-radius:16px;background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(139,92,246,.2) 100%);border:1px solid rgba(99,102,241,.3);animation:overlayPulse 2s ease-in-out infinite}@keyframes overlayPulse{0%,to{transform:scale(1);box-shadow:0 0 #6366f166}50%{transform:scale(1.02);box-shadow:0 0 30px 10px #6366f133}}.audio-overlay-content .audio-icon{font-size:4rem;display:block;margin-bottom:16px}.audio-overlay-content h3{margin:0 0 8px;font-size:1.5rem;font-weight:600}.audio-overlay-content p{margin:0;font-size:.9rem;opacity:.8}.intervention-buttons{display:flex;gap:8px;justify-content:center}.intervention-btn.voice-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.intervention-btn.voice-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.intervention-btn.voice-btn.listening{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:listeningPulse 1.5s ease-in-out infinite}@keyframes listeningPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.mode-selector{display:flex;gap:1px;padding:2px;background:var(--surface-primary, #16162a);border-radius:5px;border:1px solid var(--border-color, #1e1e3a)}.mode-selector .mode-tab{padding:5px 10px;height:26px;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary, #666680);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.mode-tab:hover:not(.disabled):not(.active){background:rgba(255,255,255,.05);color:var(--text-secondary, #8b8ba3)}.mode-tab.active{background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(139,92,246,.2) 100%);color:var(--accent-color, #6366f1);box-shadow:0 0 0 1px #6366f14d}.mode-tab.disabled{opacity:.4;cursor:not-allowed}.mode-tab.active[title*=Testing]{background:linear-gradient(135deg,rgba(34,211,238,.2) 0%,rgba(6,182,212,.2) 100%);color:#22d3ee;box-shadow:0 0 0 1px #22d3ee4d}.mode-tab.active[title*=Developer]{background:linear-gradient(135deg,rgba(168,85,247,.2) 0%,rgba(139,92,246,.2) 100%);color:#a855f7;box-shadow:0 0 0 1px #a855f74d}.mode-tab.active[title*=Design]{background:linear-gradient(135deg,rgba(245,158,11,.2) 0%,rgba(234,179,8,.2) 100%);color:#f59e0b;box-shadow:0 0 0 1px #f59e0b4d}.mode-tab.active[title*=Debug]{background:linear-gradient(135deg,rgba(239,68,68,.2) 0%,rgba(220,38,38,.2) 100%);color:#ef4444;box-shadow:0 0 0 1px #ef44444d}:root[data-theme=light] .mode-selector{background:#fff;border-color:#e0e0e8}:root[data-theme=light] .mode-tab{color:#666}:root[data-theme=light] .mode-tab:hover:not(.disabled):not(.active){background:rgba(0,0,0,.05);color:#333}.runtime-toggle{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #1e1e3a)}.toggle-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent-color, #6366f1)}.toggle-text{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;color:var(--text-primary, #fff)}.toggle-hint{font-size:.75rem;font-weight:400;color:var(--text-tertiary, #666680)}.suggestion-card{margin:6px 8px;padding:10px 12px;background:linear-gradient(135deg,rgba(168,85,247,.1) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(168,85,247,.3);border-radius:8px;animation:suggestionSlideIn .2s ease-out}@keyframes suggestionSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.suggestion-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.suggestion-priority{font-size:.6rem;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px}.suggestion-priority.high{background:rgba(239,68,68,.2);color:#ef4444}.suggestion-priority.medium{background:rgba(245,158,11,.2);color:#f59e0b}.suggestion-priority.low{background:rgba(34,197,94,.2);color:#22c55e}.suggestion-type{font-size:.75rem;font-weight:600;color:var(--text-primary, #fff)}.suggestion-body{margin-bottom:10px}.suggestion-body p{margin:0;font-size:.75rem;color:var(--text-secondary, #8b8ba3);line-height:1.4}.suggestion-actions{display:flex;gap:6px}.suggestion-btn{flex:1;padding:6px 12px;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.suggestion-btn.apply{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.suggestion-btn.apply:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.suggestion-btn.note{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.suggestion-btn.note:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px)}.suggestion-btn.skip{background:rgba(255,255,255,.08);color:var(--text-secondary, #8b8ba3);border:1px solid var(--border-color, #1e1e3a)}.suggestion-btn.skip:hover{background:rgba(255,255,255,.12);color:var(--text-primary, #fff)}:root[data-theme=light] .suggestion-card{background:linear-gradient(135deg,rgba(168,85,247,.05) 0%,rgba(139,92,246,.05) 100%);border-color:#a855f733}:root[data-theme=light] .suggestion-btn.skip{background:#fff;border-color:#e0e0e8;color:#666}.mode-switch-banner{display:flex;align-items:center;justify-content:space-between;margin:6px 8px;padding:8px 12px;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(99,102,241,.3);border-radius:8px;animation:suggestionSlideIn .2s ease-out}.mode-switch-banner span{font-size:.75rem;color:var(--text-primary, #fff)}.mode-switch-btn{padding:5px 12px;background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%);border:none;border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mode-switch-btn:hover{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);transform:translateY(-1px)}:root[data-theme=light] .mode-switch-banner{background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(139,92,246,.05) 100%)}.mode-switch-banner.developer-report{flex-wrap:wrap;gap:8px}.mode-switch-banner.developer-report .report-header{flex:1 1 100%;margin-bottom:4px}.mode-switch-banner.developer-report .report-stats{display:flex;gap:12px;flex:1}.mode-switch-banner.developer-report .stat{font-size:.7rem;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,.1)}.mode-switch-banner.developer-report .stat.applied{background:rgba(34,197,94,.2);color:#22c55e}.mode-switch-banner.developer-report .stat.skipped{background:rgba(249,115,22,.2);color:#f97316}:root[data-theme=light] .mode-switch-banner.developer-report .stat.applied{background:rgba(34,197,94,.1);color:#16a34a}:root[data-theme=light] .mode-switch-banner.developer-report .stat.skipped{background:rgba(249,115,22,.1);color:#ea580c}.scenarios-indicator{position:relative;margin:4px 8px;flex-shrink:0}.scenarios-summary{display:flex;align-items:center;gap:8px;padding:5px 10px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.2);border-radius:6px;cursor:pointer;font-size:.72rem;transition:all .15s ease}.scenarios-summary:hover{background:rgba(34,211,238,.15);border-color:#22d3ee66}.scenarios-badge{padding:2px 6px;background:rgba(34,211,238,.2);border-radius:10px;font-weight:700;color:#22d3ee;font-size:.65rem}.scenarios-current{flex:1;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-hint{font-size:.6rem;color:var(--text-tertiary, #666680);transition:transform .2s ease}.scenarios-indicator:hover .expand-hint{transform:rotate(180deg)}.scenarios-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;margin-bottom:4px;max-height:0;overflow:hidden;opacity:0;transition:all .2s ease;z-index:50;box-shadow:0 -4px 20px #0000004d}.scenarios-indicator:hover .scenarios-dropdown{max-height:200px;opacity:1;overflow-y:auto}} .scenarios-list{max-height:120px;overflow-y:auto}.scenario-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:.72rem;border-bottom:1px solid rgba(255,255,255,.05)}.scenario-item:last-child{border-bottom:none}.scenario-item.running,.scenario-item.active{background:rgba(34,211,238,.15);border-left:2px solid #22d3ee;padding-left:8px}.scenario-item.running .scenario-status{color:#22d3ee;animation:pulse 1s infinite}.scenario-item.passed{background:rgba(34,197,94,.08)}.scenario-item.passed .scenario-status{color:#22c55e}.scenario-item.failed{background:rgba(239,68,68,.08)}.scenario-item.failed .scenario-status{color:#ef4444}.scenario-item.pending .scenario-status{color:var(--text-tertiary, #666680)}.scenario-status{font-size:.75rem;font-weight:700;width:14px;text-align:center}.scenario-name{flex:1;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 6px;background:rgba(255,255,255,.05);border-radius:4px;color:var(--text-tertiary, #666680)}.test-report-panel{margin:12px;padding:16px;background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,rgba(16,185,129,.1) 100%);border:1px solid rgba(34,197,94,.3);border-radius:12px;animation:suggestionSlideIn .3s ease-out}.test-report-panel.has-failures{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.1) 100%);border-color:#ef44444d}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.report-status{font-size:.85rem;padding:4px 10px;border-radius:6px}.report-status.all-passed{background:rgba(34,197,94,.2);color:#22c55e}.report-status.has-failures{background:rgba(239,68,68,.2);color:#ef4444}.report-stats{display:flex;gap:16px;margin-bottom:16px}.report-stats .stat{flex:1;text-align:center;padding:12px;background:rgba(255,255,255,.05);border-radius:8px}.report-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff)}.report-stats .stat-label{font-size:.7rem;text-transform:uppercase;color:var(--text-tertiary, #666680)}.report-stats .stat.passed .stat-value{color:#22c55e}.report-stats .stat.failed .stat-value{color:#ef4444}.report-summary{margin:0;font-size:.85rem;color:var(--text-secondary, #8b8ba3);line-height:1.5}:root[data-theme=light] .scenarios-indicator .scenarios-summary{background:rgba(34,211,238,.05);border-color:#22d3ee26}:root[data-theme=light] .scenarios-dropdown{background:#fff;border-color:#e0e0e8}:root[data-theme=light] .test-report-panel{background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,rgba(16,185,129,.05) 100%)}.report-stats .stat.issues .stat-value{color:#f97316}.issues-toggle-btn{display:block;width:100%;padding:8px 12px;margin-top:12px;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);border-radius:6px;color:#f97316;font-size:.8rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease}.issues-toggle-btn:hover{background:rgba(249,115,22,.2);border-color:#f9731680}.issues-panel{margin-top:12px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.issue-item{padding:10px 12px;background:rgba(0,0,0,.2);border-radius:8px;border-left:3px solid transparent;cursor:pointer;transition:all .2s ease}.issue-item:hover{background:rgba(0,0,0,.3)}.issue-item.critical{border-color:#ef4444}.issue-item.high{border-color:#f97316}.issue-item.medium{border-color:#eab308}.issue-item.low{border-color:#22c55e}.issue-item.info{border-color:#3b82f6}.issue-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.issue-severity{font-size:.9rem}.issue-title{font-size:.85rem;font-weight:600;color:var(--text-primary, #fff)}.issue-description{margin:0;font-size:.75rem;color:var(--text-secondary, #8b8ba3);line-height:1.4}.fix-btn{margin-top:8px;padding:4px 10px;background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.4);border-radius:4px;color:#22c55e;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.fix-btn:hover{background:rgba(34,197,94,.3);border-color:#22c55e}.test-report-panel.has-issues{background:linear-gradient(135deg,rgba(249,115,22,.1) 0%,rgba(234,179,8,.1) 100%);border-color:#f973164d}:root[data-theme=light] .issues-toggle-btn{background:rgba(249,115,22,.05)}:root[data-theme=light] .issue-item{background:rgba(0,0,0,.05)}:root[data-theme=light] .issue-item:hover{background:rgba(0,0,0,.1)}.design-wizard-panel{padding:8px;background:linear-gradient(135deg,rgba(168,85,247,.1) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(168,85,247,.3);border-radius:8px;margin:8px;max-height:200px;overflow-y:auto}.wizard-progress{margin-bottom:8px}.wizard-steps{display:flex;gap:2px;overflow-x:auto;padding:2px 0}.wizard-step{display:flex;flex-direction:row;align-items:center;gap:3px;min-width:auto;padding:4px 6px;border-radius:4px;background:rgba(255,255,255,.05);transition:all .2s ease;white-space:nowrap}.wizard-step.complete{background:rgba(34,197,94,.2)}.wizard-step.current{background:rgba(168,85,247,.3);border:1px solid rgba(168,85,247,.5)}.step-indicator{font-size:.7rem}.wizard-step.complete .step-indicator{color:#22c55e}.wizard-step.current .step-indicator{color:#a855f7}.step-name{font-size:.6rem;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.3px}.wizard-step.current .step-name{color:#a855f7;font-weight:600}.template-selector{margin-top:8px}.template-hint{margin:0 0 6px;font-size:.75rem;color:var(--text-secondary, #8b8ba3)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.template-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center}.template-card:hover{background:rgba(168,85,247,.2);border-color:#a855f780;transform:translateY(-1px)}.template-icon{font-size:1.2rem}.template-name{font-size:.7rem;font-weight:600;color:var(--text-primary, #fff)}.template-desc{display:none}.design-complete-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,rgba(34,197,94,.2) 0%,rgba(16,185,129,.2) 100%);border:1px solid rgba(34,197,94,.4);border-radius:8px;margin-top:12px}.design-complete-banner span{font-size:.9rem;font-weight:600;color:#22c55e}.debug-controls-panel{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:linear-gradient(135deg,rgba(251,146,60,.15) 0%,rgba(239,68,68,.1) 100%);border:1px solid rgba(251,146,60,.3);border-radius:8px;margin:8px}.debug-header{display:flex;justify-content:space-between;align-items:baseline}.debug-title{font-size:.85rem;font-weight:600;color:#fb923c}.debug-subtitle{font-size:.7rem;color:var(--text-secondary, #9ca3af)}.debug-actions{display:flex;gap:6px;flex-wrap:wrap}.debug-btn{padding:6px 10px;border:none;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease}.debug-btn.step{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.debug-btn.trace{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff}.debug-btn.analyze{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.debug-btn.fix{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.debug-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.mode-switch-btn.small{padding:4px 10px;font-size:.65rem;align-self:flex-end}:root[data-theme=light] .debug-controls-panel{background:linear-gradient(135deg,rgba(251,146,60,.08) 0%,rgba(239,68,68,.05) 100%)}:root[data-theme=light] .debug-title{color:#ea580c}.debug-panel-enhanced{display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(251,146,60,.12) 0%,rgba(239,68,68,.08) 100%);border:1px solid rgba(251,146,60,.25);border-radius:8px;margin:8px;overflow:hidden}.debug-panel-enhanced .debug-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(251,146,60,.2)}.debug-panel-enhanced .debug-title{font-weight:600;font-size:.8rem;color:#fb923c}.debug-panel-enhanced .debug-status{font-size:.7rem;color:var(--text-tertiary, #888);padding:2px 6px;background:rgba(0,0,0,.3);border-radius:4px}.debug-main-layout{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:rgba(0,0,0,.3);max-height:180px}.trace-timeline{display:flex;flex-direction:column;background:var(--surface-secondary, #12121f)}.trace-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.7rem;font-weight:600;color:var(--text-secondary, #a0a0a0);background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.05)}.trace-count{font-weight:400;color:var(--text-tertiary, #666)}.trace-steps{flex:1;overflow-y:auto;padding:4px;max-height:140px}.trace-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #666);font-size:.7rem}.trace-step{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .15s ease;border-left:2px solid transparent}.trace-step:hover{background:rgba(255,255,255,.05)}.trace-step.current{background:rgba(251,146,60,.15);border-left-color:#fb923c}.trace-step.has-breakpoint{border-left-color:#ef4444}.step-indicator{display:flex;flex-direction:column;align-items:center;min-width:24px}.step-number{font-size:.6rem;color:var(--text-tertiary, #666);font-weight:600}.step-status-icon{font-size:.65rem}.step-status-icon.completed{color:#22c55e}.step-status-icon.running{color:#fb923c;animation:pulse 1s infinite}.step-status-icon.error{color:#ef4444}.step-status-icon.pending{color:var(--text-tertiary, #666)}.step-status-icon.breakpoint{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.step-content{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.step-node-type{font-size:.55rem;text-transform:uppercase;color:var(--text-tertiary, #666);letter-spacing:.5px}.step-node-title{font-size:.7rem;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-prompt{font-size:.6rem;color:var(--text-tertiary, #888);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-branch{font-size:.6rem;color:#6366f1}.step-error{font-size:.6rem;color:#ef4444}.breakpoint-toggle{width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--text-tertiary, #555);cursor:pointer;font-size:.6rem;border-radius:50%;transition:all .15s ease}.breakpoint-toggle:hover{color:#ef4444;transform:scale(1.2)}.breakpoint-toggle.active{color:#ef4444;text-shadow:0 0 6px rgba(239,68,68,.6)}.variables-panel{display:flex;flex-direction:column;background:var(--surface-secondary, #12121f)}.variables-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.7rem;font-weight:600;color:var(--text-secondary, #a0a0a0);background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.05)}.variables-count{font-weight:400;background:rgba(99,102,241,.2);color:#818cf8;padding:1px 6px;border-radius:8px;font-size:.6rem}.variables-list{flex:1;overflow-y:auto;padding:4px;max-height:140px}.variables-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #666);font-size:.7rem}.variable-item{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;border-radius:4px;font-size:.7rem}.variable-item:hover{background:rgba(255,255,255,.05)}.variable-name{color:#818cf8;font-family:Fira Code,Consolas,monospace;font-size:.65rem}.variable-value{color:#22c55e;font-family:Fira Code,Consolas,monospace;font-size:.65rem;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-panel-enhanced .debug-controls{display:flex;gap:4px;padding:8px 12px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.debug-panel-enhanced .debug-btn{padding:4px 8px;border:none;border-radius:4px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s ease;background:rgba(255,255,255,.1);color:var(--text-primary, #fff)}.debug-panel-enhanced .debug-btn:hover:not(:disabled){background:rgba(255,255,255,.2)}.debug-panel-enhanced .debug-btn:disabled{opacity:.4;cursor:not-allowed}.debug-panel-enhanced .debug-btn.reset{background:rgba(239,68,68,.2)}.debug-panel-enhanced .debug-btn.step{background:rgba(251,146,60,.25)}.debug-panel-enhanced .debug-btn.continue{background:rgba(34,197,94,.2)}.debug-panel-enhanced .debug-btn.trace{background:rgba(99,102,241,.2)}.debug-panel-enhanced .debug-btn.analyze{background:rgba(168,85,247,.2)}.debug-panel-enhanced .debug-btn.fix{background:rgba(14,165,233,.2)}.debug-panel-enhanced .debug-btn.reset:hover{background:rgba(239,68,68,.35)}.debug-panel-enhanced .debug-btn.step:hover{background:rgba(251,146,60,.4)}.debug-panel-enhanced .debug-btn.continue:hover{background:rgba(34,197,94,.35)}.debug-panel-enhanced .debug-btn.trace:hover{background:rgba(99,102,241,.35)}.debug-panel-enhanced .debug-btn.analyze:hover{background:rgba(168,85,247,.35)}.debug-panel-enhanced .debug-btn.fix:hover{background:rgba(14,165,233,.35)}:root[data-theme=light] .debug-panel-enhanced{background:linear-gradient(135deg,rgba(251,146,60,.08) 0%,rgba(239,68,68,.05) 100%)}:root[data-theme=light] .trace-timeline,:root[data-theme=light] .variables-panel{background:#fff}:root[data-theme=light] .trace-step:hover,:root[data-theme=light] .variable-item:hover{background:rgba(0,0,0,.03)}.progress-bar-container{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#a855f7 0%,#8b5cf6 100%);border-radius:3px;transition:width .3s ease}.progress-labels{display:flex;justify-content:space-between;align-items:center}.progress-step{font-size:.75rem;color:#a855f7;font-weight:500}.back-btn{padding:2px 8px;font-size:.7rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;color:var(--text-secondary, #8b8ba3);transition:all .2s ease}.back-btn:hover{background:rgba(168,85,247,.2);border-color:#a855f780;color:#a855f7}.interview-options{margin-top:8px}.option-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:4px}.option-button{display:flex;flex-direction:row;align-items:center;gap:6px;padding:6px 8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left}.option-button:hover{background:rgba(168,85,247,.2);border-color:#a855f780;transform:translateY(-1px)}.option-icon{font-size:1rem;flex-shrink:0}.option-text{display:flex;flex-direction:column;min-width:0}.option-label{font-size:.7rem;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-desc{font-size:.6rem;color:var(--text-tertiary, #666680);line-height:1.2;display:none}.interview-hint{margin:0;font-size:.65rem;color:var(--text-tertiary, #666680);text-align:center;opacity:.7}.plan-preview-panel{margin-top:6px;padding:8px 10px;background:rgba(255,255,255,.05);border-radius:6px;border:1px solid rgba(168,85,247,.3);cursor:pointer;transition:all .15s ease}.plan-preview-panel:hover{background:rgba(168,85,247,.1);border-color:#a855f780}.plan-preview-panel.expanded{cursor:default}.plan-title{margin:0 0 4px;font-size:.8rem;color:var(--text-primary, #fff);display:flex;align-items:center;justify-content:space-between}.plan-expand-hint{font-size:.6rem;color:var(--text-tertiary, #666);opacity:.7}.plan-description{margin:0 0 6px;font-size:.7rem;color:var(--text-secondary, #8b8ba3);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plan-preview-panel.expanded .plan-description{-webkit-line-clamp:unset;overflow:visible}.plan-stats{display:flex;gap:12px;margin-bottom:8px}.plan-stats .stat{font-size:.65rem;color:#a855f7;font-weight:500}.plan-actions{display:flex;gap:8px}.create-flow-btn{flex:1;padding:8px 12px;background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-flow-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a855f766}.modify-plan-btn{padding:8px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-secondary, #8b8ba3);font-size:.8rem;cursor:pointer;transition:all .2s ease}.modify-plan-btn:hover{background:rgba(255,255,255,.15);color:var(--text-primary, #fff)}.generating-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;color:#a855f7;font-size:.85rem;font-weight:500;background:linear-gradient(135deg,rgba(168,85,247,.1) 0%,rgba(139,92,246,.05) 100%);border-radius:8px;margin:8px 0}.generating-panel .sweep-progress{width:100%;max-width:280px}.generating-hint{color:#9ca3af;font-size:.8rem;font-weight:400;text-align:center}.generating-spinner{width:20px;height:20px;border:2px solid rgba(168,85,247,.3);border-top-color:#a855f7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root[data-theme=light] .design-wizard-panel{background:linear-gradient(135deg,rgba(168,85,247,.05) 0%,rgba(139,92,246,.05) 100%)}:root[data-theme=light] .wizard-step{background:rgba(0,0,0,.03)}:root[data-theme=light] .template-card{background:rgba(0,0,0,.03);border-color:#0000001a}:root[data-theme=light] .template-card:hover{background:rgba(168,85,247,.1)}:root[data-theme=light] .option-button{background:rgba(0,0,0,.03);border-color:#0000001a}:root[data-theme=light] .option-button:hover{background:rgba(168,85,247,.1)}:root[data-theme=light] .option-label{color:#1f2937}:root[data-theme=light] .option-desc{color:#6b7280}:root[data-theme=light] .interview-hint{color:#6b7280}:root[data-theme=light] .progress-bar-container{background:rgba(0,0,0,.1)}:root[data-theme=light] .progress-step{color:#374151}:root[data-theme=light] .plan-preview-panel{background:rgba(0,0,0,.03);border-color:#a855f733}:root[data-theme=light] .plan-title{color:#1f2937}:root[data-theme=light] .plan-description{color:#4b5563}:root[data-theme=light] .plan-stats .stat{color:#7c3aed}:root[data-theme=light] .design-complete-banner span{color:#16a34a}:root[data-theme=light] .back-btn{background:rgba(0,0,0,.05);border-color:#0000001a;color:#374151}.plan-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(168,85,247,.2)}.plan-section{margin-bottom:10px}.plan-section:last-of-type{margin-bottom:0}.section-title{margin:0 0 6px;font-size:.7rem;font-weight:600;color:var(--text-secondary, #8b8ba3);text-transform:uppercase;letter-spacing:.5px}.node-breakdown-grid{display:flex;flex-wrap:wrap;gap:6px}.node-breakdown-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(99,102,241,.1);border-radius:4px;font-size:.7rem}.node-breakdown-item .node-icon{font-size:.8rem}.node-breakdown-item .node-type{color:var(--text-primary, #fff);text-transform:capitalize}.node-breakdown-item .node-count{color:var(--accent-color, #6366f1);font-weight:600}.channels-list{display:flex;flex-wrap:wrap;gap:6px}.channel-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:4px;font-size:.65rem;color:#10b981}.features-list{display:flex;flex-wrap:wrap;gap:6px}.feature-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(245,158,11,.1);border-radius:4px;font-size:.65rem}.feature-item .feature-icon{font-size:.75rem}.feature-item .feature-name{color:var(--text-primary, #fff)}.sweeps-list{display:flex;flex-wrap:wrap;gap:4px}.sweep-badge{padding:3px 6px;background:rgba(139,92,246,.15);border-radius:3px;font-size:.6rem;color:#a78bfa;cursor:help}:root[data-theme=light] .section-title{color:#6b7280}:root[data-theme=light] .node-breakdown-item{background:rgba(99,102,241,.08)}:root[data-theme=light] .node-breakdown-item .node-type{color:#1f2937}:root[data-theme=light] .channel-badge{background:rgba(16,185,129,.08);color:#059669}:root[data-theme=light] .feature-item{background:rgba(245,158,11,.08)}:root[data-theme=light] .feature-item .feature-name{color:#1f2937}:root[data-theme=light] .sweep-badge{background:rgba(139,92,246,.1);color:#7c3aed}.interview-question{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:linear-gradient(135deg,rgba(17,24,39,.95) 0%,rgba(30,41,59,.9) 100%);border-radius:12px;border:1px solid rgba(99,102,241,.2)}.interview-progress{display:flex;flex-direction:column;gap:.5rem}.progress-bar{height:4px;background:rgba(100,116,139,.3);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.7rem;color:#94a3b8b3;text-transform:uppercase;letter-spacing:.05em}.question-header{display:flex;align-items:flex-start;gap:.75rem}.question-icon{font-size:1.5rem;flex-shrink:0}.question-text{margin:0;font-size:1.1rem;font-weight:500;color:#f1f5f9;line-height:1.4}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.options-grid.few-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.option-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:rgba(30,41,59,.6);border:1px solid rgba(100,116,139,.3);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.option-btn:hover{background:rgba(99,102,241,.15);border-color:#6366f166;transform:translateY(-2px)}.option-btn.selected{background:rgba(99,102,241,.2);border-color:#6366f1;box-shadow:0 0 12px #6366f14d}.option-icon{font-size:1.5rem}.option-label{font-size:.9rem;font-weight:500;color:#e2e8f0}.option-desc{font-size:.7rem;color:#94a3b8cc;line-height:1.3}.option-check{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#6366f1;border-radius:50%;font-size:.7rem;color:#fff}.free-text-input{display:flex;flex-direction:column;gap:.75rem}.free-text-input textarea{width:100%;padding:.75rem;background:rgba(15,23,42,.8);border:1px solid rgba(100,116,139,.4);border-radius:8px;color:#f1f5f9;font-size:.95rem;font-family:inherit;resize:vertical}.free-text-input textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.free-text-actions{display:flex;gap:.5rem;justify-content:space-between}.question-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;padding-top:.5rem;border-top:1px solid rgba(100,116,139,.2)}.btn-primary{padding:.6rem 1.2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.6rem 1.2rem;background:rgba(100,116,139,.2);border:1px solid rgba(100,116,139,.4);border-radius:8px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:rgba(100,116,139,.3);color:#e2e8f0}.btn-ghost{padding:.5rem .75rem;background:transparent;border:none;color:#94a3b8cc;font-size:.8rem;cursor:pointer;transition:color .2s ease}.btn-ghost:hover{color:#6366f1}.plan-preview{padding:1.5rem;background:linear-gradient(135deg,rgba(17,24,39,.95) 0%,rgba(30,41,59,.9) 100%);border-radius:12px;border:1px solid rgba(99,102,241,.2)}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(100,116,139,.2)}.plan-title{margin:0;font-size:1.2rem;font-weight:600;color:#f1f5f9}.plan-time{font-size:.75rem;color:#94a3b8b3;background:rgba(99,102,241,.1);padding:.25rem .75rem;border-radius:20px}.plan-description{color:#e2e8f0cc;font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.plan-section{margin-bottom:1.25rem}.plan-section:last-child{margin-bottom:0}.plan-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b899;margin-bottom:.5rem}.nodes-breakdown{display:flex;flex-wrap:wrap;gap:.5rem}.node-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:rgba(30,41,59,.8);border:1px solid rgba(100,116,139,.2);border-radius:6px;font-size:.8rem}.node-badge-icon{font-size:.9rem}.node-badge-count{color:#e2e8f0;font-weight:500}.node-badge-type{color:#94a3b8cc}.features-list{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:20px;font-size:.8rem;color:#a5b4fc}.channels-list{display:flex;gap:.75rem}.channel-item{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.2);border-radius:6px;font-size:.8rem;color:#67e8f9}.sweeps-checklist{display:flex;flex-wrap:wrap;gap:.5rem}.sweep-item{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;color:#94a3b8cc}.sweep-item.enabled{color:#22c55e}.sweep-check{width:14px;height:14px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:3px;font-size:.6rem}.sweep-item.enabled .sweep-check{background:rgba(34,197,94,.2)}.visual-preview{padding:1rem;background:rgba(15,23,42,.6);border-radius:8px;display:flex;flex-direction:column;gap:0}.preview-node{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;position:relative}.preview-node:not(:last-child):after{content:"";position:absolute;left:.75rem;top:calc(100% - .25rem);width:2px;height:.75rem;background:rgba(99,102,241,.3)}.preview-node-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.15);border-radius:6px;font-size:.9rem}.preview-node-title{font-size:.85rem;color:#e2e8f0}.plan-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(100,116,139,.2)}.plan-actions .btn-primary{flex:1}.creation-mode-choice{padding:1.5rem;background:linear-gradient(135deg,rgba(17,24,39,.95) 0%,rgba(30,41,59,.9) 100%);border-radius:12px;border:1px solid rgba(99,102,241,.25)}.choice-header{text-align:center;margin-bottom:1.25rem}.choice-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#f1f5f9}.choice-subtitle{font-size:.85rem;color:#94a3b8cc}.choice-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.choice-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:rgba(30,41,59,.5);border:2px solid rgba(100,116,139,.3);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.choice-option:hover{background:rgba(99,102,241,.1);border-color:#6366f166;transform:translateY(-2px)}.choice-option.recommended{border-color:#6366f180;position:relative}.choice-option.recommended:before{content:"Recommended";position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;padding:.2rem .6rem;border-radius:10px}.choice-icon{font-size:2.5rem}.choice-label{font-size:1rem;font-weight:500;color:#f1f5f9}.choice-desc{font-size:.75rem;color:#94a3b8b3;line-height:1.4}.quick-create-option{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(100,116,139,.2);text-align:center}.quick-create-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgba(100,116,139,.3);border-radius:6px;color:#94a3b8cc;font-size:.8rem;cursor:pointer;transition:all .2s ease}.quick-create-btn:hover{background:rgba(100,116,139,.1);color:#e2e8f0}@media (max-width: 500px){.options-grid{grid-template-columns:1fr 1fr}.choice-options{grid-template-columns:1fr}.question-actions{flex-direction:column}.btn-primary{width:100%}}.enhanced-chat-panel{display:flex;flex-direction:column;height:100%;background:var(--surface-secondary, #12121f);border-right:1px solid var(--border-color, #1e1e3a);position:relative;min-width:280px;max-width:1200px}.panel-resize-handle{position:absolute;right:-4px;top:0;bottom:0;width:8px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;z-index:100;background:transparent;transition:background .15s ease}.panel-resize-handle:hover{background:rgba(99,102,241,.3)}.panel-resize-handle:active{background:rgba(99,102,241,.5)}.panel-resize-grip{width:4px;height:50px;border-radius:2px;background:var(--text-tertiary);opacity:.3;transition:opacity .15s ease}.panel-resize-handle:hover .panel-resize-grip{opacity:.8;background:var(--accent-color, #6366f1)}.enhanced-chat-panel.resizing{-webkit-user-select:none;user-select:none}.enhanced-chat-panel.resizing iframe,.enhanced-chat-panel.resizing .voice-design-avatar{pointer-events:none}.chat-mode-tabs{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--surface-tertiary, #0a0a14);border-bottom:1px solid var(--border-color, #1e1e3a);flex-shrink:0}.chat-mode-tabs-inner{display:flex;align-items:center;gap:2px;padding:2px;background:rgba(255,255,255,.04);border-radius:5px;flex:1}.mode-tab{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 12px;height:26px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary, #8b8ba3);font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex:1;min-width:0}.mode-tab:hover:not(:disabled){color:var(--text-primary, #fff);background:rgba(255,255,255,.06)}.mode-tab.active{color:#fff;background:var(--accent-color, #6366f1);box-shadow:0 1px 3px #00000040}.mode-tab:disabled{opacity:.3;cursor:not-allowed}.chat-mode-tabs .close-btn{padding:3px 6px;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary, #666680);font-size:.85rem;line-height:1;cursor:pointer;transition:all .15s ease;flex-shrink:0}.mode-tab .mode-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.mode-tab .mode-icon svg{width:14px;height:14px;fill:currentColor}.chat-mode-tabs .close-btn:hover{color:var(--text-primary, #fff);background:rgba(255,255,255,.08)}.chat-mode-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-secondary, #12121f);border-bottom:1px solid var(--border-color, #1e1e3a)}.mode-description{font-size:.8rem;color:var(--text-tertiary, #666680)}.chat-mode-header .header-actions{display:flex;align-items:center;gap:8px}.ai-mode-toggle{display:flex;align-items:center;gap:2px;background:rgba(0,0,0,.2);border-radius:6px;padding:2px}.ai-mode-btn{padding:4px 8px;font-size:.7rem;font-weight:500;border:none;border-radius:4px;background:transparent;color:var(--text-secondary, #9999aa);cursor:pointer;transition:all .15s ease;white-space:nowrap}.ai-mode-btn:hover{color:var(--text-primary, #fff);background:rgba(255,255,255,.1)}.ai-mode-btn.active{background:var(--accent-color, #6366f1);color:#fff;box-shadow:0 1px 3px #0003}.header-separator{width:1px;height:16px;background:rgba(255,255,255,.15)}.chat-mode-header .clear-btn,.chat-mode-header .refresh-btn{background:transparent;border:none;cursor:pointer;font-size:.9rem;opacity:.6;transition:opacity .15s;padding:4px;border-radius:4px}.chat-mode-header .clear-btn:hover,.chat-mode-header .refresh-btn:hover{opacity:1;background:rgba(255,255,255,.1)}.chat-panel-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px;display:flex;flex-direction:column;gap:6px;justify-content:flex-end}.message-row{display:flex;flex-direction:column;width:100%;animation:messageSlideIn .35s cubic-bezier(.34,1.56,.64,1)}.message-row.user{align-items:flex-end}.message-row.assistant,.message-row.system{align-items:flex-start}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble{max-width:85%;padding:8px 12px;line-height:1.45;word-wrap:break-word;position:relative;transition:transform .2s ease,box-shadow .2s ease;font-size:.875rem}.chat-bubble:hover{transform:translateY(-1px)}.chat-bubble.user{background:linear-gradient(135deg,rgba(99,102,241,.85) 0%,rgba(129,140,248,.9) 100%);color:#fff;border-radius:14px 14px 4px;border:1px solid rgba(99,102,241,.3);box-shadow:0 2px 8px #6366f133,inset 0 1px #ffffff1a;font-weight:450}.chat-bubble.user:hover{box-shadow:0 3px 12px #6366f140,inset 0 1px #ffffff26}.chat-bubble.assistant{background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.9) 100%);border:1px solid rgba(34,211,238,.2);color:#e2e8f0;border-radius:14px 14px 14px 4px;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff08}.chat-bubble.assistant:hover{border-color:#22d3ee59;box-shadow:0 3px 12px #00000040,inset 0 1px #ffffff0d}.chat-bubble.system{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.2);color:#d97706;border-radius:10px;font-size:.8rem;padding:6px 10px;box-shadow:0 2px 12px #f59e0b26,inset 0 1px #ffffff0d}.chat-bubble.error{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.15) 100%);border-color:#ef444459;color:#fca5a5;box-shadow:0 2px 12px #ef444433,inset 0 1px #ffffff0d}.chat-bubble .message-content{font-size:.85rem;white-space:pre-wrap;line-height:1.5;background:transparent!important;border:none!important;padding:0!important;border-radius:0!important;max-width:100%!important}.chat-bubble.user .message-content{text-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff}.chat-bubble.assistant .message-content{color:#e2e8f0}.chat-bubble.assistant .message-content strong{color:#22d3ee;font-weight:600}.chat-bubble.assistant .message-content em{color:#a5b4fc;font-style:italic}.chat-bubble.assistant .message-content code{background:rgba(34,211,238,.1);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.85em;color:#67e8f9}.message-time{font-size:.6rem;margin-top:3px;padding:0 2px;display:flex;align-items:center;gap:3px}.message-row.user .message-time{color:#ffffff80;justify-content:flex-end}.message-row.assistant .message-time{color:#94a3b899;justify-content:flex-start}.message-time:before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.chat-bubble.typing{padding:14px 20px;background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.9) 100%);border:1px solid rgba(34,211,238,.25);border-radius:20px 20px 20px 6px;box-shadow:0 4px 20px #0000004d,0 0 15px #22d3ee1a}.typing-indicator{display:flex;align-items:center;gap:6px}.typing-indicator span{width:8px;height:8px;background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%);border-radius:50%;animation:typingWave 1.4s infinite ease-in-out;box-shadow:0 0 8px #22d3ee66}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingWave{0%,60%,to{transform:translateY(0) scale(.8);opacity:.4}30%{transform:translateY(-6px) scale(1);opacity:1;box-shadow:0 0 12px #22d3ee99}}.preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;color:var(--text-secondary, #a0a0a0)}.preview-empty .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.preview-empty p{margin:0 0 8px;font-size:1rem;color:var(--text-primary, #fff)}.preview-empty .hint{font-size:.85rem;color:var(--text-tertiary, #666680)}.start-preview-btn{margin-top:16px;padding:12px 24px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #6366f166}.start-preview-btn:hover{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.chat-input-area{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border-color, #1e1e3a);background:var(--surface-tertiary, #0a0a14);align-items:center}.chat-input-area textarea{flex:1;padding:10px 14px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:10px;color:var(--text-primary, #fff);font-size:.875rem;font-family:inherit;resize:none;min-height:38px;max-height:100px;line-height:1.4}.chat-input-area textarea:focus{outline:none;border-color:var(--accent-color, #6366f1)}.chat-input-area textarea::placeholder{color:var(--text-tertiary, #666680)}.input-actions{display:flex;flex-direction:row;gap:6px;flex-shrink:0;align-items:center}.voice-btn{width:38px;height:38px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:10px;color:var(--text-secondary, #a0a0a0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.voice-btn:hover:not(:disabled){border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.voice-btn.active{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;color:#fff;animation:pulse-voice 1.5s infinite}@keyframes pulse-voice{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 8px #ef444400}}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn svg{width:18px;height:18px}.chat-input-area .send-btn{width:38px;height:38px;flex-shrink:0;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 3px 10px #6366f159}.chat-input-area .send-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf673}.chat-input-area .send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-area .send-btn svg{width:16px;height:16px}.chat-input-area .send-btn svg:not(.spin){transform:rotate(-45deg)}.chat-input-area .send-btn svg.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color, #1e1e3a);border-radius:3px}:root[data-theme=light] .enhanced-chat-panel{background:#f8f9fa;border-color:#e0e0e0}:root[data-theme=light] .chat-mode-tabs{background:#f0f0f5;border-color:#e0e0e8}:root[data-theme=light] .chat-mode-tabs-inner{background:rgba(0,0,0,.04)}:root[data-theme=light] .mode-tab{color:#5a5a6e}:root[data-theme=light] .mode-tab:hover:not(:disabled){color:#1a1a2e;background:rgba(0,0,0,.05)}:root[data-theme=light] .mode-tab.active{color:#fff;background:var(--accent-color, #6366f1)}:root[data-theme=light] .chat-mode-header{background:#f8f9fa;border-color:#e0e0e0}:root[data-theme=light] .mode-description{color:#666}:root[data-theme=light] .chat-bubble.user{background:linear-gradient(135deg,rgba(99,102,241,.9) 0%,rgba(129,140,248,.95) 100%);box-shadow:0 2px 8px #6366f12e,inset 0 1px #fff3}:root[data-theme=light] .chat-bubble.assistant{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.95) 50%,rgba(241,245,249,.98) 100%);border:1px solid rgba(6,182,212,.25);color:#1e293b;box-shadow:0 4px 16px #00000014,0 0 0 1px #06b6d414,inset 0 1px #ffffffe6}:root[data-theme=light] .chat-bubble.assistant:hover{border-color:#06b6d466;box-shadow:0 6px 24px #0000001a,0 0 16px #06b6d41a,inset 0 1px #fff}:root[data-theme=light] .chat-bubble.assistant .message-content{color:#334155}:root[data-theme=light] .chat-bubble.assistant .message-content strong{color:#0891b2}:root[data-theme=light] .chat-bubble.assistant .message-content code{background:rgba(6,182,212,.1);color:#0e7490}:root[data-theme=light] .message-row.assistant .message-time{color:#47556999}:root[data-theme=light] .chat-bubble.typing{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.95) 100%);border:1px solid rgba(6,182,212,.2);box-shadow:0 4px 16px #0000000f,0 0 12px #06b6d414}:root[data-theme=light] .typing-indicator span{background:linear-gradient(135deg,#0891b2 0%,#06b6d4 100%);box-shadow:0 0 6px #06b6d44d}:root[data-theme=light] .chat-bubble.system{background:linear-gradient(135deg,rgba(245,158,11,.06) 0%,rgba(217,119,6,.1) 100%);border-color:#d9770633;color:#b45309}:root[data-theme=light] .chat-input-area{background:#f0f0f0;border-color:#e0e0e0}:root[data-theme=light] .chat-input-area textarea{background:#fff;border-color:#e0e0e0;color:#1a1a1a}:root[data-theme=light] .chat-input-area textarea::placeholder{color:#999}:root[data-theme=light] .preview-empty{color:#666}:root[data-theme=light] .preview-empty p{color:#1a1a1a}:root[data-theme=light] .preview-empty .hint{color:#888}.enhanced-chat-panel .voice-design-avatar{height:100%;flex:1;border-radius:0;display:flex;flex-direction:column}.enhanced-chat-panel .vda-avatar-container{flex:0 0 auto;min-height:200px;max-height:50%}.enhanced-chat-panel .vda-transcript{flex:1;min-height:100px}.mode-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px}.mode-tab .mode-icon{font-size:14px;line-height:1}.mode-tab .mode-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.context-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-tertiary, #0a0a14);border-bottom:1px solid var(--border-color, #1e1e3a)}.context-label{font-size:.7rem;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.context-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(139,92,246,.15) 100%);border:1px solid rgba(99,102,241,.3);border-radius:12px;font-size:.75rem;color:var(--text-primary, #fff);animation:chipSlideIn .2s ease-out}@keyframes chipSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.context-chip .chip-name{color:#a5b4fc;font-weight:500}.context-chip .chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:var(--text-secondary, #8b8ba3);font-size:10px;line-height:1;cursor:pointer;transition:all .15s ease}.context-chip .chip-remove:hover{background:rgba(239,68,68,.3);color:#fca5a5}.avatar-overlay-container{position:relative;height:200px;min-height:150px;background:linear-gradient(180deg,#0f0f1a 0%,#1a1a2e 100%);border-bottom:1px solid var(--border-color, #1e1e3a);flex-shrink:0}.avatar-overlay-container .voice-design-avatar{height:100%}.avatar-overlay-close{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary, #8b8ba3);font-size:14px;cursor:pointer;z-index:10;transition:all .15s ease}.avatar-overlay-close:hover{background:rgba(0,0,0,.8);color:var(--text-primary, #fff);border-color:#fff3}.ai-advisor-container{display:flex;flex-direction:column;max-height:300px;border-bottom:1px solid var(--border-color, #1e1e3a);background:var(--surface-tertiary, #0a0a14);flex-shrink:0}.ai-advisor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border-bottom:1px solid rgba(99,102,241,.2)}.ai-advisor-title{font-size:.75rem;font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em}.ai-advisor-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary, #666680);font-size:12px;cursor:pointer;transition:all .15s ease}.ai-advisor-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary, #fff)}.ai-advisor-container .ai-suggestions{overflow-y:auto;max-height:260px}.advisor-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s ease}.advisor-toggle-btn:hover{background:rgba(255,255,255,.05);border-color:#a855f780}.advisor-toggle-btn.active{background:linear-gradient(135deg,rgba(168,85,247,.2) 0%,rgba(139,92,246,.2) 100%);border-color:#a855f780;box-shadow:0 0 8px #a855f74d}.avatar-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s ease}.avatar-toggle-btn:hover{background:rgba(255,255,255,.05);border-color:var(--accent-color, #6366f1)}.avatar-toggle-btn.active{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:transparent;box-shadow:0 2px 8px #6366f166}.chat-bubble.flow-updated{border-color:#22c55e4d}.flow-updated-badge{display:inline-block;margin-top:8px;padding:3px 8px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:10px;font-size:.7rem;color:#4ade80;font-weight:500}.test-mode-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.test-mode-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.test-mode-header .test-icon{font-size:2.5rem}.test-mode-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #fff)}.test-description{font-size:.85rem;color:var(--text-secondary, #8b8ba3);margin:0 0 20px;max-width:280px}.test-preview{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:rgba(255,255,255,.02);border:1px dashed var(--border-color, #1e1e3a);border-radius:12px;margin-bottom:16px}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(99,102,241,.2);border-radius:12px}.avatar-placeholder.left{background:linear-gradient(135deg,rgba(34,211,238,.1) 0%,rgba(6,182,212,.1) 100%);border-color:#22d3ee33}.avatar-placeholder.right{background:linear-gradient(135deg,rgba(168,85,247,.1) 0%,rgba(139,92,246,.1) 100%);border-color:#a855f733}.avatar-placeholder .avatar-icon{font-size:2rem}.avatar-placeholder .avatar-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #8b8ba3)}.conversation-arrow{font-size:1.5rem;color:var(--text-tertiary, #666680);animation:arrowPulse 2s infinite ease-in-out}@keyframes arrowPulse{0%,to{opacity:.4}50%{opacity:1}}.test-hint{font-size:.8rem;color:var(--text-tertiary, #666680);margin:0 0 12px}.start-test-btn{padding:12px 28px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #6366f166}.start-test-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.start-test-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.test-features{margin-top:20px;padding:16px;background:rgba(255,255,255,.02);border-radius:8px;font-size:.8rem;color:var(--text-tertiary, #666680);text-align:left;line-height:1.6}.test-features strong{color:var(--text-secondary, #8b8ba3)}:root[data-theme=light] .context-chips{background:#f0f0f5;border-color:#e0e0e8}:root[data-theme=light] .context-chip{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border-color:#6366f140}:root[data-theme=light] .context-chip .chip-name{color:#6366f1}:root[data-theme=light] .avatar-overlay-container{background:linear-gradient(180deg,#e8e8f0 0%,#f0f0f5 100%)}:root[data-theme=light] .test-mode-placeholder{color:#333}:root[data-theme=light] .test-mode-header h3{color:#1a1a2e}:root[data-theme=light] .test-preview{background:rgba(0,0,0,.02);border-color:#d0d0d8}:root[data-theme=light] .test-features{background:rgba(0,0,0,.02)}.version-history{display:flex;flex-direction:column;height:100%;background:var(--color-surface);border-left:1px solid var(--color-border);font-family:var(--font-sans)}.vh-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-secondary) 100%)}.vh-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.vh-header h3:before{content:"🔀"}.vh-close-btn{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1;transition:color .2s}.vh-close-btn:hover{color:var(--color-text)}.vh-branch-selector{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border)}.vh-branch-selector label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.vh-branch-selector select{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer}.vh-env-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;color:#fff}.vh-actions{padding:12px 20px;border-bottom:1px solid var(--color-border)}.vh-publish-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark, #2563eb) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.vh-publish-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.vh-publish-btn:disabled{opacity:.6;cursor:not-allowed}.vh-error{padding:12px 20px;background:rgba(239,68,68,.1);color:#ef4444;font-size:13px;border-bottom:1px solid rgba(239,68,68,.2)}.vh-loading{padding:40px 20px;text-align:center;color:var(--color-text-secondary);font-size:14px}.vh-timeline{flex:1;overflow-y:auto;padding:16px 20px}.vh-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.vh-empty p{margin:0 0 8px}.vh-empty-hint{font-size:13px;opacity:.8}.vh-version-item{display:flex;gap:16px;margin-bottom:20px}.vh-version-marker{display:flex;flex-direction:column;align-items:center;width:20px}.vh-version-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);border:2px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-border)}.vh-latest .vh-version-dot{background:var(--color-success);box-shadow:0 0 0 2px var(--color-success)}.vh-version-line{flex:1;width:2px;background:var(--color-border);margin-top:4px;min-height:20px}.vh-version-content{flex:1;background:var(--color-surface-secondary);border-radius:8px;padding:12px 16px;border:1px solid var(--color-border);transition:border-color .2s}.vh-version-content:hover{border-color:var(--color-primary)}.vh-latest .vh-version-content{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-surface-secondary) 0%,rgba(34,197,94,.05) 100%)}.vh-version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vh-version-number{font-size:14px;font-weight:700;color:var(--color-text)}.vh-latest .vh-version-number{color:var(--color-success)}.vh-version-time{font-size:12px;color:var(--color-text-secondary)}.vh-version-message{font-size:13px;color:var(--color-text);margin-bottom:8px;line-height:1.4}.vh-version-stats{display:flex;gap:8px;font-size:12px;color:var(--color-text-secondary);margin-bottom:12px}.vh-version-actions{display:flex;gap:8px}.vh-restore-btn,.vh-diff-btn{padding:6px 12px;font-size:12px;border-radius:6px;cursor:pointer;transition:all .2s}.vh-restore-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.vh-restore-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.vh-diff-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.vh-diff-btn:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text)}.vh-restore-btn:disabled,.vh-diff-btn:disabled{opacity:.5;cursor:not-allowed}.vh-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.vh-modal{background:var(--color-surface);border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d}.vh-modal h4{margin:0 0 12px;font-size:18px;color:var(--color-text)}.vh-modal p{margin:0 0 20px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.vh-modal-field{margin-bottom:20px}.vh-modal-field label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:8px}.vh-modal-field input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-secondary);color:var(--color-text);font-size:14px}.vh-modal-field input:focus{outline:none;border-color:var(--color-primary)}.vh-modal-actions{display:flex;gap:12px;justify-content:flex-end}.vh-modal-cancel,.vh-modal-confirm{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.vh-modal-cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.vh-modal-cancel:hover{background:var(--color-surface-secondary)}.vh-modal-confirm{background:var(--color-primary);border:none;color:#fff}.vh-modal-confirm:hover:not(:disabled){background:var(--color-primary-dark, #2563eb)}.vh-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.diagram-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:280px;max-width:380px;background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border-color, #383850);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.diagram-dropdown-search{padding:8px;border-bottom:1px solid var(--border-color, #383850)}.diagram-dropdown-search input{width:100%;padding:8px 12px;font-size:.85rem;background:var(--bg-primary, #131320);border:1px solid var(--border-color, #383850);border-radius:6px;color:var(--text-primary, #fff);outline:none}.diagram-dropdown-search input:focus{border-color:var(--accent-color, #8b5cf6)}.diagram-dropdown-search input::placeholder{color:var(--text-muted, #888)}.diagram-dropdown-list{flex:1;overflow-y:auto;padding:4px}.diagram-dropdown-loading,.diagram-dropdown-empty{padding:16px;text-align:center;color:var(--text-muted, #888);font-size:.85rem}.diagram-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary, #fff);cursor:pointer;text-align:left;transition:background .1s}.diagram-dropdown-item:hover,.diagram-dropdown-item.highlighted{background:var(--bg-hover, rgba(139, 92, 246, .15))}.diagram-dropdown-item.current{opacity:.6}.diagram-dropdown-item.current:hover{background:transparent}.diagram-dropdown-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.diagram-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagram-meta{font-size:.75rem;color:var(--text-muted, #888)}.recent-badge{color:var(--accent-color, #f59e0b);margin-right:4px;font-size:.7rem}.current-badge{color:var(--success-color, #10b981);font-size:.9rem}.diagram-dropdown-list::-webkit-scrollbar{width:6px}.diagram-dropdown-list::-webkit-scrollbar-track{background:transparent}.diagram-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-color, #383850);border-radius:3px}.diagram-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #888)}.toolbar-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,filter .2s ease}.header-btn:hover .toolbar-icon{filter:drop-shadow(0 0 3px currentColor)}.icon-create .wand{transition:transform .2s ease;transform-origin:8px 16px}.icon-create .sparkle{transition:opacity .2s ease;opacity:.5}.icon-create .star{transition:transform .3s ease,opacity .3s ease}.header-btn:hover .icon-create .wand{transform:rotate(-5deg)}.header-btn:hover .icon-create .sparkle{opacity:1;animation:sparkleFlash .4s ease infinite}.header-btn:hover .icon-create .star{transform:scale(1.3);animation:starPulse .6s ease infinite}@keyframes sparkleFlash{0%,to{opacity:.5}50%{opacity:1}}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.icon-chat .bubble{transition:transform .2s ease}.icon-chat .dot{transition:opacity .2s ease,transform .2s ease}.header-btn:hover .icon-chat .bubble{transform:scale(1.02)}.header-btn:hover .icon-chat .dot-1{animation:chatPulse .6s ease infinite;animation-delay:0s}.header-btn:hover .icon-chat .dot-2{animation:chatPulse .6s ease infinite;animation-delay:.15s}.header-btn:hover .icon-chat .dot-3{animation:chatPulse .6s ease infinite;animation-delay:.3s}@keyframes chatPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.icon-nodes .cell{transition:fill .1s ease,fill-opacity .1s ease}.icon-nodes .cell.active{transition:fill-opacity .2s ease}.header-btn:hover .icon-nodes .cell{fill:currentColor;fill-opacity:.1}.header-btn:hover .icon-nodes .cell.active{fill-opacity:.5}.icon-debug .play{transition:fill-opacity .2s ease}.icon-debug .breakpoint{transition:transform .2s ease}.icon-debug .step{stroke-dashoffset:0;transition:stroke-dashoffset .3s ease}.header-btn:hover .icon-debug .play{fill-opacity:.3}.header-btn:hover .icon-debug .breakpoint{animation:breakpointPulse .5s ease infinite}@keyframes breakpointPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.icon-avatar .head{transition:transform .3s ease;transform-origin:center 7px}.icon-avatar .eye{transition:transform .2s ease}.icon-avatar .smile{transition:stroke-dasharray .3s ease;stroke-dasharray:4;stroke-dashoffset:0}.icon-avatar .shoulders{transition:transform .3s ease}.header-btn:hover .icon-avatar .head{transform:scale(1.05)}.header-btn:hover .icon-avatar .eye{animation:eyeBlink 1.5s ease infinite}.header-btn:hover .icon-avatar .smile{stroke-dasharray:6}@keyframes eyeBlink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.icon-history .hands{transition:transform .3s ease;transform-origin:12px 12px}.icon-history .rewind{stroke-dashoffset:14;transition:stroke-dashoffset .4s ease}.header-btn:hover .icon-history .hands{transform:rotate(-20deg)}.header-btn:hover .icon-history .rewind{stroke-dashoffset:0}.icon-save .disk{transition:transform .2s ease}.icon-save .circuit{transition:opacity .2s ease,transform .2s ease;opacity:.5}.header-btn:hover .icon-save .disk{transform:scale(1.02)}.header-btn:hover .icon-save .circuit{opacity:1;animation:circuitPulse .8s ease infinite}@keyframes circuitPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:1}}.icon-discard .x-line{transition:transform .2s ease;transform-origin:center}.header-btn:hover .icon-discard .x-1{animation:xShake .3s ease}.header-btn:hover .icon-discard .x-2{animation:xShake .3s ease .1s}@keyframes xShake{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}.icon-new .doc{transition:transform .2s ease}.icon-new .fold{transition:transform .2s ease;transform-origin:14px 8px}.icon-new .plus-v,.icon-new .plus-h{transition:stroke-width .2s ease,opacity .2s ease;opacity:.7}.header-btn:hover .icon-new .doc{transform:scale(1.02)}.header-btn:hover .icon-new .fold{transform:rotate(-5deg)}.header-btn:hover .icon-new .plus-v,.header-btn:hover .icon-new .plus-h{stroke-width:2.5;opacity:1}.icon-project .grid-v,.icon-project .grid-h{stroke-opacity:.3;transition:stroke-opacity .2s ease}.icon-project .folder{transition:transform .2s ease}.header-btn:hover .icon-project .grid-v,.header-btn:hover .icon-project .grid-h{stroke-opacity:.7}.header-btn:hover .icon-project .folder{transform:scale(1.02)}.icon-edit .pencil{transition:transform .2s ease;transform-origin:2px 22px}.icon-edit .underline{stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .3s ease}.header-btn:hover .icon-edit .pencil{transform:rotate(-5deg)}.header-btn:hover .icon-edit .underline{stroke-dashoffset:0}.icon-loading{animation:atomicSpin 2s linear infinite}.icon-loading .orbit{stroke-opacity:.4}.icon-loading .orbit-1{animation:orbitPulse 1.5s ease-in-out infinite}.icon-loading .orbit-2{animation:orbitPulse 1.5s ease-in-out infinite .5s}.icon-loading .orbit-3{animation:orbitPulse 1.5s ease-in-out infinite 1s}@keyframes atomicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitPulse{0%,to{stroke-opacity:.2}50%{stroke-opacity:.6}}.header-btn.active .toolbar-icon{filter:drop-shadow(0 0 4px currentColor)}.header-btn:disabled .toolbar-icon{opacity:.4;filter:none}.header-btn:disabled:hover .toolbar-icon{filter:none}.flow-designer{display:flex;flex-direction:column;height:calc(100vh - 44px);width:100%;min-width:800px;background:var(--surface-primary, #0d0d1a);overflow:hidden}.flow-designer-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-secondary, #12121f);border-bottom:1px solid var(--border-color, #1e1e3a);gap:8px;flex-shrink:0;min-height:44px;position:relative;z-index:20;overflow:visible;flex-wrap:nowrap}.flow-designer-selectors{display:flex;align-items:center;gap:6px;overflow:visible;flex-wrap:nowrap}.selector-group{display:flex;align-items:center;gap:6px}.selector-group label{font-size:11px;font-weight:500;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.5px}.selector-group select{padding:5px 8px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:4px;color:var(--text-primary, #fff);font-size:.8rem;min-width:120px;max-width:180px;height:30px}.selector-group select:focus{outline:none;border-color:var(--accent-color, #6366f1)}.project-diagram-selector{display:flex;align-items:stretch;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:6px;overflow:visible;position:relative}.project-diagram-selector .project-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:none;cursor:pointer;transition:background .15s;border-radius:5px 0 0 5px}.project-diagram-selector .project-btn:hover{background:var(--surface-secondary, #12121f)}.project-diagram-selector .project-btn .folder-icon{font-size:.9rem;opacity:.8}.project-diagram-selector .project-btn .project-name{font-size:.7rem;font-weight:500;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.selector-divider{width:1px;background:var(--border-color, #1e1e3a);margin:4px 0}.project-diagram-selector .diagram-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:none;cursor:pointer;transition:background .15s;border-radius:0 5px 5px 0;min-width:120px;max-width:180px}.project-diagram-selector .diagram-btn:hover:not(:disabled){background:var(--surface-secondary, #12121f)}.project-diagram-selector .diagram-btn:disabled{opacity:.5;cursor:not-allowed}.project-diagram-selector .diagram-btn .diagram-name{font-size:.8rem;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.project-diagram-selector .dropdown-arrow{font-size:.65rem;color:var(--text-tertiary, #666680);flex-shrink:0}:root[data-theme=light] .project-diagram-selector{background:rgba(255,255,255,.9);border-color:#0f172a26}:root[data-theme=light] .project-diagram-selector .project-btn:hover{background:rgba(99,102,241,.1)}:root[data-theme=light] .project-diagram-selector .diagram-btn:hover:not(:disabled){background:rgba(99,102,241,.1)}:root[data-theme=light] .project-diagram-selector .project-name{color:#64748b}:root[data-theme=light] .project-diagram-selector .diagram-name{color:#0f172a}:root[data-theme=light] .project-diagram-selector .dropdown-arrow{color:#94a3b8}:root[data-theme=light] .selector-divider{background:rgba(15,23,42,.15)}.header-btn.icon-only{padding:4px 8px;min-width:unset}.btn-icon-mono{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1;opacity:.9;font-family:Segoe UI Symbol,Apple Symbols,sans-serif;font-style:normal;font-variant-emoji:text}.toolbar-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;margin-right:4px}.header-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent;height:28px;line-height:1;white-space:nowrap;position:relative}.header-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;width:16px;height:16px;flex-shrink:0}.header-btn .btn-label{display:inline;transition:opacity .15s,width .15s;margin-left:2px}.header-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;padding:4px 8px;background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border-color, #383850);border-radius:4px;font-size:.7rem;color:var(--text-primary, #fff);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;box-shadow:0 4px 12px #0000004d;transition:opacity .15s,visibility .15s}.header-btn[data-tooltip]:hover:after{opacity:1;visibility:visible}@media (max-width: 1200px){.header-btn .btn-label{display:none}.header-btn{padding:0 6px;min-width:28px}.header-btn .btn-icon{font-size:1.1rem;width:18px;height:18px}}@media (min-width: 1201px){.header-btn[data-tooltip]:after{display:none}}@media (max-width: 1400px){.project-diagram-selector .project-btn .project-name{max-width:70px}.project-diagram-selector .diagram-btn{max-width:140px}}@media (max-width: 1100px){.project-diagram-selector .project-btn .project-name{display:none}.project-diagram-selector .diagram-btn{min-width:100px;max-width:120px}}.header-btn.primary{background:var(--accent-color, #6366f1);color:#fff;border-color:var(--accent-color, #6366f1)}.header-btn.primary:hover:not(:disabled){background:#818cf8}.header-btn.secondary{background:transparent;color:var(--text-secondary, #a0a0a0);border-color:var(--border-color, #1e1e3a)}.header-btn.secondary:hover:not(:disabled){background:var(--surface-tertiary, #0a0a14);color:var(--text-primary, #fff)}.header-btn.ghost{background:transparent;color:var(--text-secondary, #a0a0a0)}.header-btn.ghost:hover{background:var(--surface-tertiary, #0a0a14);color:var(--text-primary, #fff)}.header-btn.ai-btn{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);color:#fff;border:none}.header-btn.ai-btn:hover{background:linear-gradient(135deg,#a78bfa 0%,#818cf8 100%)}.header-btn.ai-btn.create-btn{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#0a0a14}.header-btn.ai-btn.create-btn:hover{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%)}.header-btn.ai-btn{color:#0a0a14}.header-btn.active{background:var(--accent-color, #6366f1);color:#fff;border-color:var(--accent-color, #6366f1)}.header-btn:disabled{opacity:.5;cursor:not-allowed}.header-btn-dropdown-container{position:relative;display:inline-flex}.header-btn .dropdown-caret{font-size:.55rem;margin-left:2px;opacity:.7;transition:transform .15s}.header-btn-dropdown-container:has(.header-btn-dropdown) .dropdown-caret{transform:rotate(180deg)}.header-btn-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border-color, #383850);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-btn-dropdown .dropdown-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid var(--border-color, #252540);color:var(--text-primary, #fff);cursor:pointer;text-align:left;transition:background-color .15s}.header-btn-dropdown .dropdown-item:last-child{border-bottom:none}.header-btn-dropdown .dropdown-item:hover{background:var(--surface-tertiary, #2a2a4a)}.header-btn-dropdown .dropdown-item-icon{font-size:1rem;margin-bottom:4px}.header-btn-dropdown .dropdown-item-label{font-weight:600;font-size:.8rem;margin-bottom:2px}.header-btn-dropdown .dropdown-item-desc{font-size:.7rem;color:var(--text-tertiary, #71717a);line-height:1.3}:root[data-theme=light] .header-btn-dropdown{background:#ffffff;border-color:#0f172a26;box-shadow:0 8px 24px #0000001f}:root[data-theme=light] .header-btn-dropdown .dropdown-item{color:#1e293b;border-bottom-color:#e2e8f0}:root[data-theme=light] .header-btn-dropdown .dropdown-item:hover{background:#f1f5f9}:root[data-theme=light] .header-btn-dropdown .dropdown-item-desc{color:#64748b}.flow-designer-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.unsaved-indicator{color:#f59e0b;font-size:.9rem;margin-right:2px;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.6}50%{opacity:1}}.flow-designer-error{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.85rem}.flow-designer-error button{background:transparent;border:none;color:#fca5a5;font-size:1.2rem;cursor:pointer}.flow-designer-main{flex:1;display:flex;overflow:hidden}.flow-designer-chat{flex-shrink:0;display:flex;flex-direction:column;animation:slideInFromLeft .2s ease;position:relative}@keyframes slideInFromLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.chat-suggestions{padding:12px;border-bottom:1px solid var(--border-color, #334155);background:rgba(56,189,248,.05)}.chat-suggestions .suggestions-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.chat-suggestions .suggestions-icon{font-size:14px}.chat-suggestions .loading-indicator{animation:pulse 1s infinite;color:var(--primary-color, #38bdf8);font-size:16px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.chat-suggestions .suggestions-list{display:flex;flex-direction:column;gap:6px}.chat-suggestions .suggestion-chip{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);color:var(--text-primary, #f1f5f9);padding:8px 12px;border-radius:8px;font-size:12px;text-align:left;cursor:pointer;transition:all .2s;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-suggestions .suggestion-chip:hover{background:var(--bg-tertiary, #334155);border-color:var(--primary-color, #38bdf8);white-space:normal}.flow-designer-canvas{flex:1;position:relative}.flow-designer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary, #a0a0a0)}.flow-designer-empty .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.flow-designer-empty h3{margin:0 0 8px;color:var(--text-primary, #fff)}.flow-designer-empty p{margin:0 0 16px;font-size:.9rem}.flow-designer-sidebar,.flow-designer-avatar-panel{flex-shrink:0;background:var(--surface-secondary, #12121f);border-left:1px solid var(--border-color, #1e1e3a);display:flex;flex-direction:column;overflow:hidden;position:relative}.flow-designer-version-panel{width:320px;flex-shrink:0;background:var(--surface-secondary, #12121f);border-left:1px solid var(--border-color, #1e1e3a);display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color, #1e1e3a)}.sidebar-header h4{margin:0;font-size:.9rem;color:var(--text-primary, #fff)}.sidebar-header .close-btn{background:transparent;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.2rem;cursor:pointer}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.property-group{margin-bottom:16px}.property-group label{display:block;font-size:.75rem;font-weight:500;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.property-group code{display:block;padding:8px 10px;background:var(--surface-tertiary, #0a0a14);border-radius:4px;font-size:.8rem;color:#a5b4fc}.property-group input,.property-group textarea{width:100%;padding:8px 10px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:4px;color:var(--text-primary, #fff);font-size:.85rem}.property-group input:focus,.property-group textarea:focus{outline:none;border-color:var(--accent-color, #6366f1)}.property-group textarea{resize:vertical;min-height:80px;font-family:inherit}.flow-designer-status{display:flex;align-items:center;gap:16px;padding:6px 16px;background:var(--surface-secondary, #12121f);border-top:1px solid var(--border-color, #1e1e3a);font-size:.75rem;color:var(--text-tertiary, #666680)}.status-link{margin-left:auto;background:transparent;border:none;color:var(--accent-color, #6366f1);cursor:pointer;font-size:.75rem}.status-link:hover{text-decoration:underline}.diagram-selector{position:relative}.rename-btn{padding:4px 8px;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:4px;font-size:.75rem;cursor:pointer;opacity:.6;transition:all .15s}.rename-btn:hover{opacity:1;background:var(--surface-tertiary, #0a0a14);border-color:var(--accent-color, #6366f1)}.rename-popup{position:absolute;top:100%;left:0;margin-top:6px;padding:12px;background:var(--surface-secondary, #12121f);border:1px solid var(--border-color, #1e1e3a);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;min-width:200px}.rename-popup label{display:block;font-size:.7rem;text-transform:uppercase;color:var(--text-tertiary, #666680);margin-bottom:6px}.rename-popup input{width:100%;padding:8px 10px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:4px;color:var(--text-primary, #fff);font-size:.85rem;margin-bottom:10px}.rename-popup input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.rename-actions{display:flex;gap:8px;justify-content:flex-end}.rename-actions button{padding:5px 10px;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s}.rename-actions button:first-child{background:var(--accent-color, #6366f1);color:#fff}.rename-actions button:first-child:hover{background:#818cf8}.rename-actions button:last-child{background:transparent;color:var(--text-secondary, #a0a0a0);border:1px solid var(--border-color, #1e1e3a)}.rename-actions button:last-child:hover{background:var(--surface-tertiary, #0a0a14)}@media (max-width: 900px){.flow-designer-header .btn-label{display:none}.flow-designer-header .header-btn{padding:6px 8px;min-width:unset}}:root[data-theme=light] .flow-designer{background:#e2e8f0}:root[data-theme=light] .flow-designer-header{background:linear-gradient(180deg,#e2e8f0 0%,#cbd5e1 100%);border-bottom:1px solid rgba(15,23,42,.1);box-shadow:0 1px 3px #0f172a0d}:root[data-theme=light] .selector-group label{color:#64748b}:root[data-theme=light] .selector-group select{background:rgba(255,255,255,.9);border-color:#0f172a26;color:#0f172a}:root[data-theme=light] .selector-group select:focus{border-color:#6366f180}:root[data-theme=light] .header-btn{color:#475569}:root[data-theme=light] .header-btn.ghost{color:#475569}:root[data-theme=light] .header-btn.ghost:hover{background:rgba(99,102,241,.1);color:#4f46e5}:root[data-theme=light] .header-btn.secondary{color:#475569;border-color:#0f172a26}:root[data-theme=light] .header-btn.secondary:hover:not(:disabled){background:rgba(99,102,241,.1);color:#4f46e5}:root[data-theme=light] .header-btn.primary{background:var(--accent-color, #6366f1);color:#fff}:root[data-theme=light] .header-btn.active{background:var(--accent-color, #6366f1);color:#fff}:root[data-theme=light] .header-btn.ai-btn{color:#475569}:root[data-theme=light] .header-btn.ai-btn.create-btn{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff}:root[data-theme=light] .unsaved-indicator{color:#d97706}:root[data-theme=light] .flow-designer-error{background:rgba(239,68,68,.08);border-bottom-color:#ef444433;color:#dc2626}:root[data-theme=light] .flow-designer-error button{color:#dc2626}:root[data-theme=light] .flow-designer-empty{color:var(--text-secondary, #64748b)}:root[data-theme=light] .flow-designer-empty h3{color:var(--text-primary, #0f172a)}:root[data-theme=light] .flow-designer-sidebar{background:#ffffff;border-left:1px solid rgba(15,23,42,.12);box-shadow:-2px 0 8px #0f172a0f}:root[data-theme=light] .flow-designer-avatar-panel{background:#ffffff;border-left:1px solid rgba(15,23,42,.12);box-shadow:-2px 0 8px #0f172a0f}:root[data-theme=light] .flow-designer-version-panel{background:#ffffff;border-left:1px solid rgba(15,23,42,.12);box-shadow:-2px 0 8px #0f172a0f}:root[data-theme=light] .sidebar-header{border-bottom-color:var(--border-color, rgba(15, 23, 42, .12))}:root[data-theme=light] .sidebar-header h4{color:var(--text-primary, #0f172a)}:root[data-theme=light] .sidebar-header .close-btn{color:var(--text-secondary, #64748b)}:root[data-theme=light] .property-group label{color:var(--text-tertiary, #64748b)}:root[data-theme=light] .property-group code{background:var(--surface-tertiary, #f1f5f9);color:#6366f1}:root[data-theme=light] .property-group input,:root[data-theme=light] .property-group textarea{background:var(--surface-primary, #ffffff);border-color:var(--border-color, rgba(15, 23, 42, .15));color:var(--text-primary, #0f172a)}:root[data-theme=light] .flow-designer-status{background:var(--surface-secondary, #f8fafc);border-top-color:var(--border-color, rgba(15, 23, 42, .12));color:var(--text-tertiary, #64748b)}:root[data-theme=light] .status-link{color:var(--accent-color, #6366f1)}:root[data-theme=light] .rename-btn{border-color:var(--border-color, rgba(15, 23, 42, .15))}:root[data-theme=light] .rename-btn:hover{background:var(--surface-tertiary, #f1f5f9);border-color:var(--accent-color, #6366f1)}:root[data-theme=light] .rename-popup{background:var(--surface-secondary, #f8fafc);border-color:var(--border-color, rgba(15, 23, 42, .15));box-shadow:0 8px 24px #0f172a26}:root[data-theme=light] .rename-popup label{color:var(--text-tertiary, #64748b)}:root[data-theme=light] .rename-popup input{background:var(--surface-primary, #ffffff);border-color:var(--border-color, rgba(15, 23, 42, .15));color:var(--text-primary, #0f172a)}:root[data-theme=light] .rename-actions button:last-child{color:var(--text-secondary, #64748b);border-color:var(--border-color, rgba(15, 23, 42, .15))}:root[data-theme=light] .rename-actions button:last-child:hover{background:var(--surface-tertiary, #f1f5f9)}:root[data-theme=light] .btn-icon-mono{opacity:.85}.theme-showcase{padding:2.5rem;max-width:1200px;margin:0 auto;color:var(--text-primary, #e2e8f0)}.theme-showcase.dark-mode{color:#f8fafc}.theme-showcase-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem}.theme-toggle-button{border:1px solid var(--border-color, rgba(148, 163, 184, .3));background:transparent;color:inherit;padding:.6rem 1.2rem;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.theme-toggle-button:hover{border-color:var(--primary-color, #38bdf8);color:var(--primary-color, #38bdf8)}.showcase-section{margin-bottom:2rem}.section-lede{margin:0 0 1rem;color:var(--text-secondary, rgba(148, 163, 184, .9))}.panel-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.panel-demo-actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.tabs-demo{margin-top:1.5rem}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;justify-items:center}.logo-item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.logo-label{font-size:.85rem;color:var(--text-secondary, #94a3b8);font-family:JetBrains Mono,monospace}.page-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.page-logo-item{display:flex;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--panel-border, rgba(148, 163, 184, .2));border-radius:1rem;background:rgba(15,23,42,.6)}.page-logo-copy h4{margin:0}.page-logo-copy p{margin:.4rem 0 0;color:var(--text-secondary, #94a3b8)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.color-swatch{height:120px;border-radius:.85rem;display:flex;flex-direction:column;justify-content:flex-end;padding:.6rem;box-shadow:0 10px 25px #0f172a59}.color-name,.color-value{font-size:.8rem;background:rgba(255,255,255,.9);color:#0f172a;border-radius:.4rem;padding:.15rem .4rem}.color-value{margin-top:.25rem;font-family:JetBrains Mono,monospace}.typography-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:flex-start}.button-stack{display:flex;flex-direction:column;gap:.75rem}.button-stack .btn{align-self:flex-start}@media (max-width: 768px){.theme-showcase{padding:1.5rem}.theme-showcase-header{flex-direction:column;align-items:flex-start}.logo-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}.env-switcher{position:relative;display:flex;align-items:center}.env-switcher-button{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;background:var(--env-bg, rgba(34, 197, 94, .15));border:1px solid var(--env-color, #22c55e);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--env-color, #22c55e);transition:all .2s ease}.env-switcher-button:hover{background:var(--env-color, #22c55e);color:#fff}.env-switcher-button:hover .env-indicator{background:#fff;box-shadow:0 0 6px #fff}.env-indicator{width:8px;height:8px;border-radius:50%;background:var(--env-color, #22c55e);box-shadow:0 0 6px var(--env-color, #22c55e);animation:env-pulse 2s ease-in-out infinite}@keyframes env-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.env-label{text-transform:uppercase}.env-chevron{font-size:.6rem;opacity:.7}.env-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;background:rgba(15,23,42,.98);border:1px solid rgba(148,163,184,.2);border-radius:8px;box-shadow:0 10px 40px #0006;min-width:180px;z-index:1100;overflow:hidden;animation:env-menu-appear .15s ease-out}@keyframes env-menu-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .env-switcher-menu{background:rgba(255,255,255,.98);border-color:#0f172a1f;box-shadow:0 10px 40px #00000026}.env-switcher-menu-header{padding:.6rem .8rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:1px solid rgba(148,163,184,.15)}:root[data-theme=light] .env-switcher-menu-header{color:#64748b;border-bottom-color:#0f172a14}.env-switcher-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .8rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .15s ease}.env-switcher-menu-item:hover{background:rgba(148,163,184,.1)}.env-switcher-menu-item.active{background:var(--env-bg, rgba(34, 197, 94, .1))}:root[data-theme=light] .env-switcher-menu-item:hover{background:rgba(15,23,42,.05)}:root[data-theme=light] .env-switcher-menu-item.active{background:var(--env-bg, rgba(34, 197, 94, .1))}.env-switcher-menu-item .env-indicator{animation:none}.env-menu-label{display:flex;flex-direction:column;flex:1}.env-menu-short{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--env-color, #22c55e)}.env-menu-full{font-size:.7rem;color:#94a3b8;margin-top:.1rem}:root[data-theme=light] .env-menu-full{color:#64748b}.env-check{color:var(--env-color, #22c55e);font-size:.9rem;font-weight:600}@media (max-width: 500px){.env-switcher-button{padding:.3rem .5rem}.env-label,.env-chevron{display:none}.env-switcher-menu{right:-1rem}}.visual-preview-panel{width:400px;height:100%;background:var(--surface-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.vp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface-primary) 100%)}.vp-title{display:flex;align-items:center;gap:8px}.vp-icon{font-size:18px}.vp-title h3{margin:0;font-size:14px;font-weight:600}.vp-controls{display:flex;align-items:center;gap:8px}.vp-select{padding:4px 8px;background:var(--surface-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px}.vp-device-buttons{display:flex;gap:2px;background:var(--surface-tertiary);padding:2px;border-radius:6px}.vp-device-buttons button{padding:4px 8px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.vp-device-buttons button:hover{background:var(--surface-secondary)}.vp-device-buttons button.active{background:var(--accent-primary)}.vp-close{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);padding:4px 8px;border-radius:4px}.vp-close:hover{background:var(--surface-tertiary)}.vp-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;align-items:center}.vp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--text-secondary)}.vp-empty span{font-size:48px;margin-bottom:12px}.vp-empty p{margin:0}.vp-hint{font-size:12px;opacity:.7;margin-top:4px!important}.vp-navigation{display:flex;align-items:center;gap:12px;margin-bottom:16px;width:100%;justify-content:center}.vp-navigation button{padding:6px 12px;background:var(--surface-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;transition:all .2s}.vp-navigation button:hover:not(:disabled){background:var(--accent-primary);color:#fff}.vp-navigation button:disabled{opacity:.5;cursor:not-allowed}.vp-turn-indicator{font-size:12px;color:var(--text-secondary)}.vp-device-frame{background:var(--vp-bg, #ffffff);color:var(--vp-text, #1a1a2e);border-radius:32px;padding:12px;box-shadow:0 4px 24px #0003;width:100%;min-height:500px;display:flex;flex-direction:column;position:relative}.vp-device-notch{width:100px;height:24px;background:#000;border-radius:0 0 12px 12px;margin:0 auto 12px}.vp-device-screen{flex:1;background:var(--vp-bg);border-radius:20px;padding:16px;overflow-y:auto}.vp-device-indicator{width:100px;height:4px;background:var(--vp-border);border-radius:2px;margin:12px auto 0}.vp-conversation{display:flex;flex-direction:column;gap:12px}.vp-node{background:rgba(99,102,241,.1);border:1px solid var(--vp-border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;animation:vp-fade-in .3s ease-out}@keyframes vp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vp-node:hover{border-color:var(--vp-accent)}.vp-node.selected{border-color:var(--vp-accent);box-shadow:0 0 0 2px #6366f14d}.vp-message p{margin:0;line-height:1.6}.vp-question-prompt,.vp-menu-prompt,.vp-form-prompt{margin:0 0 12px}.vp-question-input{display:flex;gap:8px}.vp-question-input input{flex:1;padding:10px 14px;border:1px solid var(--vp-border);border-radius:8px;background:var(--vp-bg);color:var(--vp-text);font-size:14px}.vp-question-input button,.vp-form-fields button{padding:10px 16px;background:var(--vp-accent);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer}.vp-menu-options{display:flex;flex-direction:column;gap:8px}.vp-menu-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:8px;cursor:pointer;text-align:left;color:var(--vp-text)}.vp-option-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--vp-accent);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.vp-form-fields{display:flex;flex-direction:column;gap:12px}.vp-form-field{display:flex;flex-direction:column;gap:4px}.vp-form-field label{font-size:12px;opacity:.8}.vp-form-field input{padding:10px 14px;border:1px solid var(--vp-border);border-radius:8px;background:var(--vp-bg);color:var(--vp-text)}.vp-transfer{display:flex;align-items:center;gap:16px}.vp-transfer-icon{font-size:32px}.vp-transfer p{margin:0}.vp-transfer-status{font-size:12px;opacity:.7;margin-top:4px!important}.vp-end{text-align:center;padding:24px}.vp-end-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--vp-accent);color:#fff;border-radius:50%;font-size:24px;margin-bottom:12px}.vp-end p{margin:0}.vp-footer{padding:8px 16px;border-top:1px solid var(--border-color);background:var(--surface-secondary)}.vp-footer p{margin:0;font-size:11px;color:var(--text-tertiary);text-align:center}.visual-preview-inline{display:flex;flex-direction:column;height:100%;min-height:280px}.vp-inline-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.vp-select-small{padding:3px 6px;font-size:.75rem}.vp-device-buttons-small button{padding:3px 6px;font-size:.8rem}.vp-inline-content{flex:1;display:flex;flex-direction:column;min-height:0}.vp-empty-small{padding:20px;font-size:.85rem}.vp-empty-small span{font-size:1.5rem}.vp-device-frame-small{flex:1;margin:0 auto;border-radius:12px;overflow:hidden;min-height:180px;max-height:300px}.vp-inline-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0;margin-top:8px;font-size:.8rem}.vp-inline-nav button{padding:4px 10px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, rgba(148, 163, 184, .3));border-radius:4px;color:var(--text-secondary, #a0a0a0);cursor:pointer;transition:all .15s ease}.vp-inline-nav button:hover:not(:disabled){background:var(--accent-color-light, rgba(99, 102, 241, .15));color:var(--accent-color, #6366f1)}.vp-inline-nav button:disabled{opacity:.4;cursor:not-allowed}.visual-preview-mini{min-height:280px;max-height:400px;overflow:hidden}.cross-channel-simulator{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-primary, #0a0a14);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.cross-channel-simulator.inline-mode{position:relative;inset:unset;z-index:auto;height:100%;min-height:600px;border-radius:8px;border:1px solid var(--border-subtle, #2a2a3d)}.simulator-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface-secondary, #12121f);border-bottom:1px solid var(--border-subtle, #2a2a3d)}.simulator-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #e4e4e7)}.simulator-controls{display:flex;gap:8px}.sim-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-subtle, #2a2a3d);border-radius:6px;background:var(--surface-tertiary, #1a1a2e);color:var(--text-primary, #e4e4e7);font-size:.85rem;cursor:pointer;transition:all .15s}.sim-btn:hover:not(:disabled){background:var(--surface-hover, #252540);border-color:var(--border-default, #3a3a4d)}.sim-btn:disabled{opacity:.5;cursor:not-allowed}.sim-btn.primary{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.sim-btn.primary:hover:not(:disabled){background:var(--accent-primary-hover, #5558e8)}.sim-btn.danger{background:rgba(239,68,68,.15);border-color:#ef44444d;color:#f87171}.sim-btn.danger:hover{background:rgba(239,68,68,.25)}.sim-btn.recording{background:rgba(239,68,68,.2);border-color:#ef4444;color:#ef4444;animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.7}}.sim-btn.close{padding:8px 12px}.channel-toggles{display:flex;justify-content:center;gap:24px;padding:12px 20px;background:var(--surface-secondary, #12121f);border-bottom:1px solid var(--border-subtle, #2a2a3d)}.channel-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background .15s}.channel-toggle:hover{background:var(--surface-tertiary, #1a1a2e)}.channel-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary, #6366f1)}.toggle-icon{font-size:1.2rem}.toggle-label{font-size:.9rem;color:var(--text-secondary, #a1a1aa)}.channel-toggle input:checked+.toggle-icon+.toggle-label{color:var(--text-primary, #e4e4e7)}.channel-grid{flex:1;display:grid;gap:1px;background:var(--border-subtle, #2a2a3d);overflow:hidden}.channel-view{display:flex;flex-direction:column;background:var(--surface-primary, #0a0a14);overflow:hidden}.channel-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-secondary, #12121f);border-bottom:1px solid var(--border-subtle, #2a2a3d)}.channel-icon{font-size:1.1rem}.channel-title{font-size:.9rem;font-weight:500;color:var(--text-primary, #e4e4e7)}.channel-status{margin-left:auto;font-size:.75rem;padding:2px 8px;border-radius:10px;background:rgba(34,197,94,.15);color:#22c55e}.channel-status.active{animation:pulse-status 2s ease-in-out infinite}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.channel-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.voice-channel .ivr-display{flex:1;padding:16px;overflow-y:auto}.ivr-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #71717a)}.ivr-waiting .ivr-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.ivr-turns{display:flex;flex-direction:column;gap:12px}.ivr-turn{padding:12px 16px;background:var(--surface-secondary, #12121f);border-radius:8px;border-left:3px solid var(--accent-primary, #6366f1)}.ivr-turn.current{background:var(--surface-tertiary, #1a1a2e);border-left-color:#22c55e}.ivr-prompt{font-size:.95rem;color:var(--text-primary, #e4e4e7);margin-bottom:8px}.ivr-options{display:flex;flex-direction:column;gap:4px}.ivr-option{font-size:.85rem;color:var(--text-secondary, #a1a1aa);padding-left:12px}.dtmf-pad{padding:16px;background:var(--surface-secondary, #12121f);border-top:1px solid var(--border-subtle, #2a2a3d)}.dtmf-display{text-align:center;font-size:1.5rem;font-family:monospace;color:var(--text-primary, #e4e4e7);padding:12px;background:var(--surface-primary, #0a0a14);border-radius:6px;margin-bottom:12px;min-height:48px}.dtmf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dtmf-button{padding:16px;font-size:1.25rem;font-weight:600;background:var(--surface-tertiary, #1a1a2e);border:1px solid var(--border-subtle, #2a2a3d);border-radius:8px;color:var(--text-primary, #e4e4e7);cursor:pointer;transition:all .1s}.dtmf-button:hover:not(:disabled){background:var(--surface-hover, #252540);transform:scale(1.02)}.dtmf-button:active:not(:disabled){transform:scale(.98)}.dtmf-button:disabled{opacity:.4;cursor:not-allowed}.chat-channel .chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-waiting{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #71717a);font-style:italic}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:12px;font-size:.9rem}.chat-bubble.bot{align-self:flex-start;background:var(--surface-secondary, #12121f);border-bottom-left-radius:4px}.chat-bubble.bot.current{background:var(--accent-primary, #6366f1);color:#fff}.chat-text{line-height:1.4}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.quick-reply{padding:6px 12px;font-size:.8rem;background:var(--surface-tertiary, #1a1a2e);border:1px solid var(--accent-primary, #6366f1);border-radius:16px;color:var(--accent-primary, #6366f1);cursor:pointer;transition:all .15s}.quick-reply:hover:not(:disabled){background:var(--accent-primary, #6366f1);color:#fff}.quick-reply:disabled{opacity:.4;cursor:not-allowed}.chat-input-area{display:flex;gap:8px;padding:12px 16px;background:var(--surface-secondary, #12121f);border-top:1px solid var(--border-subtle, #2a2a3d)}.chat-input-area input{flex:1;padding:10px 14px;font-size:.9rem;background:var(--surface-primary, #0a0a14);border:1px solid var(--border-subtle, #2a2a3d);border-radius:20px;color:var(--text-primary, #e4e4e7);outline:none}.chat-input-area input:focus{border-color:var(--accent-primary, #6366f1)}.chat-input-area button{padding:10px 20px;background:var(--accent-primary, #6366f1);border:none;border-radius:20px;color:#fff;font-size:.9rem;cursor:pointer;transition:background .15s}.chat-input-area button:hover:not(:disabled){background:var(--accent-primary-hover, #5558e8)}.chat-input-area button:disabled{opacity:.4;cursor:not-allowed}.avatar-channel .avatar-frame{flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.avatar-channel .avatar-frame iframe{width:100%;height:100%;border:none}.avatar-transcript{padding:12px 16px;background:var(--surface-secondary, #12121f);border-top:1px solid var(--border-subtle, #2a2a3d);font-size:.85rem;color:var(--text-secondary, #a1a1aa)}.transcript-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variables-panel{padding:12px 20px;background:var(--surface-secondary, #12121f);border-top:1px solid var(--border-subtle, #2a2a3d)}.variables-panel h4{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #71717a)}.variables-list{display:flex;flex-wrap:wrap;gap:12px}.variable-item{display:flex;align-items:center;gap:8px;padding:4px 10px;background:var(--surface-tertiary, #1a1a2e);border-radius:4px;font-size:.85rem}.var-name{color:var(--accent-primary, #6366f1);font-family:monospace}.var-value{color:var(--text-primary, #e4e4e7);font-family:monospace}@media (max-width: 768px){.channel-grid{grid-template-columns:1fr!important}.channel-toggles{flex-wrap:wrap;gap:12px}.simulator-header{flex-direction:column;gap:12px}.simulator-controls{flex-wrap:wrap;justify-content:center}}.avatar-editor{display:flex;flex-direction:column;height:calc(100vh - 44px);width:100%;overflow:hidden;background:var(--bg-primary, #0d1117);color:var(--text-primary, #e6edf3);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif}.ae-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary, #161b22);border-bottom:1px solid var(--border-primary, #30363d)}.ae-title h1{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #e6edf3)}.ae-subtitle{font-size:13px;color:var(--text-secondary, #8b949e);margin-top:2px}.ae-actions{display:flex;align-items:center;gap:12px}.ae-dirty-indicator{font-size:12px;color:var(--color-warning, #d29922);padding:4px 8px;background:rgba(210,153,34,.15);border-radius:4px}.ae-mode-toggle{display:flex;background:var(--bg-tertiary, #21262d);border-radius:8px;padding:3px;gap:2px}.ae-mode-btn{padding:6px 14px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #8b949e);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.ae-mode-btn:hover{color:var(--text-primary, #e6edf3)}.ae-mode-btn.active{background:var(--color-accent, #238636);color:#fff}.ae-mode-indicator{margin-left:auto;font-size:11px;padding:2px 8px;background:var(--color-accent, #238636);color:#fff;border-radius:10px}.ae-preset-select{padding:8px 12px;background:var(--bg-tertiary, #21262d);border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-primary, #e6edf3);font-size:13px;cursor:pointer}.ae-preset-select:hover{border-color:var(--border-secondary, #484f58)}.ae-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.ae-btn-primary{background:var(--color-accent, #238636);color:#fff}.ae-btn-primary:hover:not(:disabled){background:var(--color-accent-hover, #2ea043)}.ae-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ae-btn-secondary{background:var(--bg-tertiary, #21262d);color:var(--text-primary, #e6edf3);border:1px solid var(--border-primary, #30363d)}.ae-btn-secondary:hover{background:var(--bg-hover, #30363d);border-color:var(--border-secondary, #484f58)}.ae-btn-ghost{background:transparent;color:var(--text-secondary, #8b949e)}.ae-btn-ghost:hover{color:var(--text-primary, #e6edf3);background:rgba(255,255,255,.05)}.ae-btn-icon{padding:4px 8px;background:transparent;border:none;color:var(--text-secondary, #8b949e);cursor:pointer;border-radius:4px}.ae-btn-icon:hover{background:rgba(255,255,255,.1);color:var(--text-primary, #e6edf3)}.ae-content{display:flex;flex:1;overflow:hidden}.ae-preview{width:380px;min-width:300px;max-width:400px;display:flex;flex-direction:column;background:var(--bg-secondary, #161b22);border-right:1px solid var(--border-primary, #30363d);flex-shrink:0}.ae-preview-container{position:relative;width:100%;aspect-ratio:3 / 4;max-height:500px;flex-shrink:0}.ae-avatar-iframe{width:100%;height:100%;border:none;background:#0d1117;object-fit:contain}.ae-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(13,17,23,.9);gap:12px}.ae-spinner{width:32px;height:32px;border:3px solid var(--border-primary, #30363d);border-top-color:var(--color-accent, #238636);border-radius:50%;animation:ae-spin 1s linear infinite}@keyframes ae-spin{to{transform:rotate(360deg)}}.ae-preview-info{padding:10px 14px;background:var(--bg-tertiary, #21262d);display:flex;align-items:center;gap:6px;font-size:12px;flex-shrink:0}.ae-mood-label{color:var(--text-secondary, #8b949e)}.ae-mood-value{color:var(--color-accent, #58a6ff);font-weight:500;text-transform:capitalize}.ae-controls{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ae-tabs{display:flex;gap:2px;padding:6px 10px;background:var(--bg-secondary, #161b22);border-bottom:1px solid var(--border-primary, #30363d);flex-wrap:wrap;flex-shrink:0}.ae-tab{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary, #8b949e);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.ae-tab:hover{background:rgba(255,255,255,.05);color:var(--text-primary, #e6edf3)}.ae-tab.active{background:var(--bg-tertiary, #21262d);color:var(--text-primary, #e6edf3)}.ae-tab-icon{font-size:14px;font-family:Segoe UI Symbol,Apple Symbols,IBM Plex Sans,sans-serif;font-style:normal;-webkit-font-smoothing:antialiased;font-variant-emoji:text}.ae-panel{flex:1;overflow-y:auto;padding:10px 14px;min-height:0}.ae-panel-inner{max-width:480px}.ae-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px}.ae-form-grid.single-column{grid-template-columns:1fr}.ae-form-grid .ae-field-full{grid-column:1 / -1}.ae-input{width:100%;padding:6px 10px;background:var(--bg-tertiary, #21262d);border:1px solid var(--border-primary, #30363d);border-radius:4px;color:var(--text-primary, #e6edf3);font-size:13px}.ae-field{display:flex;flex-direction:column;gap:3px}.ae-field-label{font-size:12px;font-weight:500;color:var(--text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.03em}.ae-field-inline{display:flex;align-items:center;gap:8px}.ae-field-inline .ae-field-label{flex-shrink:0;min-width:60px}.ae-input:focus{outline:none;border-color:var(--color-accent, #58a6ff);box-shadow:0 0 0 3px #58a6ff26}.ae-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.ae-modal{background:var(--bg-secondary, #161b22);border:1px solid var(--border-primary, #30363d);border-radius:12px;padding:24px;min-width:400px;max-width:500px}.ae-modal h3{margin:0 0 16px;font-size:18px;font-weight:600}.ae-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.ae-preset-list{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-primary, #30363d)}.ae-preset-list h4{margin:0 0 12px;font-size:13px;font-weight:500;color:var(--text-secondary, #8b949e)}.ae-preset-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-tertiary, #21262d);border-radius:6px;margin-bottom:8px;font-size:13px}.ae-section{margin-bottom:12px}.ae-section-title{font-size:11px;font-weight:600;color:var(--text-secondary, #8b949e);margin-bottom:8px;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.05em}.ae-section-title:after{content:"";flex:1;height:1px;background:var(--border-primary, #30363d);margin-left:4px}.ae-color-field{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ae-color-label{flex:0 0 80px;font-size:13px;color:var(--text-secondary, #8b949e)}.ae-color-picker-wrapper{display:flex;align-items:center;gap:4px}.ae-color-input{width:28px;height:22px;padding:1px;border:1px solid var(--border-primary, #30363d);border-radius:3px;background:var(--bg-tertiary, #21262d);cursor:pointer}.ae-color-input::-webkit-color-swatch-wrapper{padding:2px}.ae-color-input::-webkit-color-swatch{border-radius:4px;border:none}.ae-color-value{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-secondary, #8b949e);padding:4px 8px;background:var(--bg-tertiary, #21262d);border-radius:4px}.ae-color-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.ae-color-preset{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.ae-color-preset:hover{transform:scale(1.1)}.ae-color-preset.active{border-color:var(--color-accent, #58a6ff);box-shadow:0 0 0 2px #58a6ff4d}.ae-slider-field{margin-bottom:8px}.ae-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.ae-slider-label{font-size:12px;color:var(--text-secondary, #8b949e)}.ae-slider-value{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--color-accent, #58a6ff);padding:1px 3px;background:rgba(88,166,255,.1);border-radius:2px}.ae-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary, #21262d);border-radius:2px;outline:none}.ae-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-accent, #58a6ff);border-radius:50%;cursor:pointer;transition:transform .15s ease}.ae-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.ae-slider::-moz-range-thumb{width:12px;height:12px;background:var(--color-accent, #58a6ff);border-radius:50%;cursor:pointer;border:none}.ae-toggle-field{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-tertiary, #21262d);border-radius:4px;margin-bottom:6px}.ae-toggle-info{display:flex;flex-direction:column;gap:0}.ae-toggle-label{font-size:12px;font-weight:500;color:var(--text-primary, #e6edf3)}.ae-toggle-description{font-size:11px;color:var(--text-secondary, #8b949e)}.ae-toggle{position:relative;width:36px;height:20px;background:var(--bg-primary, #0d1117);border-radius:10px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.ae-toggle.active{background:var(--color-accent, #238636)}.ae-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:white;border-radius:50%;transition:transform .2s ease}.ae-toggle.active:after{transform:translate(16px)}.ae-mood-card{background:var(--bg-tertiary, #21262d);border-radius:6px;padding:12px;margin-bottom:8px;transition:all .15s ease}.ae-mood-card:hover{background:var(--bg-hover, #30363d)}.ae-mood-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ae-mood-name{font-size:13px;font-weight:500;text-transform:capitalize;display:flex;align-items:center;gap:5px}.ae-mood-icon{font-size:12px;font-family:Segoe UI Symbol,Apple Symbols,IBM Plex Sans,sans-serif;font-style:normal;font-variant-emoji:text;color:var(--text-secondary, #8b949e);width:18px;text-align:center}.ae-mood-preview-btn{padding:4px 8px;background:var(--bg-primary, #0d1117);border:1px solid var(--border-primary, #30363d);border-radius:3px;color:var(--text-secondary, #8b949e);font-size:11px;cursor:pointer;transition:all .15s ease}.ae-mood-preview-btn:hover,.ae-mood-preview-btn.active{background:var(--color-accent, #238636);border-color:var(--color-accent, #238636);color:#fff}.ae-bg-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;max-width:400px}.ae-bg-option{aspect-ratio:16/9;border-radius:4px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .15s ease;position:relative}.ae-bg-option:hover{border-color:var(--border-secondary, #484f58)}.ae-bg-option.active{border-color:var(--color-accent, #58a6ff);box-shadow:0 0 0 2px #58a6ff4d}.ae-bg-option img{width:100%;height:100%;object-fit:cover}.ae-bg-option-label{position:absolute;bottom:0;left:0;right:0;padding:6px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:11px;color:#fff}.ae-loading-panel{display:flex;align-items:center;justify-content:center;height:300px}@media (max-width: 900px){.ae-content{flex-direction:column}.ae-preview{width:100%;max-height:350px;border-right:none;border-bottom:1px solid var(--border-primary, #30363d)}.ae-tabs{overflow-x:auto;padding:8px 12px}.ae-tab{padding:8px 12px;white-space:nowrap}}.ae-simulation-panel{padding:0}.ae-simulation-panel .ae-panel-section{padding:16px;border-bottom:1px solid var(--border-primary, #30363d)}.ae-simulation-panel .ae-panel-section:last-child{border-bottom:none}.ae-simulation-panel h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary, #e6edf3)}.ae-section-description{margin:0;font-size:13px;color:var(--text-secondary, #8b949e);line-height:1.5}.ae-select{width:100%;max-width:320px;padding:8px 10px;background:var(--bg-primary, #0d1117);border:1px solid var(--border-primary, #30363d);border-radius:4px;color:var(--text-primary, #e6edf3);font-size:13px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ae-select:hover{border-color:var(--accent-color, #8b5cf6)}.ae-select:focus{outline:none;border-color:var(--accent-color, #8b5cf6);box-shadow:0 0 0 3px #8b5cf633}.ae-select:disabled{opacity:.5;cursor:not-allowed}.ae-error-message{padding:12px;background:rgba(248,81,73,.1);border:1px solid rgba(248,81,73,.3);border-radius:6px;color:#f85149;font-size:13px;margin:0 16px 16px}.ae-flow-info{display:flex;gap:12px;flex-wrap:wrap}.ae-info-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-secondary, #161b22);border:1px solid var(--border-primary, #30363d);border-radius:20px;font-size:12px;color:var(--text-secondary, #8b949e)}.ae-loading-inline{display:flex;align-items:center;gap:10px;color:var(--text-secondary, #8b949e);font-size:13px}.ae-spinner-small{width:16px;height:16px;border:2px solid var(--border-primary, #30363d);border-top-color:var(--accent-color, #8b5cf6);border-radius:50%;animation:spin 1s linear infinite}.ae-btn-large{width:100%;padding:14px 20px;font-size:15px;font-weight:600}.ae-simulation-controls{display:flex;flex-direction:column;gap:12px}.ae-control-row{display:flex;gap:8px}.ae-control-row .ae-btn{flex:1;padding:10px 12px;font-size:13px}.ae-btn-stop{width:100%;color:#f85149;border-color:#f851494d}.ae-btn-stop:hover{background:rgba(248,81,73,.1);border-color:#f85149}.ae-current-node{background:var(--bg-tertiary, #1c2128);border-radius:8px;margin:0 16px 16px;border:1px solid var(--border-primary, #30363d)}.ae-node-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ae-node-type{padding:4px 8px;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;border-radius:4px;letter-spacing:.5px}.ae-node-title{flex:1;font-size:14px;font-weight:500;color:var(--text-primary, #e6edf3)}.ae-node-progress{font-size:12px;color:var(--text-secondary, #8b949e);font-weight:500}.ae-node-prompt{padding:12px;background:var(--bg-primary, #0d1117);border-radius:6px;font-size:14px;line-height:1.5;color:var(--text-primary, #e6edf3);font-style:italic;border-left:3px solid var(--accent-color, #8b5cf6)}.ae-status{display:flex;justify-content:center}.ae-status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.ae-status-indicator.ready{color:#3fb950}.ae-status-indicator.loading{color:#d29922}.ae-appearance-panel,.ae-expression-panel,.ae-sentiment-panel,.ae-animation-panel,.ae-visual-panel{display:flex;flex-direction:column;gap:6px;max-width:420px}.ae-appearance-panel .ae-section,.ae-expression-panel .ae-section,.ae-sentiment-panel .ae-section{margin-bottom:10px}.ae-expression-panel .ae-mood-card:last-child{margin-bottom:0}.ae-expression-panel .ae-toggle-field,.ae-sentiment-panel .ae-toggle-field{margin-bottom:5px}.ae-expression-panel .ae-slider-field,.ae-sentiment-panel .ae-slider-field{margin-bottom:0}.ae-expression-panel p,.ae-sentiment-panel p{margin:0;font-size:11px}.ae-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ae-compact-card{background:var(--bg-tertiary, #21262d);border:1px solid var(--border-primary, #30363d);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.ae-compact-card:hover{border-color:var(--border-secondary, #484f58)}.ae-card-header{display:flex;justify-content:space-between;align-items:center}.ae-card-info{display:flex;align-items:center;gap:6px}.ae-card-icon{font-size:13px;color:var(--color-accent, #58a6ff);font-family:Segoe UI Symbol,Apple Symbols,sans-serif;font-variant-emoji:text}.ae-card-label{font-size:13px;font-weight:500;color:var(--text-primary, #e6edf3)}.ae-card-desc{font-size:11px;color:var(--text-secondary, #8b949e);margin:0;line-height:1.4}.ae-card-sliders{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-primary, #30363d)}.ae-animation-panel,.ae-expression-panel,.ae-sentiment-panel,.ae-visual-panel,.ae-appearance-panel{max-width:none!important}:root[data-theme=light] .avatar-editor{--bg-primary: #e2e8f0;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--border-primary: rgba(15, 23, 42, .12);--border-secondary: rgba(15, 23, 42, .2);--color-accent: #6366f1;--color-accent-hover: #4f46e5;background:var(--bg-primary);color:var(--text-primary)}:root[data-theme=light] .ae-header{background:linear-gradient(180deg,#e2e8f0 0%,#cbd5e1 100%);border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .ae-title h1{color:#0f172a}:root[data-theme=light] .ae-subtitle{color:#64748b}:root[data-theme=light] .ae-subtitle{color:var(--text-secondary)}:root[data-theme=light] .ae-mode-toggle{background:rgba(255,255,255,.8)}:root[data-theme=light] .ae-mode-btn{color:#64748b}:root[data-theme=light] .ae-mode-btn:hover{color:#0f172a}:root[data-theme=light] .ae-mode-btn.active{background:var(--color-accent);color:#fff}:root[data-theme=light] .ae-preset-select{background:rgba(255,255,255,.9);border-color:#0f172a26;color:#0f172a}:root[data-theme=light] .ae-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}:root[data-theme=light] .ae-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-secondary)}:root[data-theme=light] .ae-btn-ghost{color:var(--text-secondary)}:root[data-theme=light] .ae-btn-ghost:hover{color:var(--text-primary);background:rgba(0,0,0,.05)}:root[data-theme=light] .ae-btn-icon{color:var(--text-secondary)}:root[data-theme=light] .ae-btn-icon:hover{background:rgba(0,0,0,.08);color:var(--text-primary)}:root[data-theme=light] .ae-preview{background:#cbd5e1;border-right:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .ae-avatar-iframe{background:#cbd5e1}:root[data-theme=light] .ae-loading{background:rgba(248,250,252,.9)}:root[data-theme=light] .ae-spinner{border-color:var(--border-primary);border-top-color:var(--color-accent)}:root[data-theme=light] .ae-preview-info{background:var(--bg-tertiary)}:root[data-theme=light] .ae-mood-label{color:var(--text-secondary)}:root[data-theme=light] .ae-tabs{background:var(--bg-secondary);border-bottom-color:var(--border-primary)}:root[data-theme=light] .ae-tab{color:var(--text-secondary)}:root[data-theme=light] .ae-tab:hover{background:rgba(0,0,0,.05);color:var(--text-primary)}:root[data-theme=light] .ae-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}:root[data-theme=light] .ae-input{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}:root[data-theme=light] .ae-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f126}:root[data-theme=light] .ae-modal{background:var(--bg-secondary);border-color:var(--border-primary)}:root[data-theme=light] .ae-modal h3{color:var(--text-primary)}:root[data-theme=light] .ae-preset-list{border-top-color:var(--border-primary)}:root[data-theme=light] .ae-preset-list h4{color:var(--text-secondary)}:root[data-theme=light] .ae-preset-item{background:var(--bg-tertiary)}:root[data-theme=light] .ae-section-title{color:var(--text-primary)}:root[data-theme=light] .ae-section-title:after{background:var(--border-primary)}:root[data-theme=light] .ae-color-label{color:var(--text-secondary)}:root[data-theme=light] .ae-color-input{border-color:var(--border-primary);background:var(--bg-tertiary)}:root[data-theme=light] .ae-color-value{color:var(--text-secondary);background:var(--bg-tertiary)}:root[data-theme=light] .ae-slider-label{color:var(--text-secondary)}:root[data-theme=light] .ae-slider-value{color:var(--color-accent);background:rgba(99,102,241,.1)}:root[data-theme=light] .ae-slider{background:var(--bg-tertiary)}:root[data-theme=light] .ae-slider::-webkit-slider-thumb{background:var(--color-accent)}:root[data-theme=light] .ae-slider::-moz-range-thumb{background:var(--color-accent)}:root[data-theme=light] .ae-toggle-field{background:var(--bg-tertiary)}:root[data-theme=light] .ae-toggle-label{color:var(--text-primary)}:root[data-theme=light] .ae-toggle-description{color:var(--text-secondary)}:root[data-theme=light] .ae-toggle{background:#cbd5e1}:root[data-theme=light] .ae-toggle.active{background:var(--color-accent)}:root[data-theme=light] .ae-mood-card{background:var(--bg-tertiary)}:root[data-theme=light] .ae-mood-card:hover{background:var(--bg-hover)}:root[data-theme=light] .ae-mood-name{color:var(--text-primary)}:root[data-theme=light] .ae-mood-icon{color:var(--text-secondary)}:root[data-theme=light] .ae-mood-preview-btn{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary)}:root[data-theme=light] .ae-mood-preview-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}:root[data-theme=light] .ae-bg-option{border-color:transparent}:root[data-theme=light] .ae-bg-option:hover{border-color:var(--border-secondary)}:root[data-theme=light] .ae-bg-option.active{border-color:var(--color-accent);box-shadow:0 0 0 2px #6366f14d}:root[data-theme=light] .ae-select{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}:root[data-theme=light] .ae-select:hover{border-color:var(--color-accent)}:root[data-theme=light] .ae-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f126}:root[data-theme=light] .ae-info-badge{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}:root[data-theme=light] .ae-current-node{background:var(--bg-tertiary);border-color:var(--border-primary)}:root[data-theme=light] .ae-node-title{color:var(--text-primary)}:root[data-theme=light] .ae-node-prompt{background:var(--bg-secondary);color:var(--text-primary)}:root[data-theme=light] .ae-loading-inline{color:var(--text-secondary)}:root[data-theme=light] .ae-spinner-small{border-color:var(--border-primary);border-top-color:var(--color-accent)}:root[data-theme=light] .ae-simulation-panel .ae-panel-section{border-bottom-color:var(--border-primary)}:root[data-theme=light] .ae-simulation-panel h3{color:var(--text-primary)}:root[data-theme=light] .ae-section-description{color:var(--text-secondary)}:root[data-theme=light] .ae-expression-panel p,:root[data-theme=light] .ae-visual-panel p,:root[data-theme=light] .ae-sentiment-panel p{color:var(--text-secondary)!important}:root[data-theme=light] .ae-lighting-option{background:var(--bg-tertiary);border-color:var(--border-primary)}:root[data-theme=light] .ae-lighting-option:hover{background:var(--bg-hover);border-color:var(--border-secondary)}:root[data-theme=light] .ae-lighting-option.active{border-color:var(--color-accent);background:rgba(99,102,241,.1)}:root[data-theme=light] .ae-lighting-label{color:var(--text-primary)}:root[data-theme=light] .ae-lighting-desc{color:var(--text-secondary)}:root[data-theme=light] .ae-compact-card{background:var(--bg-tertiary);border-color:var(--border-primary)}:root[data-theme=light] .ae-compact-card:hover{border-color:var(--border-secondary)}:root[data-theme=light] .ae-card-icon{color:var(--color-accent)}:root[data-theme=light] .ae-card-label{color:var(--text-primary)}:root[data-theme=light] .ae-card-desc{color:var(--text-secondary)}:root[data-theme=light] .ae-card-sliders{border-top-color:var(--border-primary)}