: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}.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;--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}:root[data-theme=light]{color:#0f172a;background-color:#f8fafc;color-scheme:light;--text-primary: #0f172a;--text-secondary: #475569;--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}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,#fff,#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:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--page-border, rgba(148, 163, 184, .2));padding:.6rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-sizing:border-box;min-height:56px;max-height:56px;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:#fffffffa;border-bottom-color:var(--page-border, rgba(15, 23, 42, .12));border-image:linear-gradient(90deg,transparent 0%,var(--page-border, rgba(15, 23, 42, .12)) 20%,var(--page-border, rgba(15, 23, 42, .12)) 80%,transparent 100%) 1}.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:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.25rem}.navbar-camlin-text{color:#60a5fa}.navbar-ai-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-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:.75rem;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:#38bdf81a;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:#38bdf81a;border-color:#38bdf880;color:#38bdf8}.navbar-toggle.active{background:#38bdf833;border-color:#38bdf8;color:#38bdf8}.navbar-toggle.active[data-page-id=builder]{background:#0ea5e926;border-color:var(--page-border, #0ea5e9);color:var(--page-text, #38bdf8)}.navbar-toggle.active[data-page-id=test]{background:#fbbf2426;border-color:var(--page-border, #f59e0b);color:var(--page-text, #fbbf24)}.navbar-toggle.active[data-page-id=contact-center]{background:#ec489926;border-color:var(--page-border, #db2777);color:var(--page-text, #f472b6)}.navbar-toggle.active[data-page-id=insight]{background:#4ade8026;border-color:var(--page-border, #22c55e);color:var(--page-text, #4ade80)}.navbar-toggle.active[data-page-id=operate]{background:#8b5cf626;border-color:var(--page-border, #6366f1);color:var(--page-text, #c4b5fd)}:root[data-theme=light] .navbar-toggle.active[data-page-id=builder]{background:#0ea5e91a;border-color:var(--page-border, #0ea5e9);color:var(--page-text, #0369a1)}:root[data-theme=light] .navbar-toggle.active[data-page-id=test]{background:#fbbf241a;border-color:var(--page-border, #f59e0b);color:var(--page-text, #b45309)}:root[data-theme=light] .navbar-toggle.active[data-page-id=contact-center]{background:#ec48991a;border-color:var(--page-border, #db2777);color:var(--page-text, #9d174d)}:root[data-theme=light] .navbar-toggle.active[data-page-id=insight]{background:#4ade801a;border-color:var(--page-border, #22c55e);color:var(--page-text, #166534)}:root[data-theme=light] .navbar-toggle.active[data-page-id=operate]{background:#8b5cf61a;border-color:var(--page-border, #7c3aed);color:var(--page-text, #4c1d95)}:root[data-theme=light] .top-navbar{background:#ffffffe6;border-bottom:1px solid rgba(15,23,42,.08)}:root[data-theme=light] .navbar-camlin-text{color:#2563eb}:root[data-theme=light] .navbar-ai-text{background:linear-gradient(135deg,#2563eb,#7c3aed,#db2777);-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:#0f172a33;color:#0f172a;background:#ffffffb3}:root[data-theme=light] .navbar-toggle:hover{background:#0ea5e91f;color:#0369a1}:root[data-theme=light] .navbar-toggle.active{background:#0ea5e92e;border-color:#0ea5e999;color:#0369a1}:root[data-theme=light] .theme-toggle{background:#ffffffd9;border-color:#0f172a26;color:#0f172a}.theme-toggle{border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:#e2e8f0;padding:0;border-radius:999px;cursor:pointer;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;transition:all .2s ease}.theme-toggle:hover{background:#38bdf826;border-color:#38bdf880;color:#38bdf8}.navbar-profile-container{position:relative}.navbar-profile-button{border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:#e2e8f0;padding:0;border-radius:999px;cursor:pointer;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;transition:all .2s ease}.navbar-profile-button:hover{background:#38bdf826;border-color:#38bdf880;color:#38bdf8}.navbar-profile-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#0f172afa;-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:#38bdf826;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:#94a3b833;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:#ffffffd9;border-color:#0f172a26;color:#0f172a}:root[data-theme=light] .navbar-profile-button:hover{background:#0ea5e91f;border-color:#0ea5e966;color:#0369a1}:root[data-theme=light] .navbar-profile-menu{background:#fffffffa;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:#0ea5e91f;color:#0369a1}:root[data-theme=light] .navbar-profile-menu-badge{background:#0f172a1a;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:#0f172afa;-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;inset:0;background:#00000080;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}}:root[data-theme=light] .navbar-actions{background:#fffffffa;border-left:1px solid rgba(15,23,42,.15);box-shadow:-4px 0 20px #0f172a1a}:root[data-theme=light] .navbar-overlay{background:#0000004d}.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.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;inset: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}main.contact-center-view,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:#0f172a80;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:#ffffffe6;border-bottom:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .help-page-panel .tabbed-content{background:#fffffff2;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:#0f172ab3;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:#0f172acc;color:#e2e8f0;padding:.5rem .75rem;font-size:.95rem}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{background:#fffffff2;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}.simulator-panel{display:flex;flex-direction:column;gap:.75rem;margin-top:0}.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:#0f172acc;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:#0f172acc;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:#0f172af2;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:#0f172af2;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:#0f172ae6;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:#0f172acc;border-radius:.5rem;color:#e2e8f0;padding:.2rem .6rem;cursor:pointer}.html-single-controls button:hover{background:#0ea5e91a;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:#0f172acc;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:#0f172ad9;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:#0f172ae6;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:#94a3b84d;cursor:col-resize;flex-shrink:0;position:relative;transition:background .2s ease;-webkit-user-select:none;user-select:none}.voice-console-divider:hover{background:#38bdf880}.voice-console-divider.dragging{background:#38bdf8cc;cursor:col-resize}.voice-console-divider:before{content:"";position:absolute;inset:0 -2px;background:transparent}.voice-node-column{flex-shrink:0;min-width:0;background:#0f172ad9;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:#0f172af2;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:#94a3b826}.voice-log-active{background:#38bdf833}.voice-log-prompt{border-left-color:#60a5fa}.voice-log-user{border-left-color:#fbbf24}.voice-log-entry.voice-log-user{background:#fbbf242e;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:#fbbf2452}.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:#0f172ab3}.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:#38bdf826}.summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1.5rem;border-radius:1rem;background:#0f172ab3;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:#38bdf826;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:#0f172a0d;color:#0369a1;padding:.15rem .4rem;border-radius:.25rem;font-size:.9em}:root[data-theme=light] pre{background:#0f172a0d;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:#0f172acc;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:#fffffff2;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,#ec4899,#f59e0b);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,#db2777,#d97706);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,#94a3b833,#94a3b81a);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,#94a3b84d,#94a3b833);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:#94a3b81a;border-color:#94a3b880;transform:translateY(-1px);box-shadow:0 6px 16px #94a3b833}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}:root[data-theme=light] .btn-secondary{background:#0f172a14;color:#0f172a;border:1px solid rgba(15,23,42,.2)}:root[data-theme=light] .btn-secondary:hover{background:#0f172a1f;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:#0f172a0d;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:#94a3b814}.empty{text-align:center;color:#94a3b8}.tabbed-panel{background:linear-gradient(135deg,#1e293bf2,#0f172ae6,#334155f2);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:#94a3b81a;color:#cbd5f5}.tabbed-tab.active{background:linear-gradient(135deg,#38bdf840,#818cf833);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:#0f172abf;color:#e2e8f0}.voice-mode-chip.live{border-color:#4ade8080;color:#86efac;background:#16a34a1f}.voice-mode-chip.paused{border-color:#f8717180;color:#fecaca;background:#f871711f}.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:#0f172aa6;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:#0f172ad9;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:#38bdf826;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:#0f172a99;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:#38bdf833;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:#ffffffe6;border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .btn-icon-action:hover:not(:disabled){background:#0ea5e91f;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:#0f172ae6;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:#0f172af2;min-height:150px}.help-modal-overlay{position:fixed;inset:0;background:#020617d9;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:#0f172afa;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:#0f172a99;color:#e2e8f0}.help-search-status{font-size:.85rem;color:#94a3b8}.help-error{padding:.75rem;border-radius:.65rem;background:#ef444426;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:#0f172aa6;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,#1e293bf2,#0f172ae6,#334155f2);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:#22c55e26;border-color:#22c55e66;color:#4ade80}.status-badge.status-error{background:#f8717126;border-color:#f8717166;color:#f87171}.status-badge.status-checking{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24}.status-badge.status-idle{background:#94a3b826;border-color:#94a3b84d;color:#cbd5f5}.status-badge.status-paused{background:#38bdf826;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,#fff,#f8fafcfa,#f1f5f9);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:#fffffffa;border:1px solid rgba(15,23,42,.15);box-shadow:0 30px 80px #0f172a33}:root[data-theme=light] .help-modal-overlay{background:#f8fafce6}: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:#fffffff2;border-color:#0f172a26;color:#0f172a}:root[data-theme=light] .help-topic-card{background:#fffffff2;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:#f8717133;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:#fffffff2;border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .voice-node-preview{background:#fffffffa;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:#ffffffe6;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:#fffffff2;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:#fffffff2;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:#fffffffa;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:#fffffff2;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:#ffffffe6;border-color:#0f172a33;color:#0f172a}:root[data-theme=light] .html-single-controls button:hover{background:#0ea5e91a;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:#fffffff2;border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .voice-filter-chip{background:#ffffffe6;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:.6rem 2rem!important;min-height:56px!important;max-height:56px!important}.navbar-divider{width:1px;height:24px;background:#94a3b84d;margin:0 .5rem 0 .25rem}:root[data-theme=light] .navbar-divider{background:#0f172a26}.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:.6rem 1rem!important;gap:1rem;min-height:56px!important;max-height:56px!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:#0f172a4d}.mobile-nav-items .nav-element-text:hover,.mobile-nav-items .nav-element-text.active{background:#0f172a99}}:root[data-theme=light] .mobile-nav-items{border-bottom-color:#0f172a1a}:root[data-theme=light] .mobile-nav-items .nav-element-text{background:#ffffff80}:root[data-theme=light] .mobile-nav-items .nav-element-text:hover,:root[data-theme=light] .mobile-nav-items .nav-element-text.active{background:#fffc}@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:#0f172a73;-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:#ffffffd9}: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:#ffffff0f}.nav-element-text.active{background:#ffffff14;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,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}:root[data-theme=light] .net-highlight{background:linear-gradient(135deg,#2563eb,#7c3aed,#db2777);-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:#0f172a0d}:root[data-theme=light] .nav-element-text.active{background:#0f172a14;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:#0f172a99;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}}.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:#22c55e33;color:#22c55e}.status-badge.warning{background:#f59e0b33;color:#f59e0b}.status-badge.critical{background:#ef444433;color:#ef4444}.status-badge.loading{background:#3b82f633;color:#3b82f6}.status-badge.error{background:#ef444433;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:#ffffff0d}.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:#22c55e33;color:#22c55e}.status-failed,.level-error{background:#ef444433;color:#ef4444}.status-busy,.status-no-answer,.level-warning{background:#f59e0b33;color:#f59e0b}.status-in-progress,.level-verbose{background:#3b82f633;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:#3b82f61a;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:#ef444433;color:#ef4444}.issue-severity.warning{background:#f59e0b33;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)}.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:#0f172ab3;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:#0f172a99;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:#ffffff05}.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:#3b82f626;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:#ec489926;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:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-inactive{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.status-error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-unknown{background:#eab30826;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:#0f172ab3;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:#0f172a80;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:#0f172ab3;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:#38bdf826;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:#38bdf840;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:#0f172ab3;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:#0f172a80;color:#e2e8f0}.form-group textarea{min-height:120px;resize:vertical;font-family:inherit}.form-group input:disabled{background:#0f172a4d;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:#f871711f;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:#0f172ab3;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:#0f172a80;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:#0f172a59}:root[data-theme=light] .contact-center .camlin-tab-panel{background:#ffffffeb;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:#fff;border:1px solid rgba(15,23,42,.08);color:#0f172a;box-shadow:0 6px 18px #0f172a14}:root[data-theme=light] .queue-member-chip{background:#0ea5e91f;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:#fff;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:#fff;border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .form-group input:disabled{background:#0f172a0d;color:#64748b}:root[data-theme=light] .form-actions{border-top:1px solid rgba(15,23,42,.1)}:root[data-theme=light] .empty-state{background:#0f172a08;color:#475569}:root[data-theme=light] .form-group small{color:#64748b}:root[data-theme=light] .member-chip{background:#0ea5e91f;color:#0369a1;border:1px solid rgba(14,165,233,.2)}:root[data-theme=light] .member-chip:hover{background:#0ea5e92e;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:#fff;border:1px solid rgba(15,23,42,.08);color:#0f172a}:root[data-theme=light] .dashboard-recent h2{color:#0f172a}:root[data-theme=light] .card-header{background:#0f172a08;border-bottom:1px solid rgba(15,23,42,.08)}:root[data-theme=light] .card-body{background:#fff;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:#0f172a0d;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;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease-out;padding:2rem;overflow-y:auto}.modal-content{background:#0f172afa;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:#0f172a80;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:#ec48991a;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:#0000004d;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;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.progress-modal{background:#0f172af2;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:#94a3b833;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:#0f172ab3;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:#0000004d;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:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.transport-badge.udp{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.transport-badge.unknown{background:#94a3b826;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:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-chip.inactive{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.status-chip.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-chip.unknown{background:#f59e0b26;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:#8b5cf626;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:#22c55e1a;color:#16a34a}:root[data-theme=light] .transport-badge.udp{background:#3b82f61a;color:#2563eb}:root[data-theme=light] .status-chip.active{background:#22c55e1a;color:#16a34a}:root[data-theme=light] .status-chip.error{background:#ef44441a;color:#dc2626}:root[data-theme=light] .codec-chip{background:#8b5cf61a;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:#0f172ab3;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:#0f172a80;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:#fff;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:#fff;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:#fff;border:1px solid rgba(15,23,42,.08)}:root[data-theme=light] .trunks-table th{color:#475569;background:#0f172a05;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:#0f172a05}.ask-camlin-trigger{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 12px #3b82f666;z-index:100;transition:transform .2s ease,box-shadow .2s ease;font-weight:600}.ask-camlin-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.ask-camlin-window{position:fixed;bottom:2rem;right:2rem;width:380px;height:600px;max-height:calc(100vh - 4rem);background:#0f172afa;border:1px solid rgba(148,163,184,.35);border-radius:1rem;box-shadow:0 25px 60px #0307128c;display:flex;flex-direction:column;z-index:100;overflow:hidden;animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .3s ease,height .3s ease}[data-theme=light] .ask-camlin-window{background:#f8fafcfa;border:1px solid rgba(15,23,42,.12);box-shadow:0 25px 60px #0f172a40}.expanded-view{width:600px!important;height:700px!important}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ask-camlin-header{padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:.5rem}.header-title h3{margin:0;font-size:1rem;font-weight:600}.back-button{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:0 .5rem;margin-right:.25rem}.back-button:hover{color:var(--text-primary)}.close-button{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .5rem}.close-button:hover{color:var(--text-primary)}.ask-camlin-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;gap:.75rem;max-width:90%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.message.assistant .message-avatar{background:linear-gradient(135deg,#3b82f633,#8b5cf633)}.message-content{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:1rem;border-top-left-radius:0;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.message.user .message-content{background:var(--primary-color);color:#fff;border-radius:1rem;border-top-right-radius:0}.message-citations{margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.2);display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem}.citations-label{color:var(--text-secondary);margin-right:.25rem}.citation-tag{background:var(--bg-tertiary);padding:.15rem .5rem;border-radius:4px;color:var(--text-secondary);border:1px solid var(--border-color)}.message-actions{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.action-button{background:var(--bg-tertiary);border:1px solid var(--primary-color);color:var(--primary-color);padding:.4rem .8rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.action-button:hover{background:var(--primary-color);color:#fff}.typing-indicator{display:flex;gap:.25rem;padding:1rem}.typing-indicator span{animation:bounce 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ask-camlin-input-area{padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;gap:.5rem}.ask-camlin-input-area input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:999px;color:var(--text-primary)}.ask-camlin-input-area input:focus{outline:none;border-color:var(--primary-color)}.tool-container{flex:1;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.tool-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:1rem;padding:2rem}.placeholder-icon{font-size:3rem;opacity:.5}.console-logs{width:100%;height:200px;background:#0f172a;border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;color:#22c55e;overflow-y:auto;text-align:left;box-shadow:inset 0 2px 4px #0000004d}.log-entry{margin-bottom:.25rem;white-space:pre-wrap;word-break:break-all}.log-entry.system{color:#64748b}.ops-placeholder{align-items:flex-start;text-align:left}.ops-runbook-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.ops-runbook-entry{display:flex;gap:.75rem;padding:.75rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.2);background:#0f172a66}.ops-runbook-entry p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-secondary)}.ops-hint{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.runbook-chip{font-size:.7rem;padding:.2rem .6rem;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;align-self:flex-start}.runbook-chip.critical{background:#f8717126;border:1px solid rgba(248,113,113,.4)}.runbook-chip.high{background:#fb923c26;border:1px solid rgba(251,146,60,.4)}.runbook-chip.medium{background:#fbbf2426;border:1px solid rgba(251,191,36,.4)}.runbook-chip.low{background:#22c55e26;border:1px solid rgba(34,197,94,.35)}.project-browser-overlay{position:fixed;inset:0;background:#020617f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:0}.project-browser-modal{width:100vw;height:100vh;background:#0f172afa;border:none;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.project-browser-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;border-bottom:1px solid rgba(148,163,184,.2);background:linear-gradient(135deg,#0f172af2,#1e293be6)}.project-browser-header h2{margin:0;font-size:2rem;font-weight:600;color:#e2e8f0;letter-spacing:-.02em}.close-button{background:none;border:none;font-size:2rem;color:#94a3b8;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background .2s ease,color .2s ease}.close-button:hover{background:#94a3b826;color:#e2e8f0}.project-browser-error{margin:1rem 2rem;padding:1rem;background:#ef444426;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-y:auto;padding:3rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;min-height:0;max-width:1800px;margin:0 auto;width:100%}.project-browser-section{display:flex;flex-direction:column;gap:1rem;min-height:0}.search-bar{width:100%}.search-bar input{width:100%;padding:.75rem 1rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.35);background:#0f172ad9;color:#e2e8f0;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.search-bar input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-browser-section h3{margin:0;font-size:1.1rem;color:#e2e8f0}.create-project-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:.75rem}.create-project-form input{padding:.6rem;background:#0f172ae6;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;max-height:400px;padding-right:.5rem}.project-item,.diagram-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:.75rem;cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease,transform .15s ease}.project-item:hover,.diagram-item:hover{background:#0f172af2;border-color:#38bdf866;transform:translateY(-1px)}.project-item.active,.diagram-item.active{background:#38bdf826;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.project-item strong,.diagram-item strong{color:#e2e8f0;font-size:.95rem}.project-meta,.diagram-meta{font-size:.8rem;color:#94a3b8}.project-browser-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-top:1px solid rgba(148,163,184,.2);gap:1rem}.selected-info{flex:1;font-size:.9rem;color:#94a3b8}.selected-info strong{color:#e2e8f0;margin-right:.5rem}.footer-actions{display:flex;gap:.75rem}:root[data-theme=light] .project-browser-overlay{background:#f8fafcf2}:root[data-theme=light] .project-browser-modal{background:#fffffffa;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:#0f172a14;color:#0f172a}:root[data-theme=light] .project-browser-error{background:#ef44441a;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:#ffffffe6;border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .create-project-form input{background:#fffffff2;border:1px solid rgba(15,23,42,.15);color:#0f172a}:root[data-theme=light] .project-item,:root[data-theme=light] .diagram-item{background:#ffffffe6;border:1px solid rgba(15,23,42,.15)}:root[data-theme=light] .project-item:hover,:root[data-theme=light] .diagram-item:hover{background:#fffffffa;border-color:#0ea5e966}:root[data-theme=light] .project-item.active,:root[data-theme=light] .diagram-item.active{background:#0ea5e91f;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:#fffffff2;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}@media(max-width:768px){.project-browser-body{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-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:#ef44441a;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{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:#94a3b81a}.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:#94a3b826;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}:root[data-theme=light] .service-icon{background:#0f172a14}.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;inset:0;background:#020617e6;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:#38bdf826}.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:#16a34a33;color:#16a34a}.release-status-warn{background:#eab30833;color:#fbbf24}.release-status-error{background:#f8717140;color:#f87171}.release-status-idle{background:#94a3b826;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)}.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:#38bdf826}.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:#0f172a99;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:#94a3b826}.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:#f8717126;border:1px solid rgba(248,113,113,.5)}.severity-chip.high{background:#fb923c26;border:1px solid rgba(251,146,60,.5)}.severity-chip.medium{background:#fbbf2426;border:1px solid rgba(251,191,36,.5)}.severity-chip.low{background:#22c55e26;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:#0f172a66}.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:#ffffffe6;border-color:#0f172a1a}::root [data-theme=light] .runbook-detail{background:#fffffff2;border-color:#0f172a1f}::root [data-theme=light] .runbook-steps li{background:#ffffffe6;border-color:#0f172a1f}.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,#3b82f61a,#8b5cf61a);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,#8b5cf6,#ec4899);-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,#1e293bf2,#0f172ae6,#334155f2);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:#0f172a80;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,#ef4444);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,#2563eb14,#7c3aed14);border:1px solid rgba(37,99,235,.15)}:root[data-theme=light] .about-intro h1{background:linear-gradient(135deg,#2563eb,#7c3aed,#db2777);-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,#fff,#f8fafcfa,#f1f5f9);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:#fff9;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}@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,#1e293bf2,#0f172ae6,#334155f2);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:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#f87171;font-size:.875rem}.profile-success{padding:.75rem 1rem;background:#22c55e26;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,#fff,#f8fafcfa,#f1f5f9);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,#0f172a 60%,#0a0f1a);padding:2rem;position:relative;overflow:hidden}:root[data-theme=light] .login-page{background:radial-gradient(ellipse at top,#fff,#e2e8f0 65%,#f1f5f9)}.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,#1e293bf2,#0f172ae6,#334155f2);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,#fff,#f8fafcfa,#f1f5f9);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,#8b5cf6,#ec4899);-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,#7c3aed,#db2777);-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:#0f172acc;-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),#0003);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:all .15s}.flow-handle:hover{background:var(--node-color, #6366f1);transform:scale(1.2)}.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,#22c55e1f,#0003)}.flow-node-cat-interaction .node-header{background:linear-gradient(135deg,#3b82f61f,#0003)}.flow-node-cat-logic .node-header{background:linear-gradient(135deg,#06b6d41f,#0003)}.flow-node-cat-data .node-header{background:linear-gradient(135deg,#f59e0b1f,#0003)}.flow-node-cat-integration .node-header{background:linear-gradient(135deg,#ec48991f,#0003)}.flow-node-cat-channel .node-header{background:linear-gradient(135deg,#14b8a61f,#0003)}.flow-node-cat-ai .node-header{background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.flow-node-cat-module .node-header{background:linear-gradient(135deg,#78716c1f,#0003)}.flow-node-start{border-color:#22c55e}.flow-node-start:before{content:"";position:absolute;inset:-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;inset:-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}.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}.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);border:1px solid var(--border-color, #1e1e3a);border-radius:8px}.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:#6366f11a;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}.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}.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)}.node-reference-overlay{position:fixed;inset:0;background:#000c;-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:#ffffff1a;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:#6366f11a;border-color:#6366f14d}.node-card.selected,.asr-card.selected{background:#6366f126;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:#f59e0b26;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:#22c55e26;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,#16a34a);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}@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}}.speak-to-design-overlay{position:fixed;inset:0;background:#000c;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}.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,#6366f133,#8b5cf633);border:2px solid var(--accent-color, #6366f1);border-radius:16px;cursor:pointer;transition:all .2s}.mic-button:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);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}@keyframes spin{to{transform:rotate(360deg)}}.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)}.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:#6366f11a;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:#6366f126}.context-badge.app{border-color:#8b5cf666;background:#8b5cf61a}.context-badge.diagram{border-color:#22c55e66;background:#22c55e1a}.context-badge.node{border-color:#f59e0b66;background:#f59e0b1a}.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:#6366f11a;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}.suggestion-chip:hover{background:#6366f133;border-color:var(--accent-color, #6366f1);transform:translate(4px)}.flow-issues{margin-top:16px;padding:12px;background:#f59e0b1a;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;animation:messageIn .2s ease}.message-row.user{align-items:flex-end}.message-row.assistant{align-items:flex-start}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble{max-width:85%;padding:10px 14px}.chat-bubble.user{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:16px 16px 4px}.chat-bubble.assistant{background:#1a1a2e;border:1px solid rgba(99,102,241,.25);color:#e0e0e0;border-radius:16px 16px 16px 4px}.message-content{font-size:.875rem;line-height:1.5;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{color:#d0d0d0}.chat-bubble.assistant .message-content strong{color:#a5b4fc}.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,#8b5cf6,#a855f7);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,#a78bfa,#c084fc);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}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.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;inset:0;background:linear-gradient(135deg,#6366f11a,#a855f71a,#ec48991a);opacity:0;transition:opacity .3s ease}.voice-btn:hover:before,.send-btn:hover:before{opacity:1}.voice-btn{background:linear-gradient(135deg,#1a1a2e,#12121f);border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.voice-btn:hover:not(:disabled){border-color:#8b5cf699;box-shadow:0 0 20px #6366f133,inset 0 0 20px #6366f10d;transform:translateY(-1px)}.voice-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;animation:pulse-voice 1.5s infinite}@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,#8b5cf6,#a855f7);color:#fff;box-shadow:0 4px 14px #6366f166}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a78bfa,#c084fc);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 svg,.send-btn svg{width:20px;height:20px;position:relative;z-index:1}.send-btn svg{transform:rotate(-45deg)}.send-btn svg.spin{transform:none;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.node-properties-panel{display:flex;flex-direction:column;height:100%;background:var(--surface-secondary, #12121f);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid var(--border-color, #1e1e3a);background:#0003}.panel-title{display:flex;align-items:center;gap:12px}.panel-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.title-text h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #fff);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-type{font-size:.75rem;color:var(--text-tertiary, #666680);text-transform:uppercase;letter-spacing:.5px}.close-btn{background:transparent;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .15s}.close-btn:hover{color:var(--text-primary, #fff)}.category-badge{display:inline-flex;align-items:center;gap:6px;margin:12px 16px 0;padding:4px 10px;background:color-mix(in srgb,var(--cat-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--cat-color) 30%,transparent);border-radius:4px;font-size:.75rem;color:var(--cat-color);width:fit-content}.node-description{margin:12px 16px;padding:12px;background:var(--surface-tertiary, #0a0a14);border-radius:6px;font-size:.8rem;color:var(--text-secondary, #a0a0a0);line-height:1.5}.panel-tabs{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--border-color, #1e1e3a);background:#0000001a}.panel-tabs button{flex:1;padding:10px 8px;background:transparent;border:none;color:var(--text-secondary, #a0a0a0);font-size:.8rem;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent}.panel-tabs button:hover{color:var(--text-primary, #fff);background:#ffffff08}.panel-tabs button.active{color:var(--accent-color, #6366f1);border-bottom-color:var(--accent-color, #6366f1)}.panel-content{flex:1;overflow-y:auto;padding:16px}.property-group{margin-bottom:20px}.property-group.readonly{opacity:.7}.property-group.advanced{padding-left:12px;border-left:2px solid var(--accent-color, #6366f1)}.property-group label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.property-group label .required{color:#ef4444;margin-left:2px}.property-group code{display:block;padding:8px 12px;background:var(--surface-tertiary, #0a0a14);border-radius:4px;font-size:.8rem;color:#a5b4fc;font-family:Fira Code,Consolas,monospace}.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}.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 #6366f133}.property-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.property-group select{cursor:pointer}.property-hint{margin:6px 0 0;font-size:.7rem;color:var(--text-tertiary, #666680);line-height:1.4}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-label input[type=checkbox]{display:none}.toggle-switch{width:40px;height:22px;background:var(--surface-tertiary, #0a0a14);border-radius:11px;position:relative;transition:background .2s}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--text-secondary, #a0a0a0);border-radius:50%;transition:all .2s}.toggle-label input:checked+.toggle-switch{background:var(--accent-color, #6366f1)}.toggle-label input:checked+.toggle-switch:after{left:21px;background:#fff}.toggle-text{font-size:.85rem;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:8px}.channel-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border-color, #1e1e3a);border-radius:20px;color:var(--text-secondary, #a0a0a0);font-size:.75rem;cursor:pointer;transition:all .15s}.channel-badge:hover:not(.disabled){border-color:var(--badge-color);color:var(--badge-color)}.channel-badge.active{background:color-mix(in srgb,var(--badge-color) 15%,transparent);border-color:var(--badge-color);color:var(--badge-color)}.channel-badge.disabled{opacity:.4;cursor:not-allowed}.badge-icon{font-size:1rem}.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:#0003;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:16px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.config-row{display:flex;gap:12px}.config-field.half{flex:1}.field-description{font-size:.7rem;color:var(--text-tertiary, #666680);margin:4px 0 0}.field-example{font-size:.7rem;color:#22c55e;font-style:italic;margin:4px 0 0}input[type=range]{width:100%;accent-color:var(--accent-color, #6366f1)}.range-value{font-size:.8rem;color:var(--accent-color, #6366f1);font-weight:600;margin-left:8px}.section-description{font-size:.8rem;color:var(--text-secondary, #a0a0a0);margin:0 0 12px}.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:10px;background:var(--surface-tertiary, #0a0a14);border:1px solid var(--border-color, #1e1e3a);border-radius:6px;color:var(--text-secondary, #a0a0a0);font-size:.8rem;cursor:pointer;text-align:left;margin-bottom:16px;transition:all .15s}.advanced-toggle:hover{background:#6366f11a;border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.examples-section{padding:12px 16px;border-top:1px solid var(--border-color, #1e1e3a);background:#0000001a}.examples-section h4{margin:0 0 12px;font-size:.75rem;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.example-item{display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--surface-tertiary, #0a0a14);border-radius:4px;margin-bottom:8px}.example-item:last-child{margin-bottom:0}.example-name{font-size:.8rem;font-weight:500;color:var(--text-primary, #fff)}.example-desc{font-size:.7rem;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)}.flow-designer{display:flex;flex-direction:column;height:calc(100vh - 60px);width:100%;background:var(--surface-primary, #0d0d1a);overflow:hidden}.flow-designer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#0f172a66;border:1px solid rgba(148,163,184,.15);border-radius:8px;min-height:56px;flex-wrap:nowrap!important}.flow-designer-selectors{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0}.flow-designer-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.selector-group{display:flex;align-items:center;gap:6px}.selector-group label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #94a3b8);white-space:nowrap;font-weight:600;min-width:fit-content}.selector-group select{min-width:140px;max-width:180px;padding:0 10px;background:#0f172acc;border:1px solid rgba(148,163,184,.25);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:12px;height:32px;cursor:pointer}.selector-group select:hover{border-color:#94a3b866}.selector-group select:focus{outline:none;border-color:#6366f180}.btn-new-project,.btn-new-diagram,.rename-btn{padding:0;width:32px;height:32px;background:#94a3b814;border:1px solid rgba(148,163,184,.25);border-radius:4px;font-size:14px;cursor:pointer;opacity:.7;transition:all .15s;color:var(--text-secondary, #94a3b8);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-new-project:hover,.btn-new-diagram:hover,.rename-btn:hover{opacity:1;background:#94a3b826;border-color:#94a3b873}.header-btn{padding:0 14px;border-radius:6px;border:1px solid rgba(148,163,184,.25);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;height:32px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.ai-btn.create-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1,#0ea5e9);border-color:#8b5cf680;color:#fff}.ai-btn.create-btn:hover{filter:brightness(1.1);box-shadow:0 4px 16px #8b5cf666}.header-btn.ghost{background:#0f172a99;color:var(--text-secondary, #94a3b8)}.header-btn.ghost:hover{background:#94a3b81f;color:var(--text-primary, #e2e8f0)}.header-btn.primary{background:var(--accent-color, #6366f1);color:#fff;border-color:var(--accent-color, #6366f1)}.header-btn.primary:hover{background:#818cf8}.header-btn.secondary{background:transparent;color:var(--text-secondary, #a0a0a0);border-color:var(--border-color, #1e1e3a)}.header-btn.secondary:hover{background:var(--surface-tertiary, #0a0a14);color:var(--text-primary, #fff)}.header-btn:disabled{opacity:.5;cursor:not-allowed}.flow-designer-actions button{height:32px;padding:0 14px;border-radius:6px;font-size:12px}.unsaved-indicator{color:#f59e0b;font-size:.8rem;margin-right:8px}.diagram-selector{position:relative}.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)}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.new-project-modal{background:linear-gradient(165deg,#121e3cfa,#080f20f2);border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:40px;min-width:500px;max-width:600px;box-shadow:0 25px 60px #0009;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.new-project-modal h3{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--text-primary, #e2e8f0)}.new-project-modal input{width:100%;padding:14px 16px;margin-bottom:16px;background:#0f172a99;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:var(--text-primary, #e2e8f0);font-size:14px;box-sizing:border-box;transition:all .2s}.new-project-modal input:focus{outline:none;border-color:#6366f199;box-shadow:0 0 0 3px #6366f11a;background:#0f172acc}.new-project-modal input::placeholder{color:#94a3b880}.new-project-modal small{display:block;font-size:12px;color:#94a3b8b3;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-modal-primary,.btn-modal-secondary{padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;box-shadow:0 4px 12px #6366f14d}.btn-modal-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.btn-modal-secondary{background:transparent;color:var(--text-secondary, #94a3b8);border:1px solid rgba(148,163,184,.3)}.btn-modal-secondary:hover{border-color:#94a3b880;color:var(--text-primary, #e2e8f0);background:#94a3b814}.flow-designer-error{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#ef44441a;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{width:320px;min-width:280px;max-width:400px;border-right:1px solid var(--border-color, #1e1e3a);flex-shrink:0;display:flex;flex-direction:column;animation:slideInFromLeft .2s ease}@keyframes slideInFromLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.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{width:280px;background:var(--surface-secondary, #12121f);border-left:1px solid var(--border-color, #1e1e3a);display:flex;flex-direction:column;overflow:hidden}.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}@media(max-width:1600px){.selector-group select{min-width:120px;max-width:150px;font-size:11px}.header-btn{padding:0 10px;font-size:11px}}@media(max-width:1400px){.flow-designer-selectors{gap:8px}.selector-group select{min-width:100px}.selector-group label{font-size:9px}}@media(max-width:1200px){.header-btn{flex-direction:column;padding:4px 6px;gap:2px;font-size:9px;min-width:44px}}@media(max-width:768px){.flow-designer-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:100;box-shadow:-4px 0 20px #0000004d}}.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:#0f172a99}.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:#ffffffe6;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))}}