:root{--violet-300:#c4b5ff;--violet-400:#a996ff;--violet-500:#8f75ff;--violet-600:#7c5cff;--violet-700:#6a4cf5;--violet-800:#5b3de6;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-600:#0891b2;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-600:#059669;--emerald-700:#047857;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-600:#d97706;--amber-700:#b45309;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-600:#2563eb;--blue-700:#1d4ed8;--pink-400:#f472b6;--orange-400:#fb923c;--lime-400:#a3e635;--ink-0:#fff;--ink-25:#fafafc;--ink-50:#f6f6f9;--ink-100:#efeff5;--ink-150:#e8e8f0;--ink-200:#dcdce6;--ink-400:#a3a3b5;--ink-500:#75758a;--ink-600:#4b4b5e;--ink-750:#20202b;--ink-800:#17171f;--ink-850:#101017;--ink-900:#0b0b11;--ink-950:#07070b;--font-sans:"Inter", "Inter var", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-features:"cv11", "ss01", "ss03";--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.55;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-tight:-.02em;--tracking-caps:.08em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-1:4px;--radius-2:6px;--radius-3:10px;--radius-4:14px;--radius-5:20px;--radius-pill:9999px;--dur-instant:80ms;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--dur-slower:.48s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-sticky:50;--z-topbar:90;--z-sidebar:100;--z-dropdown:200;--z-drawer:250;--z-modal:300;--z-palette:350;--z-toast:400;--z-tooltip:500;--sidebar-w:248px;--sidebar-w-sm:56px;--topbar-h:52px;--content-max:1440px}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-canvas:var(--ink-950);--color-bg-subtle:var(--ink-900);--color-bg-surface:var(--ink-850);--color-bg-raised:var(--ink-800);--color-bg-overlay:var(--ink-750);--color-bg-inset:#0c0c12;--color-bg-hover:#ffffff0a;--color-bg-active:#ffffff12;--color-bg-glass:#101017b8;--color-scrim:#030308a8;--color-border-subtle:#ffffff0e;--color-border:#ffffff17;--color-border-strong:#ffffff29;--color-fg:#f2f2f7;--color-fg-muted:#a3a3b5;--color-fg-subtle:#7a7a8f;--color-fg-disabled:#4e4e5e;--color-fg-inverse:var(--ink-950);--color-fg-on-accent:#fff;--color-accent:var(--violet-600);--color-accent-hover:var(--violet-500);--color-accent-active:var(--violet-700);--color-accent-fg:var(--violet-400);--color-accent-soft:#7c5cff24;--color-accent-softer:#7c5cff14;--color-accent-border:#7c5cff61;--color-accent-2:var(--cyan-400);--color-accent-2-soft:#22d3ee1f;--color-success:var(--emerald-400);--color-success-fg:var(--emerald-300);--color-success-soft:#34d3991f;--color-success-border:#34d3994d;--color-warning:var(--amber-400);--color-warning-fg:var(--amber-300);--color-warning-soft:#fbbf241f;--color-warning-border:#fbbf244d;--color-danger:var(--red-400);--color-danger-solid:var(--red-500);--color-danger-fg:var(--red-300);--color-danger-soft:#f871711f;--color-danger-border:#f8717152;--color-info:var(--blue-400);--color-info-fg:var(--blue-300);--color-info-soft:#60a5fa1f;--color-info-border:#60a5fa4d;--color-focus:var(--violet-400);--color-selection:#7c5cff59;--color-skeleton:#ffffff0f;--color-skeleton-shine:#ffffff1a;--chart-1:#8f75ff;--chart-2:#22d3ee;--chart-3:#34d399;--chart-4:#fbbf24;--chart-5:#f472b6;--chart-6:#fb923c;--chart-7:#60a5fa;--chart-8:#a3e635;--chart-grid:#ffffff0f;--chart-axis:#6b6b80;--elev-1:0 1px 2px #00000073, inset 0 1px 0 #ffffff08;--elev-2:0 4px 14px -2px #0000008c, 0 2px 4px #00000059, inset 0 1px 0 #ffffff0a;--elev-3:0 12px 32px -6px #000000a6, 0 4px 10px #0006, inset 0 1px 0 #ffffff0d;--elev-4:0 24px 64px -12px #000000bf, 0 8px 20px #00000073, inset 0 1px 0 #ffffff0f;--ring-focus:0 0 0 2px var(--color-bg-canvas), 0 0 0 4px var(--color-focus);--glow-accent:0 0 0 1px #7c5cff66, 0 8px 24px -6px #7c5cff80;--gradient-brand:linear-gradient(135deg, #8f75ff 0%, #6a4cf5 45%, #22d3ee 120%);--gradient-brand-text:linear-gradient(100deg, #c4b5ff 0%, #8f75ff 45%, #67e8f9 100%);--gradient-aurora:radial-gradient(1200px 600px at 12% -10%, #7c5cff21, transparent 60%), radial-gradient(900px 500px at 100% 0%, #22d3ee12, transparent 60%);--gradient-surface:linear-gradient(180deg, #ffffff06, #fff0)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-canvas:var(--ink-50);--color-bg-subtle:var(--ink-25);--color-bg-surface:var(--ink-0);--color-bg-raised:#f4f4f9;--color-bg-overlay:var(--ink-150);--color-bg-inset:var(--ink-100);--color-bg-hover:#14143c0a;--color-bg-active:#14143c12;--color-bg-glass:#ffffffc7;--color-scrim:#14142861;--color-border-subtle:#14143c12;--color-border:#14143c1c;--color-border-strong:#14143c33;--color-fg:#121218;--color-fg-muted:var(--ink-600);--color-fg-subtle:#686880;--color-fg-disabled:var(--ink-400);--color-fg-inverse:var(--ink-25);--color-fg-on-accent:#fff;--color-accent:var(--violet-700);--color-accent-hover:var(--violet-800);--color-accent-active:#4c2fd1;--color-accent-fg:var(--violet-800);--color-accent-soft:#6a4cf51a;--color-accent-softer:#6a4cf50d;--color-accent-border:#6a4cf54d;--color-accent-2:var(--cyan-600);--color-accent-2-soft:#0891b21a;--color-success:var(--emerald-600);--color-success-fg:var(--emerald-700);--color-success-soft:#0596691a;--color-success-border:#05966947;--color-warning:var(--amber-600);--color-warning-fg:var(--amber-700);--color-warning-soft:#d977061a;--color-warning-border:#d9770647;--color-danger:var(--red-600);--color-danger-solid:var(--red-600);--color-danger-fg:var(--red-700);--color-danger-soft:#dc262614;--color-danger-border:#dc262642;--color-info:var(--blue-600);--color-info-fg:var(--blue-700);--color-info-soft:#2563eb14;--color-info-border:#2563eb42;--color-focus:var(--violet-700);--color-selection:#6a4cf533;--color-skeleton:#14143c0f;--color-skeleton-shine:#14143c1a;--chart-1:#6a4cf5;--chart-2:#0891b2;--chart-3:#059669;--chart-4:#d97706;--chart-5:#db2777;--chart-6:#ea580c;--chart-7:#2563eb;--chart-8:#65a30d;--chart-grid:#14143c12;--chart-axis:#7a7a90;--elev-1:0 1px 2px #1414320f, 0 0 0 1px #14143c0a;--elev-2:0 4px 12px -2px #14143214, 0 2px 4px #1414320d;--elev-3:0 12px 28px -6px #14143224, 0 4px 10px #1414320f;--elev-4:0 24px 56px -12px #14143238, 0 8px 18px #14143214;--glow-accent:0 0 0 1px #6a4cf54d, 0 8px 22px -8px #6a4cf573;--gradient-brand:linear-gradient(135deg, #7c5cff 0%, #5b3de6 50%, #0891b2 120%);--gradient-brand-text:linear-gradient(100deg, #5b3de6 0%, #7c5cff 50%, #0891b2 100%);--gradient-aurora:radial-gradient(1200px 600px at 12% -10%, #7c5cff14, transparent 60%), radial-gradient(900px 500px at 100% 0%, #0891b20d, transparent 60%);--gradient-surface:linear-gradient(180deg, #fff9, #fff0)}:root[data-theme=hc]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-canvas:#000;--color-bg-subtle:#000;--color-bg-surface:#050505;--color-bg-raised:#0f0f0f;--color-bg-overlay:#1c1c1c;--color-bg-inset:#000;--color-bg-hover:#ffffff1a;--color-bg-active:#ffffff29;--color-bg-glass:#000;--color-scrim:#000000d9;--color-border-subtle:#ffffff6b;--color-border:#ffffff9e;--color-border-strong:#fff;--color-fg:#fff;--color-fg-muted:#e6e6e6;--color-fg-subtle:#cfcfcf;--color-fg-disabled:#8a8a8a;--color-fg-inverse:#000;--color-fg-on-accent:#000;--color-accent:var(--violet-300);--color-accent-hover:#ddd4ff;--color-accent-active:var(--violet-400);--color-accent-fg:var(--violet-300);--color-accent-soft:#c4b5ff33;--color-accent-softer:#c4b5ff1f;--color-accent-border:var(--violet-300);--color-accent-2:var(--cyan-300);--color-accent-2-soft:#67e8f933;--color-success:var(--emerald-300);--color-success-fg:var(--emerald-300);--color-success-soft:#6ee7b72e;--color-success-border:var(--emerald-300);--color-warning:var(--amber-300);--color-warning-fg:var(--amber-300);--color-warning-soft:#fcd34d2e;--color-warning-border:var(--amber-300);--color-danger:var(--red-300);--color-danger-solid:var(--red-400);--color-danger-fg:var(--red-300);--color-danger-soft:#fca5a52e;--color-danger-border:var(--red-300);--color-info:var(--blue-300);--color-info-fg:var(--blue-300);--color-info-soft:#93c5fd2e;--color-info-border:var(--blue-300);--color-focus:#ffd60a;--color-selection:#ffd60a66;--color-skeleton:#ffffff24;--color-skeleton-shine:#ffffff3d;--chart-grid:#ffffff40;--chart-axis:#e6e6e6;--elev-1:0 0 0 1px #ffffff80;--elev-2:0 0 0 1px #fff9;--elev-3:0 0 0 1px #ffffffb3;--elev-4:0 0 0 2px #fff;--ring-focus:0 0 0 2px #000, 0 0 0 4px #ffd60a;--glow-accent:0 0 0 2px var(--violet-300);--gradient-brand:linear-gradient(135deg, #c4b5ff, #67e8f9);--gradient-brand-text:linear-gradient(100deg, #fff, #c4b5ff);--gradient-aurora:none;--gradient-surface:none}:root{--btn-h-sm:28px;--btn-h-md:34px;--btn-h-lg:40px;--btn-radius:var(--radius-2);--field-h:34px;--field-bg:var(--color-bg-inset);--field-border:var(--color-border);--field-border-hover:var(--color-border-strong);--field-radius:var(--radius-2);--card-bg:var(--color-bg-surface);--card-border:var(--color-border-subtle);--card-radius:var(--radius-3);--card-shadow:var(--elev-1);--table-header-bg:var(--color-bg-subtle);--table-row-hover:var(--color-bg-hover);--badge-radius:var(--radius-pill);--tooltip-bg:var(--color-bg-overlay)}:root,:root[data-theme]{--bg-base:var(--color-bg-canvas);--bg-surface:var(--color-bg-surface);--bg-raised:var(--color-bg-raised);--bg-overlay:var(--color-bg-overlay);--bg-subtle:var(--color-bg-subtle);--border-subtle:var(--color-border-subtle);--border-muted:var(--color-border);--border-default:var(--color-border);--border-strong:var(--color-border-strong);--text-primary:var(--color-fg);--text-secondary:var(--color-fg-muted);--text-tertiary:var(--color-fg-subtle);--text-disabled:var(--color-fg-disabled);--text-inverse:var(--color-fg-inverse);--text:var(--color-fg);--accent:var(--color-accent);--accent-light:var(--color-accent-hover);--accent-bright:var(--color-accent-fg);--accent-bg:var(--color-accent-soft);--accent-border:var(--color-accent-border);--success:var(--color-success);--success-bg:var(--color-success-soft);--success-border:var(--color-success-border);--warning:var(--color-warning);--warning-bg:var(--color-warning-soft);--warning-border:var(--color-warning-border);--error:var(--color-danger-solid);--error-soft:var(--color-danger);--error-bg:var(--color-danger-soft);--error-border:var(--color-danger-border);--info:var(--color-info);--info-bg:var(--color-info-soft);--info-border:var(--color-info-border);--line:var(--color-border);--muted:var(--color-fg-subtle);--surface:var(--color-bg-surface);--surface-raised:var(--color-bg-raised);--text-main:var(--color-fg);--brand:var(--color-accent);--page-bg:var(--color-bg-canvas);--sidebar-bg:var(--color-bg-subtle);--sidebar-border:var(--color-border-subtle);--topbar-bg:var(--color-bg-glass);--topbar-border:var(--color-border-subtle);--chat-user-bg:var(--color-accent-soft);--chat-user-border:var(--color-accent-border);--shadow-sm:var(--elev-1);--shadow-md:var(--elev-2);--shadow-lg:var(--elev-3);--shadow-accent:0 0 0 3px var(--color-accent-soft);--tr-fast:var(--dur-fast) var(--ease-standard);--tr-base:var(--dur-base) var(--ease-standard);--tr-slow:var(--dur-slow) var(--ease-out);--aob-bg:var(--color-bg-canvas);--aob-surface:var(--color-bg-surface);--aob-surface2:var(--color-bg-raised);--aob-border:var(--color-border-subtle);--aob-border2:var(--color-border);--aob-text:var(--color-fg);--aob-muted:var(--color-fg-subtle);--aob-accent:var(--color-accent-hover)}html{font-family:var(--font-sans);font-size:var(--fs-base);font-feature-settings:var(--font-features);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color:var(--color-fg);background:var(--color-bg-canvas);scrollbar-color:var(--color-border-strong) transparent}body{background:var(--color-bg-canvas);background-image:var(--gradient-aurora);background-attachment:fixed;min-height:100vh}::selection{background:var(--color-selection);color:inherit}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal}:where(table,.tabular,[data-tabular]){font-variant-numeric:tabular-nums}:where(button,a,input,select,textarea,summary,[tabindex],[role=button],[role=tab],[role=menuitem]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:where(button,a,input,select,textarea,[tabindex]):focus:not(:focus-visible){outline:none}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong);background-clip:padding-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-tooltip);padding:var(--space-2) var(--space-4);border-radius:var(--radius-2);background:var(--color-accent);color:var(--color-fg-on-accent);font-weight:var(--fw-semibold);transition:transform var(--dur-fast) var(--ease-out);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.text-gradient{background:var(--gradient-brand-text);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes au-fade-in{0%{opacity:0}to{opacity:1}}@keyframes au-rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes au-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes au-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes au-pulse-ring{0%{opacity:1;box-shadow:0 0}to{opacity:.9;box-shadow:0 0 0 6px #0000}}@keyframes au-spin{to{transform:rotate(360deg)}}.au-animate-in{animation:au-rise-in var(--dur-slow) var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-theme=hc] :where(button,input,select,textarea){border-color:var(--color-border)}:root[data-theme=hc] body{background-image:none}.au-btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--btn-h-md);padding:0 var(--space-4);border-radius:var(--btn-radius);font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-instant) var(--ease-standard);border:1px solid #0000;font-family:inherit;line-height:1;display:inline-flex}.au-btn:active:not(:disabled){transform:scale(.98)}.au-btn:disabled{opacity:.46;cursor:not-allowed}.au-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.au-btn-primary{background:var(--color-accent);color:var(--color-fg-on-accent);border-color:var(--color-accent)}.au-btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.au-btn-secondary{background:var(--color-bg-raised);color:var(--color-fg);border-color:var(--color-border)}.au-btn-secondary:hover:not(:disabled){background:var(--color-bg-overlay);border-color:var(--color-border-strong)}.au-btn-ghost{color:var(--color-fg-muted);background:0 0;border-color:#0000}.au-btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-fg)}.au-btn-danger{background:var(--color-danger-soft);color:var(--color-danger-fg);border-color:var(--color-danger-border)}.au-btn-danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-fg-on-accent);border-color:var(--color-danger)}.au-btn-success{background:var(--color-success-soft);color:var(--color-success-fg);border-color:var(--color-success-border)}.au-btn-sm{height:var(--btn-h-sm);padding:0 var(--space-3);font-size:var(--fs-xs)}.au-btn-lg{height:var(--btn-h-lg);padding:0 var(--space-5);font-size:var(--fs-md)}.au-btn-icon{width:var(--btn-h-md);padding:0}.au-btn-sm.au-btn-icon{width:var(--btn-h-sm)}.au-btn-lg.au-btn-icon{width:var(--btn-h-lg)}.au-btn-loading{color:#0000;pointer-events:none;position:relative}.au-btn-loading:after{content:"";border:2px solid #ffffff59;border-top-color:#ffffffe6;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite au-spin;position:absolute}.au-field{gap:var(--space-1);flex-direction:column;display:flex}.au-label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-fg-muted);letter-spacing:.01em}.au-input{height:var(--field-h);padding:0 var(--space-3);border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);color:var(--color-fg);font:inherit;font-size:var(--fs-sm);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:none;width:100%}.au-input:hover{border-color:var(--field-border-hover)}.au-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.au-input::placeholder{color:var(--color-fg-subtle)}.au-input:disabled{opacity:.5;cursor:not-allowed}.au-textarea{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical}.au-input-error{border-color:var(--color-danger)}.au-input-error:focus{box-shadow:0 0 0 2px var(--color-danger-soft)}.au-field-hint{font-size:var(--fs-xs);color:var(--color-fg-subtle)}.au-field-error{font-size:var(--fs-xs);color:var(--color-danger-fg)}.au-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.au-card-padded{padding:var(--space-6)}.au-card-hover{transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast)}.au-card-hover:hover{border-color:var(--color-border-strong);box-shadow:var(--elev-2);transform:translateY(-1px)}.au-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--badge-radius);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;line-height:1.4;display:inline-flex}.au-badge-neutral{background:var(--color-bg-overlay);color:var(--color-fg-muted);border-color:var(--color-border)}.au-badge-accent{background:var(--color-accent-soft);color:var(--color-accent-fg);border-color:var(--color-accent-border)}.au-badge-success{background:var(--color-success-soft);color:var(--color-success-fg);border-color:var(--color-success-border)}.au-badge-warning{background:var(--color-warning-soft);color:var(--color-warning-fg);border-color:var(--color-warning-border)}.au-badge-danger{background:var(--color-danger-soft);color:var(--color-danger-fg);border-color:var(--color-danger-border)}.au-badge-info{background:var(--color-info-soft);color:var(--color-info-fg);border-color:var(--color-info-border)}.au-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite au-pulse-ring}.au-badge-dot.static{animation:none}.au-toast-region{bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column-reverse;width:min(400px,100vw - 32px);display:flex;position:fixed}.au-toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-3);background:var(--color-bg-overlay);border:1px solid var(--color-border-strong);box-shadow:var(--elev-3);pointer-events:all;animation:au-rise-in var(--dur-base) var(--ease-out) both;font-size:var(--fs-sm);color:var(--color-fg);-webkit-backdrop-filter:blur(16px);display:flex}.au-toast-icon{flex-shrink:0}.au-toast-body{flex:1;min-width:0}.au-toast-title{font-weight:var(--fw-semibold)}.au-toast-msg{color:var(--color-fg-muted);font-size:var(--fs-xs);margin-top:2px}.au-toast-close{padding:var(--space-1);border-radius:var(--radius-1);color:var(--color-fg-subtle);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;flex-shrink:0}.au-toast-close:hover{background:var(--color-bg-active);color:var(--color-fg)}.au-toast-success{border-color:var(--color-success-border)}.au-toast-success .au-toast-icon{color:var(--color-success)}.au-toast-warning{border-color:var(--color-warning-border)}.au-toast-warning .au-toast-icon{color:var(--color-warning)}.au-toast-danger{border-color:var(--color-danger-border)}.au-toast-danger .au-toast-icon{color:var(--color-danger)}.au-toast-info{border-color:var(--color-info-border)}.au-toast-info .au-toast-icon{color:var(--color-info)}.au-toast-progress{background:var(--color-accent);border-radius:0 0 var(--radius-3) var(--radius-3);height:2px;transition:width linear;position:absolute;bottom:0;left:0}.au-overlay{background:var(--color-scrim);z-index:var(--z-modal);padding:var(--space-4);animation:au-fade-in var(--dur-fast) var(--ease-standard) both;-webkit-backdrop-filter:blur(6px);place-items:center;display:grid;position:fixed;inset:0}.au-dialog{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-4);box-shadow:var(--elev-4);padding:var(--space-6);width:100%;max-width:440px;animation:au-scale-in var(--dur-base) var(--ease-spring) both;position:relative}.au-dialog-icon{border-radius:var(--radius-3);width:44px;height:44px;margin-bottom:var(--space-4);place-items:center;font-size:20px;display:grid}.au-dialog-icon-danger{background:var(--color-danger-soft);color:var(--color-danger)}.au-dialog-icon-warning{background:var(--color-warning-soft);color:var(--color-warning)}.au-dialog-icon-info{background:var(--color-info-soft);color:var(--color-info)}.au-dialog-icon-success{background:var(--color-success-soft);color:var(--color-success)}.au-dialog-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--color-fg);margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}.au-dialog-body{font-size:var(--fs-sm);color:var(--color-fg-muted);line-height:var(--lh-normal);margin-bottom:var(--space-6)}.au-dialog-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.au-drawer-wrap{z-index:var(--z-drawer);justify-content:flex-end;display:flex;position:fixed;inset:0}.au-drawer-scrim{background:var(--color-scrim);animation:au-fade-in var(--dur-fast) var(--ease-standard) both;position:absolute;inset:0}.au-drawer{background:var(--color-bg-surface);border-left:1px solid var(--color-border);width:min(560px,92vw);height:100%;box-shadow:var(--elev-4);animation:au-rise-in var(--dur-base) var(--ease-out) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.au-drawer-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.au-drawer-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--color-fg);letter-spacing:var(--tracking-tight);flex:1}.au-drawer-body{padding:var(--space-5);flex:1;overflow-y:auto}.au-empty{text-align:center;padding:var(--space-12) var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.au-empty-icon{border-radius:var(--radius-3);background:var(--color-bg-raised);border:1px solid var(--color-border);width:52px;height:52px;color:var(--color-fg-subtle);margin-bottom:var(--space-1);place-items:center;display:grid}.au-empty-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--color-fg);letter-spacing:var(--tracking-tight)}.au-empty-text{font-size:var(--fs-sm);color:var(--color-fg-muted);max-width:340px;line-height:var(--lh-normal)}.au-skeleton{border-radius:var(--radius-2);background:linear-gradient(90deg, var(--color-skeleton) 25%, var(--color-skeleton-shine) 50%, var(--color-skeleton) 75%);background-size:200% 100%;animation:1.4s linear infinite au-shimmer}.au-skeleton-text{border-radius:var(--radius-1);width:100%;height:13px}.au-skeleton-text.w-80{width:80%}.au-skeleton-text.w-60{width:60%}.au-skeleton-text.w-40{width:40%}.au-skeleton-heading{width:60%;height:24px}.au-skeleton-circle{border-radius:50%}.au-skeleton-card{width:100%;height:120px}.au-table-wrap{border:1px solid var(--color-border-subtle);border-radius:var(--card-radius);width:100%;overflow:auto}.au-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.au-table th{background:var(--table-header-bg);padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-fg-subtle);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-bottom:1px solid var(--color-border);white-space:nowrap}.au-table td{padding:var(--space-3) var(--space-4);color:var(--color-fg);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.au-table tr:last-child td{border-bottom:none}.au-table tbody tr{transition:background var(--dur-instant)}.au-table tbody tr:hover{background:var(--table-row-hover)}.au-table tbody tr:hover td{border-color:#0000}.au-progress{background:var(--color-bg-raised);border-radius:var(--radius-pill);height:6px;overflow:hidden}.au-progress-bar{background:var(--color-accent);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-slow) var(--ease-out)}.au-progress-success .au-progress-bar{background:var(--color-success)}.au-progress-warning .au-progress-bar{background:var(--color-warning)}.au-progress-danger .au-progress-bar{background:var(--color-danger)}.au-palette-overlay{z-index:var(--z-palette);background:var(--color-scrim);animation:au-fade-in var(--dur-fast) var(--ease-standard) both;-webkit-backdrop-filter:blur(4px);place-items:start center;padding-top:14vh;display:grid;position:fixed;inset:0}.au-palette{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-4);width:min(640px,100vw - 32px);box-shadow:var(--elev-4);animation:au-scale-in var(--dur-fast) var(--ease-spring) both;overflow:hidden}.au-palette-search{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.au-palette-search input{font:inherit;font-size:var(--fs-lg);color:var(--color-fg);background:0 0;border:none;outline:none;flex:1}.au-palette-search input::placeholder{color:var(--color-fg-subtle)}.au-palette-results{overscroll-behavior:contain;max-height:380px;overflow-y:auto}.au-palette-group-label{padding:var(--space-2) var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-fg-subtle);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-top:1px solid var(--color-border-subtle)}.au-palette-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--fs-sm);color:var(--color-fg-muted);transition:background var(--dur-instant), color var(--dur-instant);display:flex}.au-palette-item:hover,.au-palette-item[aria-selected=true]{background:var(--color-bg-hover);color:var(--color-fg)}.au-palette-item[aria-selected=true]{background:var(--color-accent-softer);color:var(--color-accent-fg)}.au-palette-item-icon{color:var(--color-fg-subtle);flex-shrink:0}.au-palette-item-label{font-weight:var(--fw-medium);flex:1}.au-palette-item-kbd{gap:4px;display:flex}.au-kbd{border:1px solid var(--color-border-strong);border-radius:var(--radius-1);background:var(--color-bg-surface);font-family:var(--font-mono);color:var(--color-fg-muted);box-shadow:0 1px 0 var(--color-border-strong);align-items:center;padding:1px 5px;font-size:10px;display:inline-flex}.au-palette-footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-4);font-size:var(--fs-xs);color:var(--color-fg-subtle);display:flex}.au-stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--card-radius);padding:var(--space-5);box-shadow:var(--elev-1);transition:box-shadow var(--dur-fast), border-color var(--dur-fast)}.au-stat-card:hover{box-shadow:var(--elev-2);border-color:var(--color-border)}.au-stat-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-fg-subtle);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin-bottom:var(--space-2)}.au-stat-value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--color-fg);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;line-height:1}.au-stat-delta{font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-top:var(--space-1);align-items:center;gap:3px;display:inline-flex}.au-stat-delta.up{color:var(--color-success)}.au-stat-delta.down{color:var(--color-danger)}.au-stat-delta.neutral{color:var(--color-fg-subtle)}.au-stat-sublabel{font-size:var(--fs-xs);color:var(--color-fg-subtle);margin-top:var(--space-1)}@media (width<=768px){.au-dialog{max-width:100%}.au-toast-region{bottom:var(--space-2);right:var(--space-2);left:var(--space-2);width:auto}.au-palette-overlay{padding-top:var(--space-8)}}.quota-panel.detailed .quota-grid{grid-template-columns:1fr}.quota-tracker-filters{flex-wrap:wrap;gap:12px;padding:16px 0;display:flex}.quota-tracker-filters input,.quota-tracker-filters select{border:1px solid var(--border-muted);background:var(--bg-raised);color:var(--text-primary);border-radius:8px;min-width:0;padding:10px 12px}.quota-tracker-filters input{flex:1;min-width:170px}.quota-tracker-filters select{max-width:100%}.model-quota-view{gap:18px;margin:18px 0;display:grid}.quota-shared h3,.model-usage-heading h3{align-items:center;gap:8px;font-size:13px;display:flex}.quota-shared-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:14px 0;display:grid}.quota-shared{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);padding:16px}.quota-shared>p,.quota-model-note,.quota-coverage{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.6}.model-usage-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.model-usage-heading>span{color:var(--muted);font-size:11px}.quota-family{border:1px solid var(--border-muted);border-radius:var(--r-xl);overflow:hidden}.quota-family-title{background:var(--bg-surface);justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.quota-family-title span{font-size:var(--text-xs);color:var(--text-tertiary)}.quota-model{border-top:1px solid var(--border-muted);grid-template-columns:minmax(180px,1fr) minmax(210px,1fr);gap:14px 24px;padding:16px;display:grid}.quota-model-name{align-content:start;gap:7px;display:grid}.quota-model-name code{overflow-wrap:anywhere;font-size:12px}.quota-model-name small,.model-quota-unknown{font-size:var(--text-xs);color:var(--text-tertiary)}.quota-token-counters{grid-template-columns:repeat(3,1fr);align-self:start;gap:12px;display:grid}.quota-token-counters>span{color:var(--muted);gap:5px;font-size:10px;display:grid}.quota-token-counters strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:17px}.quota-model-limits{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.model-quota-window{gap:8px;min-width:0;display:grid}.model-quota-window>div{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.model-quota-window>div>span{overflow-wrap:anywhere}.model-quota-window strong{white-space:nowrap}.model-quota-window small{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.model-quota-window progress{width:100%;height:6px;display:block}.model-quota-window.stale{border-left:2px solid var(--warning);padding-left:9px}.quota-model-unknown,.quota-coverage{grid-column:1/-1}.quota-budget-details{border-top:1px solid var(--border-subtle);margin-top:18px;padding-top:14px}.quota-budget-details>summary{cursor:pointer;margin-bottom:14px;font-size:12px;font-weight:600}.quota-refresh-status{color:var(--muted);padding:10px 0;font-size:12px}.quota-panel.detailed .quota-card-title small{overflow-wrap:anywhere;max-width:100%}@media (width<=600px){.quota-model{grid-template-columns:1fr;padding:12px}.quota-token-counters{grid-column:1/-1}.quota-shared-grid,.quota-model-limits{grid-template-columns:1fr}.quota-shared{padding:12px}.quota-tracker-filters>*{width:100%}.model-quota-window>div{flex-wrap:wrap}.quota-family-title{padding:12px}}.quota-tracker-filters{padding:16px 22px}.quota-refresh-status{padding:10px 22px}.model-quota-window progress{appearance:none;background:var(--border-muted);border:0;border-radius:6px;overflow:hidden}.model-quota-window progress::-webkit-progress-bar{background:var(--border-muted);border-radius:6px}.model-quota-window progress::-webkit-progress-value{background:var(--accent);border-radius:6px}.model-quota-window progress::-moz-progress-bar{background:var(--accent);border-radius:6px}.model-quota-window progress.danger::-webkit-progress-value{background:var(--error)}.model-quota-window progress.warn::-webkit-progress-value{background:var(--warning)}.model-quota-window progress.danger::-moz-progress-bar{background:var(--error)}.model-quota-window progress.warn::-moz-progress-bar{background:var(--warning)}@media (width<=600px){.quota-model,.quota-model-limits,.quota-shared-grid{grid-template-columns:minmax(0,1fr)}.quota-card-title{flex-wrap:wrap}.quota-panel .quota-explainer{overflow-wrap:anywhere}.quota-panel .quota-explainer>span{min-width:0}}.quota-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}@media (width<=900px){.quota-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.quota-summary-grid{grid-template-columns:1fr}}.quota-summary-stat{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);align-items:center;gap:14px;padding:16px 20px;display:flex}.quota-summary-stat .mg-icon{border-radius:var(--r-lg);flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.quota-summary-stat>div{gap:4px;display:grid}.quota-summary-stat>div>span{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.quota-summary-stat strong{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.1}.quota-cost-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);gap:10px;margin:18px 0 0;padding:18px 20px;display:grid}.quota-cost-header{color:var(--text-primary);font-size:var(--text-base);align-items:center;gap:9px;font-weight:600;display:flex}.quota-cost-header svg{color:var(--accent-light)}.quota-cost-card>p{font-size:var(--text-xs);color:var(--text-tertiary);margin:0;line-height:1.5}.quota-cost-chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.quota-cost-chip{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.quota-cost-chip b{color:var(--text-primary);font-weight:600}.oauth-connect{gap:24px;min-width:0;max-width:760px;margin:auto;padding:4px;display:grid}.oauth-provider-tabs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.oauth-provider-tabs>button{text-align:left;border:1px solid var(--border-muted);border-radius:var(--r-xl);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:border-color var(--tr-base), box-shadow var(--tr-base);align-items:center;gap:12px;padding:16px;display:flex}.oauth-provider-tabs>button:hover{border-color:var(--border-strong)}.oauth-provider-tabs>button.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.oauth-provider-tabs strong,.oauth-provider-tabs small{display:block}.oauth-provider-tabs small{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:5px}.oauth-steps{justify-content:space-between;gap:8px;margin:0;padding:0;list-style:none;display:flex}.oauth-steps li{color:var(--text-tertiary);font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.oauth-steps li span{background:var(--bg-subtle);border:1px solid var(--border-muted);width:25px;height:25px;font-size:var(--text-xs);border-radius:50%;place-items:center;display:grid}.oauth-steps li.active{color:var(--accent-bright)}.oauth-steps li.active span{background:var(--accent);color:#fff;border-color:var(--accent)}.oauth-setup,.oauth-login-step{gap:18px;display:grid}.oauth-connect h3{margin:0 0 8px;font-size:20px}.oauth-connect p{color:var(--text-tertiary);font-size:var(--text-base);margin:0;line-height:1.65}.oauth-connect label:not(.oauth-consent){font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;display:block}.oauth-connect input:not([type=checkbox]),.oauth-connect textarea{box-sizing:border-box;background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:var(--r-lg);width:100%;color:var(--text-primary);font:inherit;resize:vertical;min-width:0;transition:border-color var(--tr-base), box-shadow var(--tr-base);margin-top:8px;padding:10px 12px;display:block}.oauth-connect input:focus,.oauth-connect textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-accent);outline:none}.oauth-connect .oauth-consent{font-size:var(--text-sm);color:var(--text-tertiary);align-items:flex-start;gap:10px;line-height:1.6;display:flex}.oauth-consent input{accent-color:var(--accent);flex-shrink:0;margin-top:4px}.oauth-connect .button{justify-content:center;min-height:42px}.oauth-start{width:100%}.oauth-advanced,.oauth-manual{border:1px solid var(--border-muted);border-radius:var(--r-xl);background:var(--bg-subtle);gap:14px;padding:16px;display:grid}.oauth-advanced summary{cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.oauth-advanced[open]>:not(summary){margin-top:16px}.oauth-advanced code{overflow-wrap:anywhere;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary)}.oauth-footnote{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);align-items:flex-start;gap:8px;padding-top:16px;display:flex;font-size:var(--text-xs)!important}.oauth-footnote svg{flex-shrink:0;margin-top:2px}.oauth-wait{color:var(--accent-bright);align-items:center;gap:12px;display:flex}.oauth-wait small{color:var(--text-tertiary);margin-top:6px;display:block}.oauth-device-code{text-align:center;background:var(--bg-subtle);border-radius:var(--r-xl);border:1px solid var(--border-muted);padding:20px}.oauth-device-code>span{font-size:var(--text-sm);color:var(--text-tertiary)}.oauth-device-code>div{justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex}.oauth-device-code code{letter-spacing:4px;font-size:28px;font-family:var(--font-mono);color:var(--text-primary)}.oauth-success{text-align:center;color:var(--accent-bright);justify-items:center;gap:16px;padding:24px 8px;display:grid}.oauth-success p{max-width:470px}.oauth-method{align-self:start}.oauth-info{border-radius:var(--r-lg);background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:12px}.oauth-warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--r-md);color:var(--warning);font-size:var(--text-sm);gap:8px;padding:10px;display:flex}@media (width<=560px){.oauth-provider-tabs{grid-template-columns:1fr}.oauth-provider-tabs>button{padding:12px}.oauth-steps li{gap:5px;font-size:10px}.oauth-steps li span{width:21px;height:21px}.oauth-manual{padding:12px}.oauth-method{flex-wrap:wrap;display:flex}.oauth-connect{gap:18px}}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-xs:3px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--r-full:9999px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--radius-xs:var(--r-xs);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--pulse-duration:1.5s;font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg-canvas);font-size:var(--text-base);font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:30px;font-weight:600;line-height:1.35}h2{letter-spacing:-.2px;font-size:15px;font-weight:600}h3{font-size:14px;font-weight:600}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}p{color:var(--text-secondary);line-height:1.65}small{font-size:var(--text-xs)}.muted{color:var(--text-tertiary)}.shell{background:var(--bg-base);min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:var(--z-sidebar);transition:width var(--tr-slow), min-width var(--tr-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0}.sidebar.collapsed{width:var(--sidebar-w-sm);min-width:var(--sidebar-w-sm)}.sidebar-head{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:14px 14px 0;display:flex;overflow:hidden}.brand{flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex;overflow:hidden}.brand-symbol{background:var(--gradient-brand);border-radius:var(--r-lg);color:#fff;width:32px;height:32px;box-shadow:var(--glow-accent);flex-shrink:0;place-items:center;display:grid}.brand-title{min-width:0;color:var(--text-primary);letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;opacity:1;transition:opacity var(--tr-slow);flex:1;font-size:14px;font-weight:700;overflow:hidden}.brand-title small{color:var(--text-tertiary);letter-spacing:0;margin-top:1px;font-size:9px;font-weight:400;display:block}.sidebar.collapsed .brand-title{opacity:0;pointer-events:none;width:0}.sidebar-toggle{border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:var(--r-md);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:background var(--tr-base), color var(--tr-base), transform var(--tr-slow);flex-shrink:0;place-items:center;display:grid}.sidebar-toggle:hover{background:var(--bg-overlay);color:var(--text-primary)}.sidebar.collapsed .sidebar-toggle{transform:rotate(180deg)}.sidebar nav{flex-direction:column;flex:1;gap:1px;min-height:0;padding:12px 8px;display:flex;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:3px}.sidebar nav::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.nav-label{box-sizing:border-box;letter-spacing:1.5px;text-transform:uppercase;width:100%;color:var(--text-disabled);white-space:nowrap;text-overflow:ellipsis;opacity:1;max-height:40px;transition:opacity var(--tr-slow), max-height var(--tr-slow), padding var(--tr-slow);padding:14px 10px 6px;font-size:9px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}.sidebar nav button{box-sizing:border-box;border-radius:var(--radius-2);width:100%;min-height:36px;color:var(--color-fg-subtle);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-align:left;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.sidebar nav button svg{width:16px;height:16px;transition:color var(--dur-fast), transform var(--dur-fast);flex-shrink:0}.sidebar nav button:hover svg{transform:translate(1px)}.sidebar nav button span{white-space:nowrap;text-overflow:ellipsis;opacity:1;min-width:0;transition:opacity var(--dur-slow);flex:1;overflow:hidden}.sidebar nav button small{background:var(--color-bg-overlay);color:var(--color-fg-muted);border-radius:var(--radius-1);font-size:9px;font-weight:var(--fw-semibold);opacity:1;transition:opacity var(--dur-slow);flex-shrink:0;margin-left:auto;padding:1px 5px}.sidebar nav button:hover{background:var(--color-bg-hover);color:var(--color-fg)}.sidebar nav button:hover svg{color:var(--color-fg)}.sidebar nav button.active{background:var(--color-accent-soft);color:var(--color-accent-fg);font-weight:var(--fw-semibold)}.sidebar nav button.active svg{color:var(--color-accent)}.sidebar nav button.active:before{content:"";background:var(--gradient-brand);border-radius:0 var(--radius-1) var(--radius-1) 0;width:3px;position:absolute;top:5px;bottom:5px;left:0}.sidebar.collapsed nav button{justify-content:center;padding:8px}.sidebar.collapsed nav button span,.sidebar.collapsed nav button small{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar.collapsed nav button.active:before{display:none}.sidebar.collapsed nav button:after{content:attr(data-label);left:calc(var(--sidebar-w-sm) + 6px);background:var(--color-bg-overlay);color:var(--color-fg);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--radius-2);border:1px solid var(--color-border-strong);white-space:nowrap;pointer-events:none;opacity:0;z-index:calc(var(--z-sidebar) + 10);box-shadow:var(--elev-3);transition:opacity var(--dur-fast);padding:5px 10px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar.collapsed nav button:hover:after{opacity:1}.sidebar-bottom{border-top:1px solid var(--sidebar-border);box-sizing:border-box;flex-shrink:0;width:100%;overflow:hidden}.service-card{font-size:var(--text-xs);color:var(--text-tertiary);box-sizing:border-box;align-items:center;gap:9px;width:100%;padding:10px 14px;display:flex;overflow:hidden}.service-card svg{color:var(--success);flex-shrink:0}.service-card div{white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity var(--tr-slow);flex:1;overflow:hidden}.service-card small{color:var(--text-disabled);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;display:block;overflow:hidden}.status-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%;flex-shrink:0;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px var(--success)}50%{opacity:.6;box-shadow:0 0 12px var(--success)}}.profile{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;box-sizing:border-box;width:100%;transition:background var(--tr-base);align-items:center;gap:9px;padding:10px 14px;font-weight:500;display:flex;overflow:hidden}.profile:hover{background:var(--bg-raised)}.profile div{white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity var(--tr-slow);flex:1;overflow:hidden}.profile small{color:var(--text-disabled);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-weight:400;display:block;overflow:hidden}.profile .icon-button{flex-shrink:0;margin-left:auto}.sidebar.collapsed .service-card div,.sidebar.collapsed .profile div,.sidebar.collapsed .profile .icon-button{opacity:0;pointer-events:none;width:0;overflow:hidden}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;letter-spacing:.3px;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.avatar.mini{width:24px;height:24px;font-size:9px}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-sidebar) - 1);cursor:default;background:#0009;border:0;position:fixed;inset:0}.main-wrap{margin-left:var(--sidebar-w);min-width:0;transition:margin-left var(--tr-slow);flex-direction:column;flex:1;display:flex}.main-wrap.collapsed{margin-left:var(--sidebar-w-sm)}@media (width<=1024px) and (width>=651px){.sidebar{width:var(--sidebar-w-sm);min-width:var(--sidebar-w-sm)}.sidebar-toggle{display:none}.brand-title{opacity:0;pointer-events:none;width:0}.nav-label{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}.sidebar nav button{justify-content:center;padding:8px}.sidebar nav button span,.sidebar nav button small{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar nav button.active:before{display:none}.sidebar nav button:after{content:attr(data-label);left:calc(var(--sidebar-w-sm) + 6px);background:var(--bg-overlay);color:var(--text-primary);font-size:var(--text-sm);border-radius:var(--r-md);border:1px solid var(--border-strong);white-space:nowrap;pointer-events:none;opacity:0;z-index:calc(var(--z-sidebar) + 10);box-shadow:var(--shadow-md);transition:opacity var(--tr-base);padding:5px 10px;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)}.sidebar nav button:hover:after{opacity:1}.service-card div,.profile div,.profile .icon-button{opacity:0;pointer-events:none;width:0;overflow:hidden}.main-wrap,.main-wrap.collapsed{margin-left:var(--sidebar-w-sm)}}@media (width<=650px){.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);z-index:var(--z-modal);box-shadow:var(--shadow-lg);transition:transform .26s cubic-bezier(.16,1,.3,1);position:fixed;top:52px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand-title{opacity:1!important;pointer-events:auto!important;width:auto!important}.sidebar .nav-label{opacity:1!important;pointer-events:auto!important;max-height:40px!important;padding:14px 10px 6px!important}.sidebar nav button{overflow:hidden;justify-content:flex-start!important;padding:8px 10px!important}.sidebar nav button span,.sidebar nav button small{opacity:1!important;pointer-events:auto!important;width:auto!important}.sidebar nav button.active:before{display:block!important}.sidebar nav button:after{display:none!important}.sidebar-toggle{display:none}.sidebar.collapsed{width:var(--sidebar-w)!important;min-width:var(--sidebar-w)!important}.sidebar.collapsed .service-card div,.sidebar.collapsed .profile div,.sidebar.collapsed .profile .icon-button{opacity:1!important;pointer-events:auto!important;width:auto!important}.main-wrap{margin-left:0!important}.mobile-menu{display:flex!important}}.topbar{height:var(--topbar-h);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);z-index:var(--z-topbar);flex-shrink:0;align-items:center;gap:12px;padding:0 20px 0 16px;display:flex;position:sticky;top:0}.topbar-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.topbar-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.topbar-breadcrumb{font-size:var(--text-sm);color:var(--text-tertiary);align-items:center;gap:6px;display:flex;overflow:hidden}.topbar-breadcrumb .sep{color:var(--text-disabled);font-size:10px}.topbar-breadcrumb .current{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.top-divider{background:var(--border-strong);width:1px;height:20px;margin:0 4px}.icon-button{border-radius:var(--r-md);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:background var(--tr-base), color var(--tr-base);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--bg-raised);color:var(--text-primary)}.mobile-menu{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:6px;display:none}main{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:28px 28px 0}.logo{flex-shrink:0;grid-template-rows:10px 10px;grid-template-columns:11px 11px;place-content:center;gap:4px;width:31px;height:31px;display:inline-grid}.logo span{background:var(--color-accent);opacity:.9;border-radius:2px;display:block}.logo span:first-child{opacity:1;background:var(--gradient-brand)}.logo span:nth-child(2){background:var(--color-accent);grid-area:1/2/3}.logo span:nth-child(3){background:var(--color-accent-fg);opacity:.7}.logo.small{grid-template-rows:6px 6px;grid-template-columns:6px 6px;gap:2px;width:18px;height:18px}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--accent-light);margin-bottom:8px;font-size:9px;font-weight:700}.page-heading h1{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;font-size:20px;font-weight:700;line-height:1.2;display:flex}.page-heading p{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:6px;line-height:1.6}h1{letter-spacing:-.5px;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.3}h2{color:var(--text-primary);letter-spacing:-.2px;font-size:14px;font-weight:600}h3{color:var(--text-primary);font-size:13px;font-weight:600}.button{border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-secondary);border-radius:var(--r-md);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;min-height:34px;transition:background var(--tr-base), border-color var(--tr-base), color var(--tr-base), transform var(--tr-fast);justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-weight:500;display:inline-flex}.button:hover{background:var(--bg-overlay);border-color:var(--border-strong);color:var(--text-primary)}.button:active{transform:scale(.97)}.button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-color:#0000;font-weight:600;box-shadow:0 2px 8px #7c3aed59}.button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed80}.button.danger{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.button.danger:hover{background:#ef444433}.button.full{width:100%}.button.small{font-size:var(--text-xs);gap:5px;min-height:28px;padding:5px 10px}.button.ghost{background:0 0;border-color:#0000}.button.ghost:hover{background:var(--bg-raised)}.danger{color:var(--error)}.text-button{color:var(--accent-light);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-weight:500;display:inline-flex}.text-button:hover{color:var(--accent-bright);text-decoration:underline}.badge{border-radius:var(--r-full);white-space:nowrap;background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-muted);letter-spacing:.02em;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.badge i{background:currentColor;border-radius:50%;flex-shrink:0;width:4px;height:4px}.badge.green{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.badge.amber{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.badge.red{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.badge.blue{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.badge.violet{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-bright)}.welcome-banner{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-lg);align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.banner-icon{border:1px solid var(--accent-border);border-radius:var(--r-lg);width:40px;height:40px;color:var(--accent-bright);background:#7c3aed33;flex-shrink:0;place-items:center;display:grid}.welcome-banner h3{font-size:var(--text-sm);color:var(--accent-bright)}.welcome-banner p{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}.welcome-banner button{color:var(--accent-bright);font-size:var(--text-xs);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-left:auto;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3);box-shadow:var(--elev-1);transition:border-color var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast);cursor:default;padding:20px 22px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-brand);opacity:0;height:2px;transition:opacity var(--dur-fast);border-radius:var(--radius-3) var(--radius-3) 0 0;position:absolute;top:0;left:0;right:0}.stat-card>div{font-size:var(--fs-xs);color:var(--color-fg-subtle);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);justify-content:space-between;align-items:center;display:flex}.stat-card svg{color:var(--color-fg-disabled)}.stat-card>strong{font-size:30px;font-weight:var(--fw-bold);letter-spacing:-1.5px;color:var(--color-fg);font-variant-numeric:tabular-nums;margin:14px 0 10px;line-height:1;display:block}.stat-card>strong small{letter-spacing:0;color:var(--color-fg-muted);font-size:12px;font-weight:var(--fw-normal);margin-left:6px}.stat-card p{font-size:var(--fs-xs);color:var(--color-fg-muted);align-items:center;gap:5px;display:flex}.stat-card.success svg{color:var(--color-success)}.stat-card.error svg{color:var(--color-danger)}.stat-card.info svg{color:var(--color-info)}.stat-card.warning svg{color:var(--color-warning)}.tiny-dot{background:var(--success);border-radius:50%;width:5px;height:5px}.panel{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);overflow:hidden}.panel-heading h2{font-size:var(--text-md)}.period{border:1px solid var(--border-muted);border-radius:var(--r-md);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-raised);align-items:center;gap:6px;padding:5px 9px;display:flex}.overview-middle{grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-bottom:22px;display:grid}.chart-legend{align-items:center;gap:14px;margin-top:4px;padding:0 20px;display:flex}.chart-legend>span{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:5px;display:flex}.chart-legend i{background:var(--accent-light);border-radius:50%;width:6px;height:6px}.chart-legend>span:nth-child(2) i{background:var(--border-strong)}.chart-legend strong{color:var(--text-primary);margin-left:auto;font-size:16px;font-weight:600}.chart-legend strong small{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400}.chart{padding:8px 16px;position:relative}.chart svg{width:100%;height:180px}.chart-empty{font-size:var(--text-xs);background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-tertiary);white-space:nowrap;padding:7px 12px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.soft-icon{color:var(--accent-bright);background:var(--accent-bg);border-radius:var(--r-md);place-items:center;width:28px;height:28px;display:grid}.route-flow{justify-content:center;align-items:flex-start;gap:0;padding:16px 25px 25px;display:flex}.route-node>.logo{background:var(--accent-bg);border-color:var(--accent-border);padding:0}.routing-row{color:var(--text-tertiary);justify-content:space-between;margin:0 20px 12px;font-size:10px;display:flex}.routing-row strong{color:var(--text-secondary);font-size:10px;font-weight:500}.title-with-count>span{color:var(--text-tertiary);border:1px solid var(--border-muted);border-radius:4px;padding:2px 5px;font-size:9px}th{color:var(--text-disabled);background:var(--bg-subtle);border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);white-space:nowrap;padding:10px 18px;font-size:9px;font-weight:400}td{border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);padding:15px 22px}td strong{color:var(--text-primary);font-size:11px;font-weight:500}td small,td>code{color:var(--text-tertiary);margin-top:3px;font-size:9px;display:block}td>code,td>.badge{font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-sm)}th{letter-spacing:.05em;text-transform:uppercase;color:var(--text-disabled);background:var(--bg-subtle);border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);white-space:nowrap;padding:10px 18px;font-size:10px;font-weight:600}td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);padding:12px 18px}tr:last-child td{border-bottom:0}tbody tr{transition:background var(--tr-fast)}td strong{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}td small,td>code{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:3px;display:block}td>code{font-family:var(--font-mono);font-size:var(--text-xs)}td>.badge{font-size:10px}.provider-cell{align-items:center;gap:10px;display:flex}.provider-icon{border:1px solid var(--border-muted);border-radius:var(--r-lg);background:var(--bg-raised);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.provider-icon>span{font-size:18px;font-weight:700;line-height:1}.provider-icon.coral{color:#f87a4d;background:#d2795426;border-color:#d279544d}.provider-icon.blue{color:#60a5fa;background:#3b82f61f;border-color:#3b82f64d}.provider-icon.violet{color:#a78bfa;background:#7c3aed1f;border-color:#7c3aed4d}.provider-icon.orange{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.provider-icon.orange>span{font-family:monospace;font-size:15px;font-weight:900}.provider-icon.rose{color:#fb7185;background:#f43f5e1f;border-color:#f43f5e4d}.provider-icon.lime{color:#a3e635;background:#84cc161f;border-color:#84cc164d}.quota{min-width:120px;max-width:170px}.quota>span{font-size:var(--text-xs);color:var(--text-secondary)}.quota small{color:var(--text-tertiary);margin:0;font-size:9px;display:inline}.quota>div{background:var(--bg-overlay);border-radius:var(--r-full);height:3px;margin-top:7px}.quota i{background:var(--accent-light);border-radius:var(--r-full);height:100%;display:block}.key-count{color:var(--text-tertiary);align-items:center;gap:6px;display:flex}.bottom-strip{color:var(--text-disabled);font-size:var(--text-xs);border-top:1px solid var(--border-subtle);align-items:center;gap:8px;margin:16px 1px;padding-top:16px;display:flex}.bottom-strip code{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono);margin-left:8px}.main-footer{border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-disabled);justify-content:space-between;align-items:center;margin-top:28px;padding:16px 0;display:flex}.main-footer>span:first-child{color:var(--text-tertiary);align-items:center;gap:6px;display:flex}.section-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.tabs{border-bottom:1px solid var(--border-muted);gap:0;margin-bottom:20px;display:flex}.tabs button{font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;cursor:pointer;transition:color var(--tr-base), border-color var(--tr-base);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px 12px;font-weight:500}.tabs button:hover{color:var(--text-secondary)}.tabs button.selected{border-bottom-color:var(--accent-light);color:var(--accent-bright)}.tabs button span{background:var(--bg-overlay);color:var(--text-tertiary);border-radius:var(--r-sm);margin-left:5px;padding:2px 5px;font-size:9px}.search{border:1px solid var(--border-muted);border-radius:var(--r-md);background:var(--bg-raised);color:var(--text-tertiary);transition:border-color var(--tr-base);align-items:center;gap:8px;padding:7px 11px;display:flex}.search input{font-size:var(--text-sm);width:170px;color:var(--text-primary);background:0 0;border:0;outline:none;padding:0}.search input::placeholder{color:var(--text-disabled)}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.provider-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);transition:border-color var(--tr-base), transform var(--tr-base), box-shadow var(--tr-base);padding:20px}.provider-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.provider-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.provider-card .provider-icon{width:40px;height:40px}.provider-card h2{font-size:var(--text-lg);justify-content:space-between;align-items:center;display:flex}.provider-card h2 svg{color:var(--text-disabled)}.provider-card p{font-size:var(--text-sm);min-height:60px;color:var(--text-secondary);margin:10px 0 18px;line-height:1.7}.provider-card-info{font-size:var(--text-xs);color:var(--text-tertiary);border-top:1px solid var(--border-subtle);justify-content:space-between;padding:12px 0 16px;display:flex}.provider-card-info>span:first-child{align-items:center;gap:6px;display:flex}.provider-card .button>svg:last-child{margin-left:auto}.notice{border:1px solid var(--info-border);background:var(--info-bg);border-radius:var(--r-lg);color:var(--info);align-items:flex-start;gap:12px;margin-top:20px;padding:14px 16px;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.notice p{font-size:var(--text-sm);color:var(--text-secondary)}.notice.compact{margin:0 0 16px;padding:10px 12px}.notice.compact p{font-size:var(--text-xs)}.tags{flex-wrap:wrap;gap:4px;display:flex}.tags span{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--text-secondary);padding:2px 6px}.panel-foot{border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:8px;padding:12px 20px;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:0;padding:60px 24px;display:flex}.empty-icon{border:1px solid var(--border-muted);border-radius:var(--r-xl);background:var(--bg-raised);width:52px;height:52px;color:var(--text-disabled);place-items:center;margin-bottom:18px;display:grid}.empty h3{font-size:var(--text-md);color:var(--text-primary);margin-bottom:8px;font-weight:600}.empty p{max-width:340px;font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 20px;line-height:1.6}.docs-grid,.playground-grid{grid-template-columns:1.1fr 1fr;gap:20px;display:grid}.docs-panel{padding:24px}.docs-panel h2{font-size:var(--text-xl);margin-bottom:12px;font-weight:700}.docs-panel>.badge{margin-bottom:16px}.docs-panel>p{font-size:var(--text-sm);margin-bottom:20px}.docs-panel form{margin-top:24px}.docs-panel pre{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-muted);border-radius:var(--r-lg);font-size:var(--text-xs);line-height:1.8;font-family:var(--font-mono);margin:20px 0;padding:20px;overflow:auto}.docs-panel p code{color:var(--accent-bright);font-size:var(--text-xs);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-xs);font-family:var(--font-mono);padding:2px 5px}.doc-step{gap:14px;margin:22px 0;display:flex}.doc-step>span{font-size:var(--text-xs);color:var(--accent-bright);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-lg);flex-shrink:0;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.doc-step h3{font-size:var(--text-sm);margin:2px 0 6px}.doc-step p{font-size:var(--text-sm);color:var(--text-tertiary)}.field{flex-direction:column;gap:6px;margin:0 0 16px;display:flex}.field>span{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--border-muted);background:var(--bg-raised);width:100%;color:var(--text-primary);border-radius:var(--r-md);font-size:var(--text-sm);transition:border-color var(--tr-base), box-shadow var(--tr-base);outline:none;padding:9px 12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:var(--shadow-accent)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}textarea{resize:vertical}.field small{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.6}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.copy-field{border:1px solid var(--border-muted);border-radius:var(--r-md);background:var(--bg-subtle);align-items:center;gap:6px;padding:7px 12px;display:flex}.copy-field code{font-size:var(--text-xs);overflow-wrap:anywhere;color:var(--text-secondary);font-family:var(--font-mono)}.copy-field button{margin-left:auto}.checkbox{font-size:var(--text-sm);color:var(--text-secondary);align-items:flex-start;gap:8px;margin:10px 0 20px;line-height:1.6;display:flex}.checkbox input{accent-color:var(--accent);margin-top:3px}.response-text{white-space:pre-wrap;font-size:var(--text-base);overflow-wrap:anywhere;min-height:200px;color:var(--text-primary);line-height:1.9;font-family:var(--font-mono);padding:20px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;padding:24px;animation:.15s slide-up;overflow:auto}.modal.wide{max-width:760px}.modal>header{justify-content:space-between;gap:15px;margin-bottom:22px;display:flex}.modal>header h2{font-size:var(--text-xl)}.modal>header p{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:6px}.editor-tabs{margin-bottom:20px}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.modal-footer>span{font-size:var(--text-xs);color:var(--text-tertiary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.switch-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin:4px 0;padding:14px 0;display:flex}.switch-row strong{font-size:var(--text-sm);font-weight:500}.switch-row small{color:#9dad8b;margin-top:7px;font-size:10px;display:block}.switch{background:#dfe6d8;border:0;border-radius:99px;align-items:center;width:36px;height:21px;padding:3px;display:flex}.switch>span{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s;display:block;box-shadow:0 1px 3px #0002}.switch.on>span{transform:translate(15px)}.external{margin:10px 0;font-size:11px}.credential-item{border:1px solid #e6ecdc;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:15px;display:flex}.credential-item strong{font-size:12px}.credential-item small{color:#91a47d;margin:7px 0 9px;font-size:10px;display:block}.row-actions{align-items:center;gap:5px;display:flex}.credential-form{background:#fafcf6;border:1px solid #e4edda;border-radius:8px;margin-top:18px;padding:20px}.quota-fields{grid-template-columns:repeat(3,1fr)}.model-toolbar{gap:12px;margin-bottom:18px;display:flex}.model-editor-list{max-height:420px;padding-right:5px;overflow-y:auto}.model-editor{background:#fafcf7;border:1px solid #e5edd9;border-radius:7px;margin-bottom:12px;padding:17px}.model-options{align-items:center;gap:15px;display:flex}.model-options .checkbox{margin:0}.model-options .icon-button{margin-left:auto}.capabilities{color:#8b9e79;gap:17px;margin-top:14px;font-size:10px;display:flex}.capabilities label{align-items:center;gap:4px;display:flex}.secret-value{overflow-wrap:anywhere;color:#577843;background:#f3f7ec;border:1px solid #e3ecd6;border-radius:8px;margin-bottom:20px;padding:20px;font-family:monospace;font-size:12px;line-height:1.7}.inline-error{color:#b2614a;background:#fff2ef;border:1px solid #f6d8d0;border-radius:6px;margin:15px 0;padding:12px;font-size:11px}.toast{background:var(--bg-overlay);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--r-lg);z-index:var(--z-toast);box-shadow:var(--shadow-lg);font-size:var(--text-sm);align-items:center;gap:10px;max-width:380px;padding:12px 16px;animation:.2s slide-up;display:flex;position:fixed;bottom:24px;right:24px}.toast button{color:var(--text-tertiary);cursor:pointer;transition:color var(--tr-base);background:0 0;border:0;margin-left:8px;padding:0;display:flex}.toast button:hover{color:var(--text-primary)}.login-page{background:radial-gradient(ellipse 120% 90% at 15% 40%, #7c3aed3d 0, transparent 55%), radial-gradient(ellipse 90% 70% at 88% 15%, #0ea5e924 0, transparent 50%), radial-gradient(ellipse 70% 60% at 55% 85%, #10b98117 0, transparent 40%), var(--color-bg-canvas);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:35px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background-image:linear-gradient(var(--color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 15%,#0000 80%);mask-image:radial-gradient(#000 15%,#0000 80%)}.login-page:after{content:"";pointer-events:none;z-index:0;filter:blur(60px);background:radial-gradient(circle,#7c3aed24 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-brand{letter-spacing:-.5px;color:var(--color-fg);z-index:1;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex;position:absolute;top:32px;left:40px}.login-brand>span:last-child{border-left:1px solid var(--color-border);font-size:var(--fs-xs);letter-spacing:0;color:var(--color-fg-subtle);margin-left:12px;padding-left:16px;font-weight:400}.login-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--color-border-strong);z-index:1;border-radius:24px;width:100%;max-width:440px;padding:48px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 28px 80px -12px #0000008c,inset 0 1px #ffffff0f}:root[data-theme=light] .login-card{background:#ffffffe0;box-shadow:inset 0 0 0 1px #6a4cf50f,0 20px 60px -12px #14143c2e,0 4px 18px #14143c12}.login-card h1{letter-spacing:-.8px;color:var(--color-fg);margin:16px 0 6px;font-size:28px;font-weight:750;line-height:1.2}.login-card h1 span{background:var(--gradient-brand-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-card>p{font-size:var(--fs-sm);color:var(--color-fg-subtle);margin:8px 0 28px;line-height:1.7}.login-card>small{text-align:center;font-size:var(--fs-xs);color:var(--color-fg-disabled);margin-top:18px;line-height:1.7;display:block}.login-footer{color:var(--text-disabled);font-size:var(--text-xs);z-index:1;align-items:center;gap:7px;display:flex;position:absolute;bottom:28px}.loading{height:100vh;color:var(--text-tertiary);justify-content:center;align-items:center;gap:16px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=1600px){main{padding-top:48px}.stats-grid{gap:20px}.stat-card{padding:24px 26px}.overview-middle{grid-template-columns:minmax(0,1fr) 360px}.chart svg{height:220px}td{padding:14px 22px}.provider-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1200px){main{padding:24px 24px 0}.topbar{padding:0 20px}.overview-middle{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.stats-grid{gap:10px}.stat-card{padding:14px 16px}.stat-card>strong{font-size:22px}.provider-grid{grid-template-columns:repeat(2,1fr)}.bottom-strip>span:last-child{display:none}th,td{padding-left:14px;padding-right:14px}.provider-card p{min-height:50px}}@media (width<=950px){.page-heading{flex-direction:column;align-items:flex-start;gap:4px}.heading-actions{flex-wrap:wrap;padding-top:8px}.overview-middle{grid-template-columns:1fr}.routing-summary .route-flow{display:none}.routing-summary .routing-row{gap:10px;margin:12px 18px;display:inline-flex}.stats-grid{grid-template-columns:repeat(2,1fr)}.docs-grid,.playground-grid{grid-template-columns:1fr}.welcome-banner{flex-wrap:wrap;align-items:flex-start}.welcome-banner button{margin-left:56px}.provider-grid{grid-template-columns:1fr}.provider-card p{min-height:0}.topbar .badge{display:none}}@media (width<=650px){main{padding:20px 14px 0}h1{font-size:18px}.page-heading{margin-bottom:18px}.eyebrow{font-size:8px}.welcome-banner{gap:10px;padding:14px}.welcome-banner h3{font-size:var(--text-xs)}.banner-icon{width:34px;height:34px}.welcome-banner>div:nth-child(2){flex:1}.welcome-banner button{margin-left:44px;font-size:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px 14px}.stat-card>strong{margin:10px 0 8px;font-size:20px}.stat-card p{font-size:9px}.chart svg{height:150px}.chart-empty{font-size:9px}.panel-heading{padding:14px 16px}.period{font-size:9px}.section-toolbar{flex-direction:column;align-items:stretch}.search{flex:1}.search input{width:100%}.panel-heading .search{max-width:none}.modal-overlay{align-items:flex-end;padding:8px}.modal{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92dvh;padding:18px}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;align-items:stretch}.tabs{gap:0;overflow-x:auto}.tabs button{font-size:var(--text-xs);padding:8px 10px 10px}.login-brand{font-size:16px;top:22px;left:18px}.login-brand>span:last-child{display:none}.login-card{padding:24px 20px}.login-card h1{font-size:20px}.login-page{padding:18px}.docs-panel{padding:16px}.toast{max-width:none;left:12px;right:12px}.provider-card{padding:16px}.source-tiles{grid-template-columns:1fr 1fr}.heading-actions{flex-wrap:wrap}.credential-item{flex-direction:column;align-items:flex-start}}@media (width<=400px){.stats-grid,.source-tiles{grid-template-columns:1fr}.tabs button{padding:8px 8px 10px}.login-card{padding:20px 16px}}@media (width<=650px){.welcome-banner>div:nth-child(2){flex:calc(100% - 48px);min-width:0}.welcome-banner button{flex:0 0 calc(100% - 48px);justify-content:flex-start;margin-left:48px}}.quota-panel{margin:22px 0}.quota-panel h2,.route-presets h2{align-items:center;gap:9px;display:flex}.quota-panel .panel-heading p,.route-presets .panel-heading p{margin-top:5px;font-size:12px}.quota-explainer{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);color:var(--text-secondary);font-size:var(--text-sm);gap:12px;margin:0 22px 18px;padding:14px 18px;line-height:1.6;display:flex}.quota-explainer strong{color:var(--text-primary)}.quota-explainer svg{color:var(--accent-light);flex-shrink:0;margin-top:3px}.quota-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 22px 22px;display:grid}.quota-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);transition:border-color var(--tr-base);padding:20px}.quota-card:hover{border-color:var(--border-strong)}.quota-card-title{justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.quota-card-title small{color:var(--text-tertiary);margin-top:5px;display:block}.quota-dimension{margin:12px 0}.quota-dimension>div{justify-content:space-between;gap:8px;font-size:11px;display:flex}.quota-dimension strong{font-variant-numeric:tabular-nums;color:var(--text-primary)}.quota-dimension small{text-align:right;color:var(--text-tertiary);display:block}.quota-dimension progress{appearance:none;background:var(--bg-raised);border:0;border-radius:10px;width:100%;height:6px;margin:8px 0 5px;display:block;overflow:hidden}.quota-dimension progress::-webkit-progress-bar{background:var(--bg-raised);border-radius:10px}.quota-dimension progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.quota-dimension progress.warn::-webkit-progress-value{background:var(--warning)}.quota-dimension progress.danger::-webkit-progress-value{background:var(--error)}.quota-dimension progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.quota-window{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);align-items:start;gap:8px;margin-top:15px;padding-top:13px;font-size:11px;line-height:1.6;display:flex}.quota-window>span:last-child{white-space:nowrap;margin-left:auto}.quota-upstream{border-top:1px solid var(--border-subtle);margin-top:12px;padding-top:12px;font-size:11px}.quota-upstream summary{cursor:pointer}.quota-upstream p{margin:9px 0}.quota-upstream dl>div{overflow-wrap:anywhere;justify-content:space-between;gap:10px;margin:5px 0;display:flex}.quota-upstream dd{margin:0;font-family:monospace}.route-presets{margin-bottom:24px}.route-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:0 22px;display:grid}.route-cards article{border:1px solid #e6ebe1;border-radius:10px;margin-bottom:20px;padding:18px}.route-cards article>div:first-child{flex-direction:column;gap:7px;display:flex}.route-cards p{overflow-wrap:anywhere;margin:14px 0;font-size:11px}.route-empty{padding:0 22px 22px}.route-editor{border-top:1px solid #edf0e8;padding:22px}.route-editor label,.studio-params label{flex-direction:column;gap:8px;font-size:12px;display:flex}.route-editor .inline-checkbox,.studio-params .inline-checkbox{flex-direction:row;align-items:center}.inline-checkbox input[type=checkbox]{width:auto}.route-editor>select{margin:12px 0}.route-target{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:8px 0;display:flex}.route-target code{overflow-wrap:anywhere;flex:1;min-width:0}.route-editor .muted{margin:15px 0}.button-row{align-items:center;gap:8px;display:flex}.form-error{color:#b44d3c;padding:16px}.studio{background:#fff;border:1px solid #e2e7dd;border-radius:16px;grid-template-columns:218px minmax(0,1fr);height:calc(100vh - 210px);min-height:700px;max-height:1100px;display:grid;overflow:hidden;box-shadow:0 8px 32px #24371a04}.studio-history{background:#f7f9f4;border-right:1px solid #e5eadf;flex-direction:column;min-height:0;padding:18px 12px;display:flex}.studio-history>.button{justify-content:center;min-height:36px;font-size:11px}.studio-search{color:#88927f;border-bottom:1px solid #e5eadf;align-items:center;gap:8px;margin:14px 0;padding:10px;display:flex}.studio-search input{width:100%;box-shadow:none;background:0 0;border:0;padding:0;font-size:11px}.studio-history-list{flex:1;min-height:60px;overflow:auto}.studio-history-list>div{border-radius:8px;align-items:center;margin:3px 0;display:flex}.studio-history-list>div.active{color:#526f32;background:#e9efdf}.studio-history-list button{background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:11px 8px;font-size:11px;display:flex}.studio-history-list button:first-child{text-align:left;flex:1}.studio-history-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-history-list svg{flex-shrink:0}.studio-history-list button:last-child{opacity:.45;padding:7px}.studio-persist{border-top:1px solid #e5e9df;align-items:flex-start;gap:7px;padding-top:14px;font-size:10px;line-height:1.6;display:flex}.studio-persist input{accent-color:#708e46;width:auto;margin-top:3px}.studio-history>p{color:#8a9383;margin:8px 0 13px;font-size:10px}.studio-main{flex-direction:column;min-width:0;min-height:0;display:flex}.studio-topbar{border-bottom:1px solid #f0f2ec;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.studio-topbar>div:first-child{color:#526f35;align-items:center;gap:9px;display:flex}.studio-topbar strong{color:#2e3e29;font-size:15px}.studio-topbar strong span{color:#89957e;margin-left:4px;font-weight:400}.studio-topbar .button{font-size:11px}.studio-modes{flex-shrink:0;gap:4px;padding:10px 18px 0;display:flex;overflow-x:auto}.studio-modes button{color:#839077;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:10px 11px;font-size:11px;display:flex}.studio-modes button.active{color:#5d7b37;background:#edf3e5}.studio-modes button:hover{background:#f4f6ef}.studio-config{border-bottom:1px solid #eef1e8;flex-shrink:0;gap:12px;padding:13px 22px 16px;display:flex}.studio-config label{flex:1;min-width:0}.studio-config label>span{letter-spacing:1.2px;color:#87917e;margin-bottom:6px;font-size:8px;font-weight:600;display:block}.studio-config select,.studio-config input{background:#fcfdfb;border-color:#e5eadd;width:100%;height:33px;padding:6px 9px;font-size:11px}.studio-params{background:#f9fbf6;border-bottom:1px solid #e7ecdf;flex-direction:column;flex-shrink:0;gap:12px;max-height:300px;padding:17px 22px;display:flex;overflow:auto}.studio-params label{font-size:11px}.studio-params input[type=range]{accent-color:#829c50;padding:0}.studio-params small{color:#88947d}.studio-api{background:#f5f7f1;border-bottom:1px solid #e7ecdf;flex-shrink:0;max-height:320px;padding:18px 22px;overflow:auto}.studio-api>div{justify-content:space-between;align-items:center;display:flex}.studio-api pre{max-height:210px;font-size:11px;line-height:1.7;overflow:auto}.studio-messages{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;min-height:170px;padding:16px 30px;overflow:auto}.studio-welcome{text-align:center;max-width:580px;margin:30px auto}.studio-orb{color:#729040;background:linear-gradient(145deg,#f4f8ec,#e7eedb);border:1px solid #dfe9cf;border-radius:21px;place-items:center;width:68px;height:68px;margin:0 auto 23px;display:grid;box-shadow:0 10px 25px #6b843915}.studio-welcome .eyebrow{letter-spacing:2px;color:#91a078;font-size:8px}.studio-welcome h2{letter-spacing:-.8px;margin:13px 0 9px;font-size:25px;font-weight:500;line-height:1.4}.studio-welcome>p{color:#919b88;font-size:12px}.studio-suggestions{grid-template-columns:1fr 1fr;gap:10px;margin:27px 0 20px;display:grid}.studio-suggestions button{text-align:left;color:#66765a;background:#fff;border:1px solid #e6ecdf;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:15px 13px;font-size:11px;line-height:1.65;display:flex}.studio-suggestions button:hover{background:#f8faf4;border-color:#a2b77b}.studio-suggestions svg{color:#a3b78b;flex-shrink:0;transform:rotate(45deg)}.studio-source-note{color:#9a8a5b;background:#faf8f0;border:1px solid #eee8d6;border-radius:8px;padding:11px 15px;font-size:10px;line-height:1.8}.studio-message{overflow-wrap:anywhere;max-width:760px;margin:0 auto;padding:20px 0;line-height:1.8;animation:.18s msg-appear}@keyframes msg-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.studio-message.user{background:0 0;flex-direction:column;align-items:flex-end;max-width:100%;margin-left:auto;margin-right:0;padding:16px 0;display:flex}.studio-message.user .studio-author{display:none}.studio-message.user .studio-markdown{background:var(--bg-raised);border:1px solid var(--border-muted);max-width:min(680px,80%);color:var(--text-primary);text-align:left;border-radius:18px 18px 4px;padding:12px 18px;font-size:14px;line-height:1.75}.studio-message.user .studio-message-actions{opacity:0;transition:opacity var(--tr-base);justify-content:flex-end;margin-top:6px}.studio-message.user:hover .studio-message-actions{opacity:1}.studio-message.assistant{flex-direction:column;align-items:flex-start;gap:0;max-width:100%;padding:20px 0;display:flex}.studio-author{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.studio-author svg{color:var(--accent-bright);flex-shrink:0}.studio-message.assistant .studio-markdown{max-width:min(760px,100%);color:var(--text-primary);font-size:15px;line-height:1.85}.studio-message.assistant .studio-message-actions{opacity:0;transition:opacity var(--tr-base);margin-top:10px}.studio-message.assistant:hover .studio-message-actions{opacity:1}.studio-message.failed .studio-author,.studio-message.failed .studio-markdown{color:var(--error-soft)}.studio-attachment{border:1px solid var(--border-muted);border-radius:12px;max-width:240px;max-height:180px;margin-bottom:8px}.studio-result-image{border:1px solid var(--border-muted);border-radius:14px;max-width:100%;max-height:480px;margin-top:14px;display:block}.studio-message video{border:1px solid var(--border-muted);border-radius:14px;max-width:100%;max-height:400px;margin-top:12px;display:block}.studio-message audio{max-width:100%;margin-top:12px;display:block}.studio-markdown{color:var(--text-primary);font-size:14px}.studio-markdown p{color:inherit;margin:8px 0;line-height:1.85}.studio-markdown h1,.studio-markdown h2,.studio-markdown h3{color:var(--text-primary);margin:20px 0 8px;line-height:1.4}.studio-markdown h1{font-size:20px}.studio-markdown h2{font-size:17px}.studio-markdown h3{font-size:15px}.studio-markdown ul,.studio-markdown ol{margin:8px 0;padding-left:24px}.studio-markdown li{margin:4px 0}.studio-markdown a{color:var(--accent-bright);text-underline-offset:2px;text-decoration:underline}.studio-markdown a:hover{color:var(--accent-light)}.studio-markdown strong{color:var(--text-primary);font-weight:600}.studio-markdown em{color:var(--text-secondary)}.studio-markdown code{font-family:var(--font-mono);background:var(--bg-raised);border:1px solid var(--border-muted);color:var(--accent-bright);border-radius:4px;padding:1px 5px;font-size:12px}.studio-markdown table{border-collapse:collapse;width:100%;margin:12px 0;font-size:12px;display:block;overflow-x:auto}.studio-markdown th{background:var(--bg-raised);color:var(--text-primary);text-align:left;font-weight:600}.studio-markdown th,.studio-markdown td{border:1px solid var(--border-muted);padding:9px 12px}.studio-markdown tr:hover td{background:var(--bg-raised)}.studio-markdown blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:12px 0;padding:4px 16px;font-style:italic}.studio-code{border:1px solid var(--border-muted);background:var(--bg-base);border-radius:10px;margin:14px 0;position:relative;overflow:hidden}.studio-code button{border:1px solid var(--border-muted);background:var(--bg-raised);color:var(--text-secondary);transition:all var(--tr-base);border-radius:5px;padding:4px 8px;font-size:10px;position:absolute;top:8px;right:8px}.studio-code button:hover{background:var(--bg-overlay);color:var(--text-primary)}.studio-code pre{color:var(--text-primary);font-size:12px;line-height:1.7;font-family:var(--font-mono);margin:0;padding:36px 16px 16px;overflow:auto}.studio-message-actions{gap:4px;margin-top:6px;display:flex}.studio-message-actions button,.studio-message-actions a{color:var(--text-disabled);border-radius:var(--r-md);transition:all var(--tr-base);background:0 0;border:0;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:5px;display:flex}.studio-message-actions button:hover,.studio-message-actions a:hover{color:var(--text-secondary);background:var(--bg-raised)}.studio-metrics{color:var(--text-disabled);font-variant-numeric:tabular-nums;border-top:1px solid var(--border-subtle);margin-top:10px;padding-top:8px;font-size:10px;display:block}.studio-message.failed .studio-metrics{color:var(--error)}.studio-bottom{flex-shrink:0;padding:8px 22px 12px}.studio-composer{background:#fff;border:1px solid #dfe7d4;border-radius:14px;padding:10px 12px;box-shadow:0 4px 16px #293e1706}.studio-composer:focus-within{border-color:#a8bd85;box-shadow:0 0 0 3px #a8bd8512}.studio-composer textarea{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:52px;max-height:160px;padding:3px 3px 10px;font-size:12px;line-height:1.7;box-shadow:none!important}.studio-composer>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-send{color:#fff;background:#738d4d;border:0;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.studio-send:disabled{opacity:.35;cursor:default}.studio-send.stop{background:#5c6754}.studio-composer-hint{color:#a0aa95;font-size:9px}.studio-footer{text-align:center;color:#a5ae9b;margin-top:10px;font-size:8px}.studio-error{color:#ab644d;background:#fff5ef;border:1px solid #f0ded3;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;padding:10px 13px;font-size:11px;display:flex}.studio-error button,.studio-file button{color:inherit;background:0 0;border:0;display:flex}.studio-file{background:#f6f8f1;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;font-size:10px;display:flex}.studio-file img{object-fit:cover;border-radius:5px;width:34px;height:34px}.studio-file span{flex:1}.recording{color:#b55644!important;background:#fff1e8!important}.studio-history-list button:disabled{cursor:default}.studio .spin{animation:1s linear infinite spin}@media (width>=1600px){.studio-history{padding:22px 15px}.studio{grid-template-columns:240px minmax(0,1fr)}.studio-welcome{margin-top:60px}.studio-messages{padding-left:60px;padding-right:60px}}@media (width<=1200px){.studio{grid-template-columns:180px minmax(0,1fr)}.studio-messages{padding:15px 20px}.studio-modes{padding-left:12px;padding-right:12px}.studio-modes button{padding:9px 8px;font-size:10px}.studio-welcome h2{font-size:22px}.studio-config{padding:12px 16px}.studio-composer-hint{display:none}}@media (width<=850px){.studio{grid-template-columns:1fr;height:calc(100dvh - 185px);min-height:680px}.studio-history{display:none}.studio-messages{padding:15px}.studio-welcome{margin:18px auto}.studio-topbar{padding:13px 16px}.studio-config{flex-wrap:wrap}.studio-config label{min-width:140px}.studio-bottom{padding:8px 12px 10px}.quota-grid{padding:0 15px 15px}.quota-explainer{margin:0 15px 15px}.studio-welcome h2{font-size:21px}.studio-suggestions{gap:8px;margin-top:20px}.studio-suggestions button{padding:12px;font-size:10px}.studio-message.user{margin-left:8%}.studio-params{max-height:240px}}.studio{position:relative}.studio-config input,.studio-config select,.studio-params input:not([type=checkbox]):not([type=range]),.studio-params textarea,.studio-params select,.route-editor input:not([type=checkbox]),.route-editor select{color:#3b4a32;min-width:0;box-shadow:none;background:#fcfdfb;border:1px solid #e0e7d7;border-radius:7px;outline:none;width:100%;padding:8px 10px}.studio-config input:focus,.studio-config select:focus,.studio-params textarea:focus,.route-editor input:focus{border-color:#9db67c}.studio-history-toggle,.studio-mobile-close{display:none}.quota-account{background:#f6f9f0;border:1px solid #e3ebd6;border-radius:9px;margin-top:15px;padding:13px}.quota-account-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.quota-account-title>span{text-transform:uppercase;letter-spacing:.6px;color:#839768;font-size:8px}.quota-value{justify-content:space-between;gap:15px;margin:10px 0;font-size:10px;display:flex}.quota-value strong{white-space:nowrap}.quota-account>small{color:#889b71;font-size:9px}.quota-api-note{margin-top:13px;font-size:10px;line-height:1.7}.studio-params textarea{resize:vertical;max-height:140px}.studio-params .form-grid{margin-bottom:0}.studio-search input{outline:none}.studio-code code{white-space:pre}@media (width<=850px){.studio-history.show{z-index:8;width:260px;display:flex;position:absolute;inset:0 auto 0 0;box-shadow:12px 0 40px #2d421a26}.studio-history-toggle,.studio-mobile-close{display:flex}.studio-mobile-close{align-self:flex-end;margin-bottom:8px}.studio-topbar .button{padding:7px 9px}.studio-topbar strong{font-size:12px}.studio-topbar strong span{display:none}}.router-visualizer{margin-bottom:18px}.router-flow{align-items:center;gap:10px;padding:18px 4px;display:flex;overflow:auto}.router-lane{align-items:center;gap:10px;min-width:170px;display:flex}.router-node{border:1px solid var(--border-muted);background:var(--bg-raised);border-radius:12px;flex-direction:column;gap:4px;min-width:150px;padding:13px 15px;display:flex}.router-node svg{color:var(--muted)}.router-node.ready{background:#f4faef;border-color:#b9d5a7}.router-node.ready svg{color:#6f9e4b}.router-node.muted{opacity:.55}.router-node small{color:var(--muted);font-size:11px}.router-arrow{color:var(--muted);white-space:nowrap;font-size:12px}.router-legend{color:var(--muted);border-top:1px solid var(--border-muted);flex-wrap:wrap;gap:16px;padding-top:12px;font-size:12px;display:flex}.router-legend span{align-items:center;gap:5px;display:flex}.router-routes{gap:8px;margin-top:16px;display:grid}.router-routes>div{background:var(--bg-raised);border-radius:8px;grid-template-columns:140px 1fr auto;align-items:center;gap:12px;padding:9px 12px;display:grid}.router-routes small{color:var(--muted)}.oauth-panel{margin-bottom:18px}.oauth-panel .form-grid{align-items:end;gap:16px;margin:0 0 14px}.oauth-panel label{color:#60705d;flex-direction:column;gap:7px;font-size:12px;font-weight:550;display:flex}.oauth-panel input:not([type=checkbox]){color:#334a3a;background:#fcfdfb;border:1px solid #dce5d7;border-radius:8px;outline:none;width:100%;min-height:39px;padding:9px 11px;transition:border-color .15s,box-shadow .15s,background .15s}.oauth-panel input:not([type=checkbox]):focus{background:#fff;border-color:#8eaf7d;box-shadow:0 0 0 3px #8eaf7d1f}.oauth-panel .inline-checkbox{color:#647264;flex-direction:row;align-items:flex-start;gap:9px;padding:9px 0;font-size:11px;font-weight:450;line-height:1.55}.oauth-panel .inline-checkbox input{width:17px;height:17px;accent-color:var(--color-accent);flex:none;margin:0}.oauth-cards article label{margin-top:2px}.oauth-cards article .button{width:100%;margin-top:2px}.oauth-panel .form-error{margin-top:12px}.oauth-warning{color:#6d5a26;background:#fff9e8;border:1px solid #f0dfaa;border-radius:10px;align-items:flex-start;gap:8px;margin:14px 0;padding:12px 14px;font-size:13px;display:flex}.oauth-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.oauth-cards article{border:1px solid var(--border-muted);border-radius:12px;gap:9px;padding:16px;display:grid}.oauth-cards p{color:var(--muted);margin:0;font-size:13px}.oauth-cards code{overflow-wrap:anywhere;color:var(--muted);font-size:11px}.oauth-flow{background:#f4faef;border:1px solid #b9d5a7;border-radius:10px;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.oauth-flow code{letter-spacing:2px;font-size:22px}.oauth-flow small{color:var(--muted)}.oauth-flow .icon-button{margin-left:auto}@media (width<=800px){.oauth-cards{grid-template-columns:1fr}.router-flow{flex-direction:column;align-items:flex-start}.router-arrow{transform:rotate(90deg)}.router-routes>div{grid-template-columns:1fr;gap:4px}}.router-summary{color:var(--muted);border-bottom:1px solid var(--border-muted);flex-wrap:wrap;gap:18px;padding:10px 0;font-size:12px;display:flex}.router-summary span{align-items:center;gap:5px;display:flex}.router-table{border:1px solid var(--border-muted);border-radius:10px;gap:1px;margin-top:12px;display:grid;overflow:hidden}.router-table-head,.router-row{grid-template-columns:1.3fr 1fr 1.2fr;gap:12px;padding:10px 12px;display:grid}.router-table-head{color:var(--muted);text-transform:uppercase;background:var(--bg-raised);font-size:11px}.router-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1ea;align-items:center;font-size:12px}.router-row.ready{background:#f4faef}.router-row:hover{background:#f8fbf6}.router-row>span{flex-direction:column;gap:3px;display:flex}.router-row small{color:var(--muted)}.router-row>span:last-child{color:#9a6d1c;flex-direction:row;align-items:center;display:flex}.router-row.ready>span:last-child{color:#609342}.log-inspect{margin-top:7px;font-size:10px}.agent-trace{background:linear-gradient(135deg,#fbfdf9,#f5f9f0);border:1px solid #dfe8d8;border-radius:12px;margin:0 22px 22px;padding:18px}.agent-trace-heading,.agent-trace-metrics,.agent-trace-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-trace-heading h3{color:var(--color-accent-fg);margin:0;font-size:16px}.agent-trace-heading p{margin-top:4px;font-size:10px}.agent-trace-metrics{color:#778475;background:#fff;border:1px solid #e2eadc;border-radius:8px;justify-content:flex-start;margin:15px 0;padding:10px 12px;font-size:11px}.agent-trace-metrics span{align-items:center;gap:5px;display:inline-flex}.agent-trace-metrics .ok,.agent-trace-timeline li.success strong{color:#568441}.agent-trace-metrics .bad,.agent-trace-timeline li.error strong{color:#ad654d}.agent-trace-timeline{gap:0;margin:0;padding:4px 0 3px;list-style:none;display:grid}.agent-trace-timeline li{grid-template-columns:25px 1fr;gap:10px;min-height:58px;display:grid;position:relative}.agent-trace-timeline li:not(:last-child):before{content:"";background:#d8e4d1;width:1px;position:absolute;top:20px;bottom:0;left:8px}.agent-trace-marker{z-index:1;color:#6b9157;background:#f5f9f0;place-items:center;width:17px;height:17px;display:grid;position:relative}.agent-trace-timeline li.error .agent-trace-marker{color:#b06b51}.agent-trace-timeline strong{font-size:11px;font-weight:600;display:block}.agent-trace-timeline small{color:#9ba69a;margin-top:3px;font-size:10px;display:block}.agent-trace-timeline p{color:#778575;margin:4px 0 0;font-size:10px}.agent-trace-footer{color:#819080;border-top:1px solid #e0e8db;justify-content:flex-start;margin-top:11px;padding-top:11px;font-size:10px}@media (width<=700px){.router-table-head,.router-row{grid-template-columns:1fr;gap:5px}.router-table-head{display:none}}.router-live-actions{align-items:center;gap:6px;display:inline-flex}.router-live-badge{letter-spacing:.2px;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:650;display:inline-flex}.router-live-badge.on{color:#4d7e3b;background:#eef7e9;border:1px solid #d5e9c9}.router-live-badge.off{color:#8d7562;background:#fbf4ec;border:1px solid #eee0d1}.router-live-flow{background:#fbfcfa;border-top:1px solid #eff2ec;border-bottom:1px solid #e4e9e0;align-items:center;gap:4px;padding:14px 22px 17px;display:flex;overflow-x:auto}.router-live-lane{align-items:center;gap:4px;min-width:170px;display:flex}.router-live-node{text-align:left;background:#fff;border:1px solid #dfe6d9;border-radius:9px;grid-template-columns:17px 1fr;align-items:center;gap:1px 6px;width:155px;min-height:56px;padding:9px 10px;display:grid}.router-live-node svg{color:#9ea99b;grid-row:1/3}.router-live-node strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.router-live-node small{text-overflow:ellipsis;white-space:nowrap;color:#98a395;font-size:9px;overflow:hidden}.router-live-node.ready,.router-live-node[aria-pressed=true]{background:#f3faef;border-color:#b9d5a7;box-shadow:0 0 0 2px #b9d5a733}.router-live-node.ready svg{color:#63934c}.router-live-node.blocked{background:#fffdfb}.router-live-node.blocked svg{color:#ba8267}.router-live-arrow{color:#b0bbac;font-size:14px}.router-inspector{background:#f7faf4;border:1px solid #e0e8dc;border-radius:10px;grid-template-columns:minmax(180px,.8fr) 2fr;gap:17px;margin:15px 22px 5px;padding:14px;display:grid}.router-inspector>div:first-child{align-content:center;gap:5px;display:grid}.router-inspector>div:first-child small{color:#8ba081;letter-spacing:1px;font-size:9px}.router-inspector>div:first-child strong{color:#375a41;overflow-wrap:anywhere;font-size:12px}.router-inspector>div:first-child span{color:#899789;font-size:10px}.router-inspector-steps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.router-inspector-steps span{color:#669250;background:#fff;border:1px solid #e2e9de;border-radius:7px;grid-template-columns:13px 1fr;align-items:center;gap:1px 5px;padding:8px;display:grid}.router-inspector-steps span.blocked{color:#a97b64;background:#fffdfb;border-color:#efe0d7}.router-inspector-steps b{font-size:9px}.router-inspector-steps small{color:#98a495;grid-column:2;font-size:9px;line-height:1.35}.live-router{margin-bottom:18px}.live-router-counters{color:#7e8e7d;border-bottom:1px solid #e5eae2;flex-wrap:wrap;gap:14px;padding:9px 22px;font-size:10px;display:flex}.live-router-counters span{align-items:center;gap:5px;display:inline-flex}.live-router-counters .live-dot{width:6px;height:6px;box-shadow:0 0 0 3px #e9f3e2}.live-router-empty{color:#a2afa0;text-align:center;place-items:center;gap:6px;padding:40px 20px;display:grid}.live-router-empty h3{color:#71826f;font-size:13px}.live-router-empty p{max-width:450px;font-size:11px}.live-request-picker{justify-content:space-between;align-items:end;gap:15px;padding:15px 22px 0;display:flex}.live-request-picker .field{width:min(430px,100%);margin:0}.live-request-picker .field select{min-height:35px}.live-route-graph{align-items:center;gap:9px;padding:17px 22px 20px;display:flex;overflow-x:auto}.live-graph-node{background:#fbfcfa;border:1px solid #dfe7da;border-radius:9px;flex:0 0 135px;gap:3px;min-height:69px;padding:11px;display:grid}.live-graph-node.gateway{background:#f3faef;border-color:#bcd6ae}.live-graph-node.ok{background:#f3faef;border-color:#b7d6a8}.live-graph-node.bad{background:#fff8f6;border-color:#edd8d0}.live-graph-node.active{background:#fffaf0;border-color:#e5d7a8}.live-graph-node small{color:#9aa899;letter-spacing:1px;font-size:8px}.live-graph-node strong{color:#526950;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.live-graph-node span,.live-graph-node code{color:#8b9889;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.live-graph-attempt{align-items:center;gap:9px;display:flex}.agent-trace .trace-waterfall{background:#edf2e9;border-radius:99px;height:4px;margin:5px 0 3px;overflow:hidden}.agent-trace .trace-waterfall i{border-radius:inherit;background:linear-gradient(90deg,#a9c992,#5f8c4a);height:100%;display:block}@media (width<=820px){.router-inspector{grid-template-columns:1fr}.router-inspector-steps{grid-template-columns:repeat(2,1fr)}.live-request-picker{flex-direction:column;align-items:stretch}}.oauth-panel{padding:0 22px 22px}.oauth-panel>.panel-heading{padding-left:0;padding-right:0}.oauth-panel .oauth-warning{margin-top:0;font-size:12px;line-height:1.6}.oauth-cards article{background:#fcfdfb;flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:20px;display:flex}.oauth-cards article p{font-size:12px}.oauth-cards article>.button{flex:none;min-height:40px}.oauth-cards article:first-child>.button{margin-top:10px}.oauth-cards article>small{color:#879282;line-height:1.65}.oauth-panel h2,.router-visualizer h2,.live-router h2,.logs-explorer h2{align-items:center;gap:7px;display:flex}.router-visualizer>.router-summary{padding:10px 22px}.router-visualizer>.muted{padding:14px 22px;font-size:11px}.router-row>span{overflow-wrap:anywhere;min-width:0}.router-row svg{flex:none}.router-table{max-height:430px;overflow:auto}.logs-toolbar{grid-template-columns:minmax(0,1fr) 180px 150px;align-items:end;gap:15px;padding:0 22px 14px;display:grid}.logs-toolbar .field,.logs-run-search .field{margin:0}.logs-toolbar .inline-checkbox{padding-bottom:10px}.logs-run-search{flex-wrap:wrap;align-items:end;gap:10px;padding:0 22px 16px;display:flex}.logs-run-search .field{flex:1;min-width:160px}.logs-runs{border-top:1px solid var(--border-muted);background:var(--bg-raised);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 22px;display:flex}.logs-runs>span{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.logs-pagination{color:var(--muted);justify-content:space-between;align-items:center;padding:16px 22px;font-size:11px;display:flex}.selected-log{background:var(--bg-raised)}.run-summary{border:1px solid var(--border-muted);border-radius:var(--r-lg);background:var(--bg-surface);color:var(--text-primary);flex-wrap:wrap;gap:12px;margin:16px 22px;padding:14px;font-size:11px;display:flex}.run-summary p{width:100%;font-size:10px}.agent-trace-heading code,.agent-trace-metrics b,.agent-trace-footer span,.agent-trace-timeline strong{overflow-wrap:anywhere}.agent-trace-timeline li>div{min-width:0;padding-bottom:12px}.live-graph-node{flex:0 0 155px;width:155px}.live-route-graph>svg,.live-graph-attempt{flex:none}.agent-trace .running strong,.agent-trace .running .agent-trace-marker{color:#998542}button:disabled{cursor:not-allowed}button:focus-visible{outline-offset:3px;outline:2px solid #6f9159}@media (width<=700px){.oauth-panel{padding:0 15px 15px}.oauth-panel .form-grid{grid-template-columns:1fr}.oauth-cards article{padding:15px}.router-live-actions{flex-wrap:wrap;justify-content:flex-end}.router-inspector{margin-left:15px;margin-right:15px}.agent-trace{margin:0 15px 15px;padding:14px}.logs-toolbar{grid-template-columns:1fr;padding:0 15px 14px}.logs-run-search,.logs-runs{padding-left:15px;padding-right:15px}.logs-explorer .panel-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.window-dots{display:none}.directory-summary{color:var(--text-tertiary);font-size:var(--text-xs);flex-wrap:wrap;gap:8px;margin:-6px 0 16px;display:flex}.segmented{border:1px solid var(--border-muted);border-radius:var(--r-lg);background:var(--bg-raised);gap:3px;padding:3px;display:flex}.segmented button{color:var(--text-tertiary);border-radius:var(--r-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--tr-base), color var(--tr-base);background:0 0;border:0;padding:6px 12px}.directory-section{border:1px solid var(--border-muted);border-radius:var(--r-xl);background:var(--bg-surface);margin:0 0 18px;padding:20px}.directory-heading p{color:var(--text-tertiary);font-size:var(--text-sm);margin-top:5px}.count-pill{border-radius:var(--r-full);background:var(--bg-overlay);color:var(--text-secondary);font-size:var(--text-xs);margin-left:4px;padding:2px 7px}.source-tile{text-align:left;border:1px solid var(--border-muted);border-radius:var(--r-lg);background:var(--bg-raised);min-width:0;color:inherit;cursor:pointer;transition:border-color var(--tr-base), transform var(--tr-base), box-shadow var(--tr-base);align-items:center;gap:10px;padding:11px;display:flex}.source-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.source-mark{color:#fff;border-radius:var(--r-md);background:var(--bg-overlay);width:30px;height:30px;font-size:var(--text-xs);flex:none;place-items:center;font-weight:700;display:grid}.source-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--text-primary);display:block;overflow:hidden}.source-status{color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;display:block;overflow:hidden}.provider-add{border:1px dashed var(--border-strong);border-radius:var(--r-xl);background:var(--accent-bg);justify-content:space-between;align-items:center;gap:14px;margin:18px 0;padding:16px;display:flex}.provider-add p{font-size:var(--text-sm);color:var(--text-secondary);margin-top:3px}.directory-note{color:var(--text-tertiary);font-size:var(--text-sm);align-items:flex-start;gap:7px;display:flex}.endpoint-tabs button{color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:color var(--tr-base), border-color var(--tr-base);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:8px 12px;display:flex}.settings-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);gap:16px;padding:22px;display:grid}.settings-icon{border-radius:var(--r-lg);width:40px;height:40px;color:var(--accent-bright);background:var(--accent-bg);border:1px solid var(--accent-border);place-items:center;display:grid}.settings-title p{font-size:var(--text-sm);margin-top:4px}.endpoint-copy{border:1px solid var(--border-muted);background:var(--bg-subtle);border-radius:var(--r-md);align-items:center;gap:10px;min-width:0;padding:7px 10px;display:flex}.endpoint-copy code{overflow-wrap:anywhere;font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono);flex:1}.settings-info{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--r-md);color:var(--success);gap:8px;padding:10px;display:flex}.protocol-list code{color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono)}.setting-toggle small{color:var(--text-tertiary);max-width:600px;font-size:var(--text-xs);margin-top:3px}.setting-toggle input{appearance:none;border-radius:var(--r-full);background:var(--bg-overlay);cursor:pointer;width:36px;height:20px;transition:background var(--tr-base);flex:none;position:relative}.setting-toggle input:after{content:"";background:var(--text-disabled);width:14px;height:14px;transition:transform var(--tr-base), background var(--tr-base);border-radius:50%;position:absolute;top:3px;left:3px}.setting-toggle input:checked:after{background:#fff;transform:translate(16px)}.settings-save{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.routing-summary .panel-heading{padding-bottom:6px}.route-flow{justify-content:center;align-items:flex-start;padding:14px 20px 22px;display:flex}.route-node{min-width:48px;color:var(--text-tertiary);flex-direction:column;align-items:center;gap:8px;display:flex}.route-node>svg,.route-node>.logo{border:1px solid var(--border-muted);border-radius:var(--r-lg);background:var(--bg-raised);width:34px;height:34px;padding:7px}.route-node small{color:var(--text-disabled);font-size:9px}.flow-line{background:var(--border-strong);width:26px;height:1px;margin-top:17px;position:relative}.flow-line:after{content:"›";color:var(--text-disabled);font-size:12px;position:absolute;top:-8px;right:-1px}.routing-row{font-size:var(--text-xs);color:var(--text-tertiary);justify-content:space-between;margin:0 20px 12px;display:flex}.routing-row strong{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.routing-summary>.text-button{border-top:1px solid var(--border-subtle);justify-content:space-between;width:100%;padding:14px 20px}.title-with-count{align-items:center;gap:8px;display:flex}.title-with-count>span{font-size:var(--text-xs);color:var(--text-disabled);border:1px solid var(--border-muted);border-radius:var(--r-sm);background:var(--bg-raised);padding:1px 5px}.service-card,.ui-language{display:none}.service-card{border:1px solid var(--border-muted);color:var(--text-primary);border-radius:8px;align-items:center;gap:9px;margin-bottom:14px;padding:10px;font-size:11px;display:flex}.service-card small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.service-card>svg{color:#12bd70;margin-left:auto}.ui-language{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.sidebar-backdrop{display:none}.directory-summary{color:var(--muted);flex-wrap:wrap;gap:9px;margin:-8px 0 19px;font-size:11px;display:flex}.directory-summary>span{border:1px solid var(--border-muted);background:var(--bg-raised);border-radius:7px;padding:9px 12px}.status-dot{background:#19c777;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.directory-toolbar{justify-content:space-between;gap:15px;margin-bottom:27px;display:flex}.segmented{border:1px solid var(--border-muted);background:var(--bg-raised);border-radius:8px;gap:4px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:11px}.segmented button.selected{background:var(--brand);color:#fff}.directory-section{border:1px solid var(--border-muted);border-radius:11px;margin:0 0 20px;padding:20px}.directory-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px;display:flex}.directory-heading h2{align-items:center;gap:8px;display:flex}.directory-heading h2 svg{color:var(--brand)}.directory-heading p{color:var(--muted);margin-top:6px;font-size:11px}.count-pill{color:#bbb;background:#383a3c;border-radius:99px;margin-left:3px;padding:2px 7px;font-size:10px}.source-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.source-tile{text-align:left;border:1px solid var(--border-muted);background:var(--bg-raised);min-width:0;color:inherit;border-radius:8px;align-items:center;gap:10px;padding:12px;transition:all .15s;display:flex}.source-tile:hover{border-color:var(--brand);transform:translateY(-1px)}.source-tile>svg{color:var(--muted);flex-shrink:0;margin-left:auto}.source-mark{color:#fff;background:#4d5154;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.source-groq{background:#ef5f45}.source-openrouter{background:#4a6079}.source-gemini{background:#4b69df}.source-mistral{background:#ed875a}.source-codex{background:#555}.source-antigravity{background:#4453a9}.source-copy{min-width:0}.source-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.source-status{color:#85878a;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.source-status.ready{color:#16ba70}.source-status i{background:#85878a;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.source-status.ready i{background:#16ba70}.provider-add{border:1px dashed var(--border-muted);border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin:21px 0;padding:19px;display:flex}.provider-add>div{align-items:center;gap:11px;display:flex}.provider-add>div>svg{color:var(--brand)}.provider-add p{margin-top:4px;font-size:11px}.directory-note{color:var(--muted);align-items:flex-start;gap:7px;font-size:11px;display:flex}.directory-note svg{color:#18bc72;flex:none}.endpoint-page{gap:15px;display:grid}.endpoint-tabs{border-bottom:1px solid var(--border-muted);flex-wrap:wrap;gap:4px;padding-bottom:10px;display:flex}.endpoint-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex}.endpoint-tabs button.selected{border-color:var(--brand);color:var(--brand);font-weight:600}.settings-card{gap:17px;padding:24px;display:grid}.settings-title{align-items:center;gap:13px;display:flex}.settings-title>div{flex:1}.settings-icon{width:43px;height:43px;color:var(--brand);background:#3b2b27;border-radius:11px;place-items:center;display:grid}.settings-title p{margin-top:5px;font-size:11px}.endpoint-copy{border:1px solid var(--border-muted);background:var(--bg-raised);border-radius:8px;align-items:center;gap:10px;padding:7px 9px;display:flex}.endpoint-copy code{overflow-wrap:anywhere;flex:1;font-size:11px}.settings-info{color:#a9d9bb;background:#2c382f;border-radius:8px;gap:8px;padding:11px;display:flex}.settings-info p{color:inherit;font-size:11px}.settings-card h2{margin-bottom:0}.settings-card>p{font-size:12px}.protocol-list{gap:8px;display:grid}.protocol-list>div{border-bottom:1px solid var(--border-muted);grid-template-columns:1.1fr 1.8fr 1fr;align-items:center;gap:12px;padding:10px 0;display:grid}.protocol-list code{color:var(--muted);font-size:10px}.protocol-list span{color:#16ba70;font-size:10px}.setting-toggle{border-top:1px solid var(--border-muted);justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle small{color:var(--muted);max-width:620px;margin-top:4px;font-size:10px}.setting-toggle input{appearance:none;background:#555;border-radius:99px;flex:none;width:38px;height:22px;position:relative}.setting-toggle input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px}.setting-toggle input:checked{background:var(--brand)}.setting-toggle input:checked:after{transform:translate(16px)}.settings-save{border-top:1px solid var(--border-muted);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-top:13px;font-size:11px;display:flex}@media (width<=1100px){.source-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.source-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-toolbar{flex-direction:column}.directory-toolbar .search{max-width:none}.provider-add{flex-direction:column;align-items:flex-start}.sidebar-backdrop{z-index:10;background:#0006;border:0;display:block;position:fixed;inset:0}.sidebar.mobile-open{z-index:15}.ui-language{display:none}.protocol-list>div{grid-template-columns:1fr;gap:4px}}@media (width<=500px){.source-tiles{grid-template-columns:1fr 1fr}.directory-section{padding:14px}.source-tile{padding:9px}.source-mark{width:28px;height:28px}.source-copy strong{font-size:11px}.endpoint-tabs{flex-wrap:nowrap;overflow:auto}.endpoint-tabs button{white-space:nowrap}}.sidebar nav button{min-height:39px;padding:10px 12px}:root[data-theme] .brand-title small,:root[data-theme] .sidebar nav button{color:var(--muted)}:root[data-theme] .sidebar nav button.active{background:color-mix(in srgb, var(--brand) 13%, transparent);color:var(--brand)}:root[data-theme] .sidebar nav button small{background:var(--bg-surface);color:var(--muted)}:root[data-theme] .button.primary{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-theme] .search{background:var(--bg-raised);border:1px solid var(--border-muted)}:root[data-theme] .search input{color:var(--text-primary);background:0 0;width:100%}:root[data-theme] .field>span,:root[data-theme] label,:root[data-theme] .eyebrow{color:var(--muted)}:root[data-theme] .field input,:root[data-theme] .field select,:root[data-theme] .field textarea{color:var(--text-primary);background:var(--bg-raised);border-color:var(--border-muted)}:root[data-theme] input::placeholder,:root[data-theme] textarea::placeholder{color:var(--muted);opacity:.8}:root[data-theme] :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--brand);outline-offset:3px}:root[data-theme] .segmented button.selected{background:var(--brand);color:#fff}:root[data-theme] .sidebar nav button:hover{color:var(--color-fg)}:root[data-theme] :is(.badge,.period,.profile,.avatar,.panel-foot,.tags span,.title-with-count>span,.top-divider){background:var(--color-bg-overlay);color:var(--color-fg-muted);border-color:var(--color-border)}:root[data-theme] :is(.badge.green,.badge.green strong,.ok,.quota-account-title span){background:var(--color-success-soft);color:var(--color-success-fg)}:root[data-theme] :is(.badge.amber,.notice,.oauth-warning,.quota-explainer){background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning-fg)}:root[data-theme] :is(.badge.red,.inline-error,.form-error){background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger-fg)}:root[data-theme] :is(.oauth-panel input:not([type=checkbox]),.route-editor input,.route-editor select,.credential-form,.model-editor,.model-row,.credential-item,.budget-fields,.copy-field,.key-once,.docs-panel pre,.api-code,.playground-grid pre){background:var(--color-bg-inset);border-color:var(--color-border);color:var(--color-fg)}:root[data-theme] :is(.welcome-banner,.route-node,.soft-icon,.banner-icon,.routing-summary,.routing-row,.route-flow,.chart-legend,.bottom-strip,.route-cards article,.route-editor,.quota-card,.quota-window,.quota-account,.quota-upstream,.quota-value,.quota-dimension,.router-row,.router-summary,.router-routes>div,.agent-trace,.run-summary,.logs-toolbar,.logs-pagination,.logs-runs,.router-live-flow,.router-live-node,.router-inspector,.router-inspector-steps span,.live-router-counters,.live-request-picker,.live-route-graph,.live-graph-node){background:var(--color-bg-raised);border-color:var(--color-border);color:var(--color-fg)}:root[data-theme] :is(.agent-trace-heading,.agent-trace-footer,.agent-trace-metrics,.agent-trace-marker,.doc-step>span,.trace-waterfall,.router-box,.router-prompt){background:var(--color-bg-overlay);border-color:var(--color-border);color:var(--color-fg-muted)}:root[data-theme] :is(th,td,.routing-row strong,.chart-legend,.stat-card>div,.stat-card p,.stat-card strong,.route-editor label,.route-cards article code,.quota-dimension strong,.quota-dimension span,.router-live-node small,.agent-trace-heading p,.agent-trace-timeline p,.agent-trace-timeline small){color:var(--color-fg);border-color:var(--color-border)}:root[data-theme] :is(th,.table-scroll thead,.table-scroll tr:hover,.selected-log){background:var(--color-bg-subtle)}:root[data-theme] :is(.tabs button.selected,.text-button,.router-live-node[aria-pressed=true]){color:var(--color-accent-fg);border-color:var(--color-accent)}:root[data-theme] .route-node.gate{background:var(--color-accent-soft)}:root[data-theme] .oauth-panel .form-grid{padding:14px}:root[data-theme] .oauth-panel .oauth-warning{color:var(--color-warning-fg)}:root[data-theme] .settings-info{background:var(--color-success-soft);color:var(--color-success-fg)}:root[data-theme] .settings-icon{background:var(--color-accent-soft)}:root[data-theme] .count-pill{background:var(--color-bg-overlay);color:var(--color-fg-muted)}:root[data-theme] .source-tile{background:var(--color-bg-surface)}:root[data-theme] .shell{background:0 0}:root[data-theme] .sidebar{background:var(--sidebar-bg)}:root[data-theme] .topbar{background:var(--topbar-bg)}.settings-card+.settings-card{margin-top:18px}.endpoint-copy{min-width:0}.settings-info svg{flex:none}@media (width>=1450px){.source-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1200px){.source-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.source-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-backdrop{display:none}}@media (width<=650px){.main-wrap{margin-left:0}.sidebar-backdrop{display:block}.topbar>div{gap:7px}.topbar .top-divider{display:none}main{padding:22px 15px 0}.page-heading h1{font-size:25px}.directory-summary{gap:6px;margin-top:10px}.directory-summary>span{padding:8px}.directory-heading{flex-wrap:wrap}.directory-section{padding:14px}.source-tiles{grid-template-columns:1fr}.settings-card{padding:17px}.settings-title{flex-wrap:wrap}.setting-toggle small{font-size:11px;line-height:1.6}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal{padding:18px}.settings-save{background:var(--bg-raised);border-radius:8px;padding:12px;position:sticky;bottom:0}.endpoint-copy{flex-wrap:wrap}.provider-add .button{white-space:normal}.segmented{width:max-content;max-width:100%}}@media (prefers-reduced-motion:reduce){.source-tile,.setting-toggle input:after{transition:none}}.usage-report h2{align-items:center;gap:7px;display:flex}.usage-budget{background:var(--bg-raised);flex-wrap:wrap;align-items:center;gap:14px;padding:18px 24px;font-size:12px;display:flex}.usage-budget progress{min-width:100px;height:6px;accent-color:var(--brand);flex:1}.sync-preview{border:1px solid var(--border-muted);border-radius:9px;gap:14px;padding:18px;display:grid}.sync-preview .directory-summary{margin:0}.alias-panel{margin-top:20px}.alias-panel h2,.health-panel h2{align-items:center;gap:8px;display:flex}.alias-editor{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:10px;gap:15px;margin:0 22px 20px;padding:20px;display:grid}.alias-editor p{font-size:11px}.alias-list{padding:0 22px 15px}.alias-list article{border-top:1px solid var(--border-muted);align-items:center;gap:14px;padding:16px 0;display:flex}.alias-list article>div:first-child{min-width:140px}.alias-list article strong,.alias-list article>div:first-child code{display:block}.alias-list article code{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:11px}.alias-target{flex:1}.alias-list svg{flex-shrink:0}.health-panel{margin-bottom:20px}.health-summary{background:var(--bg-raised);border-block:1px solid var(--border-muted);color:var(--muted);flex-wrap:wrap;gap:20px;padding:12px 22px;font-size:11px;display:flex}.health-panel td small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.health-provider{color:var(--brand);text-align:left;background:0 0;border:0;padding:0;font-weight:600}.health-details{border:1px solid var(--border-muted);background:var(--bg-raised);border-radius:9px;margin:12px 22px;padding:18px}.health-details p{margin-top:8px;font-size:11px}.health-note{color:var(--muted);padding:14px 22px;font-size:11px}@media (width<=650px){.alias-panel .panel-heading,.health-panel .panel-heading{flex-wrap:wrap;gap:12px}.alias-list article{flex-wrap:wrap;gap:10px}.alias-target{flex-basis:65%}.alias-editor{margin:0 12px 15px;padding:15px}.health-summary{gap:10px;padding:12px}.health-details{margin:12px}.health-note{padding:14px 12px}}.router-model-picker{align-items:flex-end;gap:12px;padding:0 22px 18px;display:flex}.router-model-picker .field{flex:1;max-width:460px}@media (width<=650px){.router-model-picker{flex-wrap:wrap;padding:0 15px 15px}.router-model-picker .field{min-width:200px}}.agent-builder{flex-direction:column;gap:16px;display:flex}.agent-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.agent-title{align-items:center;gap:10px;display:flex}.agent-title strong,.agent-title small{display:block}.agent-title small{color:var(--muted);margin-top:3px}.agent-actions{flex-wrap:wrap;gap:8px;display:flex}.agent-layout{grid-template-columns:220px minmax(420px,1fr) 280px;gap:16px;min-height:560px;display:grid}.agent-sidebar,.agent-inspector{padding:16px;overflow:auto}.agent-sidebar h3,.agent-inspector h3{margin:0 0 6px}.agent-sidebar>p,.agent-inspector>.muted{color:var(--muted);margin:0 0 14px;font-size:12px}.agent-palette{gap:7px;display:grid}.agent-palette-item{border:1px solid var(--border-muted);background:var(--bg-surface);color:var(--text-primary);cursor:grab;text-align:left;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;display:flex}.agent-palette-item span{flex:1;font-size:12px}.agent-palette-item:hover{border-color:var(--brand)}.agent-palette-item.violet svg{color:#a78bfa}.agent-palette-item.blue svg{color:#60a5fa}.agent-palette-item.orange svg{color:#fb923c}.agent-palette-item.rose svg{color:#fb7185}.agent-palette-item.green svg{color:#4ade80}.agent-palette-item.lime svg{color:#a3e635}.agent-canvas{min-height:560px;padding:0;overflow:hidden}.agent-canvas .react-flow{background:var(--surface)}.agent-canvas .react-flow__node-default{border:1px solid var(--border-muted);background:var(--bg-surface);color:var(--text-primary);border-radius:10px;padding:10px 14px;font-size:12px;box-shadow:0 5px 18px #0002}.agent-canvas .react-flow__edge-path{stroke:var(--brand);stroke-width:2px}.agent-hint{background:var(--bg-surface);border:1px solid var(--border-muted);color:var(--muted);border-radius:7px;padding:7px 10px;font-size:11px}.inspector-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.agent-inspector hr,.agent-sidebar hr{border:0;border-top:1px solid var(--border-muted);margin:16px 0}.agent-doc-list{gap:5px;margin-top:12px;display:grid}.agent-doc-list span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.agent-run{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:18px;padding:18px;display:grid}.agent-run .panel-heading{align-items:center;gap:10px;display:flex}.agent-run .panel-heading h2{align-items:center;gap:7px;margin:0;display:flex}.agent-run .panel-heading .muted{margin-left:auto;font-size:11px}.agent-run textarea{resize:vertical;width:100%}.agent-run-actions{align-items:center;gap:12px;margin-top:10px;display:flex}.agent-run-actions span{color:var(--muted);font-size:12px}.agent-result{border:1px solid var(--border-muted);background:var(--bg-surface);border-radius:10px;min-width:0;padding:12px}.agent-result-head{justify-content:space-between;gap:10px;font-size:12px;display:flex}.agent-result-head span{color:var(--muted);font-size:11px}.agent-result pre{white-space:pre-wrap;max-height:260px;margin:10px 0;font:12px/1.6 ui-monospace,monospace;overflow:auto}.agent-steps{flex-wrap:wrap;gap:5px;display:flex}.agent-steps span{background:var(--bg-raised);color:var(--muted);border-radius:999px;padding:3px 6px;font-size:10px}.agent-steps span.success i{background:#4ade80}.agent-steps span.error i{background:#fb7185}.agent-steps i{background:#facc15;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}@media (width<=1100px){.agent-layout{grid-template-columns:190px minmax(300px,1fr)}.agent-inspector{grid-column:1/-1;min-height:240px}.agent-run{grid-template-columns:1fr}}@media (width<=700px){.agent-layout{grid-template-columns:1fr;min-height:0}.agent-canvas{height:480px}.agent-sidebar{max-height:none}.agent-actions{width:100%}.agent-toolbar{flex-direction:column;align-items:flex-start}}.ui-language{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 6px;display:inline-flex}.ui-language:hover{color:var(--text)}:root[data-theme] .agent-sidebar :is(input,textarea,select),:root[data-theme] .agent-inspector :is(input,textarea,select),:root[data-theme] .agent-run textarea{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-muted);border-radius:8px}:root[data-theme] .agent-sidebar :is(input,textarea,select):focus,:root[data-theme] .agent-inspector :is(input,textarea,select):focus,:root[data-theme] .agent-run textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 60%,transparent);outline-offset:1px;border-color:var(--brand);box-shadow:none}.agent-node-tip{border:1px solid color-mix(in srgb,var(--brand) 45%,var(--border-muted));color:var(--muted);background:color-mix(in srgb,var(--brand) 8%,var(--surface));border-radius:8px;align-items:flex-start;gap:7px;margin-bottom:12px;padding:9px 10px;font-size:11px;line-height:1.45;display:flex}:root[data-theme] .agent-canvas .react-flow__controls{background:var(--bg-surface);border:1px solid var(--border-muted);box-shadow:0 4px 16px #0004}.agent-canvas .react-flow__controls-button{background:var(--bg-surface);border-color:var(--border-muted);color:var(--text-primary)}.agent-canvas .react-flow__minimap{background:var(--bg-surface);border:1px solid var(--border-muted)}.agent-canvas .react-flow__minimap-mask{fill:color-mix(in srgb,var(--brand) 22%,transparent)}.ui-language{color:var(--muted)}.platform-admin{gap:16px;display:grid}.platform-register{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;display:flex}.platform-register form{flex:1;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;max-width:720px;display:grid}.platform-register :is(input,select),.platform-integration-form :is(input,select){background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-muted);border-radius:8px;padding:9px 10px}.platform-register h2{align-items:center;gap:7px;margin:0;display:flex}.platform-register p{color:var(--muted);max-width:360px;font-size:12px}.platform-integration-form{padding:16px}.integration-list{gap:8px;padding:0 16px 16px;display:grid}.integration-list>div{border-top:1px solid var(--border-muted);align-items:center;gap:12px;padding-top:9px;display:flex}.integration-list span{color:var(--muted);flex:1;font-size:12px}@media (width<=900px){.platform-register{display:block}.platform-register form{grid-template-columns:1fr 1fr;margin-top:14px}}@media (width<=560px){.platform-register form{grid-template-columns:1fr}.integration-list>div{flex-wrap:wrap}}.route-target select{background:var(--bg-raised);min-width:170px;max-width:260px;color:var(--text-primary);border:1px solid var(--border-muted);border-radius:7px;padding:6px}.drag-handle{color:var(--muted)}.fullscreen-page{flex-direction:column!important;width:100%!important;max-width:none!important;height:calc(100dvh - 66px)!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.fullscreen-page>.page-heading,.fullscreen-page>footer,.fullscreen-page>.main-footer{display:none!important}.fullscreen-page>*{flex:1;height:100%;min-height:0}.hub-page{box-sizing:border-box!important;width:100%!important;max-width:none!important;height:calc(100dvh - 66px)!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden auto!important}.hub-page>.page-heading,.hub-page>footer,.hub-page>.main-footer{display:none!important}.hub-page::-webkit-scrollbar{width:8px}.hub-page::-webkit-scrollbar-track{background:0 0}.hub-page::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.hub-page::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (width<=960px){.providers-grid,.overview-cards{grid-template-columns:repeat(2,1fr)!important}.ma-kind-desc{display:none}.ba-left{width:280px}}@media (width<=768px){.page-heading h1{font-size:20px!important}.overview-cards,.providers-grid{grid-template-columns:1fr!important}table{min-width:500px}.table-wrap,.usage-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.ba-main{flex-direction:column!important;overflow-y:auto!important}.ba-left{border-bottom:1px solid #30363dcc;max-height:50vh;overflow-y:auto;border-right:none!important;width:100%!important}.ba-right{min-height:380px}.ba-topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.ba-topbar-sub{display:none}.ma-kind-selector{flex-direction:column!important}.ma-kind-btn{min-width:unset!important}.ma-controls{flex-wrap:wrap}.ma-topbar{flex-wrap:wrap;gap:8px}.ma-topbar-sub{display:none}.ma-field-row{flex-direction:column}}@media (width<=540px){header{height:54px!important;padding:0 12px!important}.fullscreen-page,.hub-page{height:calc(100dvh - 54px)!important}main,.page-content{padding:12px!important}.card,.panel{border-radius:10px!important;padding:12px!important}table{min-width:380px;font-size:11px}th,td{padding:5px 7px!important}input,select,textarea{font-size:14px!important}.ba-left{max-height:42vh}.ba-tab{padding:5px 10px;font-size:11px}.ba-new-form{padding:10px 12px}.ba-step-desc{display:none}.ba-example-btn{padding:4px 8px;font-size:10px}.ma-int-list{padding:8px 10px}.ma-add-panel{margin:8px 10px}.ma-tabs,.ma-detail-tabs{flex-wrap:nowrap;overflow-x:auto}.logs-table th:nth-child(n+4),.logs-table td:nth-child(n+4){display:none}.usage-filter-row{flex-direction:column!important}.logs-filter-row{flex-direction:column!important;gap:6px!important}}@media (hover:none) and (pointer:coarse){.ba-tab,.ma-tab{min-height:40px}.ba-btn-xs,.ma-btn-xs{min-height:32px}.sidebar-nav-item{min-height:42px}}h1{font-size:clamp(18px,3vw,30px)}.page-heading h1{font-size:clamp(18px,2.4vw,26px)}@media (width<=760px){.page-heading{flex-direction:column;align-items:flex-start;gap:10px}.heading-actions{flex-wrap:wrap;width:100%}.heading-actions .button{flex:1;justify-content:center;min-width:120px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px 14px}.stat-card>strong{font-size:20px}}.table-wrap{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.table-wrap:after{content:"";background:linear-gradient(to right, transparent, var(--bg-surface));pointer-events:none;opacity:0;width:30px;transition:opacity var(--tr-base);position:absolute;top:0;bottom:0;right:0}.table-wrap.scrollable:after{opacity:1}.toast{animation:.25s cubic-bezier(.16,1,.3,1) toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(calc(100% + 12px))}to{opacity:1;transform:translate(0)}}.button:active:not(:disabled),.ba-run-btn:active:not(:disabled),.ma-btn-primary:active:not(:disabled){transform:scale(.97)}.stat-card{transition:transform var(--tr-base), box-shadow var(--tr-base), border-color var(--tr-base)}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 4px 16px #0006}.provider-card{transition:transform var(--tr-base), box-shadow var(--tr-base), border-color var(--tr-base)}.provider-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 6px 24px #00000073}.sidebar nav button:before{transition:transform var(--tr-base) cubic-bezier(.34, 1.56, .64, 1);transform-origin:0}.sidebar nav button.active:before{transform:scaleY(1)}.icon-button{transition:background var(--tr-base), color var(--tr-base), transform var(--tr-base)}.icon-button:hover{transform:scale(1.08)}.icon-button:active{transform:scale(.95)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #8b5cf626;border-color:var(--accent-light)!important}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:var(--bg-raised);border-radius:var(--r-md);animation:1.5s infinite skeleton-pulse}@keyframes page-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.live-dot{background:var(--success);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:8px;animation:2s infinite live-pulse;display:inline-block}@keyframes live-pulse{0%,to{box-shadow:0 0 6px var(--success), 0 0 0 0 #22c55e66}50%{box-shadow:0 0 10px var(--success), 0 0 0 6px #22c55e00}}::-webkit-scrollbar-corner{background:0 0}@media (hover:none) and (pointer:coarse){.ba-tab,.ma-tab{min-height:44px}.ba-btn-xs,.ma-btn-xs{min-width:36px;min-height:36px}.icon-button{min-width:40px;min-height:40px}.sidebar nav button{min-height:44px}.button{min-height:40px;padding:0 18px}.stat-card:hover,.provider-card:hover,.icon-button:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.status-dot,.live-dot{animation:none}}.empty{transition:all var(--tr-base)}.empty-icon{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-xl);transition:transform var(--tr-slow);padding:12px}.empty:hover .empty-icon{transform:scale(1.05)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);cursor:default;padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-light));opacity:0;height:2px;transition:opacity .2s;position:absolute;inset:0 0 auto}.stat-card:hover{border-color:var(--accent-border);box-shadow:0 8px 24px #7c3aed26, var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card>div{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;font-weight:600;display:flex}.stat-card>div .stat-icon{border-radius:var(--r-md);background:var(--bg-overlay);width:30px;height:30px;color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.stat-card.success .stat-icon{background:var(--success-bg);color:var(--success)}.stat-card.error .stat-icon{background:var(--error-bg);color:var(--error)}.stat-card.info .stat-icon{background:var(--info-bg);color:var(--info)}.stat-card.warning .stat-icon{background:var(--warning-bg);color:var(--warning)}.stat-card.accent .stat-icon{background:var(--accent-bg);color:var(--accent-bright)}.stat-card>strong{letter-spacing:-1.5px;color:var(--text-primary);align-items:baseline;gap:6px;margin-bottom:8px;font-size:28px;font-weight:700;line-height:1;display:flex}.stat-card>strong small{letter-spacing:0;color:var(--text-tertiary);font-size:13px;font-weight:400}.stat-card p{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:5px;margin:0;display:flex}.stat-trend{border-radius:var(--r-full);align-items:center;gap:3px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.stat-trend.up{background:var(--success-bg);color:var(--success)}.stat-trend.down{background:var(--error-bg);color:var(--error)}.stat-trend.flat{background:var(--bg-overlay);color:var(--text-tertiary)}.welcome-banner{border:1px solid var(--accent-border);border-radius:var(--r-xl);background:linear-gradient(135deg,#7c3aed1f 0%,#8b5cf60f 100%);align-items:center;gap:16px;margin-bottom:22px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.welcome-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed1f,#0000 70%);width:180px;height:180px;position:absolute;top:-40px;right:-40px}.banner-icon{border:1px solid var(--accent-border);border-radius:var(--r-lg);width:44px;height:44px;color:var(--accent-bright);background:#7c3aed33;flex-shrink:0;place-items:center;display:grid;box-shadow:0 0 16px #7c3aed40}.welcome-banner h3{font-size:var(--text-md);color:var(--text-primary);margin-bottom:4px;font-weight:600}.welcome-banner p{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.welcome-banner button{background:var(--accent);color:#fff;border-radius:var(--r-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--tr-base), box-shadow var(--tr-base), transform var(--tr-fast);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:7px;margin-left:auto;padding:8px 14px;font-weight:600;display:flex}.welcome-banner button:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.panel{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);transition:border-color var(--tr-base);overflow:hidden}.panel-heading{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.panel-heading h2{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.panel-heading p{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:3px}.route-node{color:var(--text-secondary)}.route-node>svg,.route-node>.logo{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg)}.route-node.gate>.logo,.route-node.gate>svg{background:var(--accent-bg);border-color:var(--accent-border)}.route-node small{color:var(--text-tertiary)}.flow-line{background:var(--border-strong)}.routing-row span{color:var(--text-tertiary)}.routing-row strong{color:var(--text-secondary)}.routing-summary>.text-button{border-top:1px solid var(--border-subtle);color:var(--accent-bright)}.title-with-count>span{background:var(--bg-overlay);border:1px solid var(--border-muted);color:var(--text-tertiary);border-radius:var(--r-sm);padding:2px 6px;font-size:9px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-heading .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright);opacity:.7;margin-bottom:6px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-.5px;color:var(--text-primary);align-items:center;gap:10px;font-size:22px;font-weight:700;line-height:1.2;display:flex}.page-heading p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:520px;margin-top:6px;line-height:1.6}.heading-actions{flex-shrink:0;align-items:center;gap:8px;padding-top:4px;display:flex}.live-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%;animation:2s ease-in-out infinite live-pulse;display:inline-block}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f11eb}.topbar-breadcrumb>span:first-child{opacity:.6;font-size:11px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:12px;margin:6px 0}.skeleton-title{width:60%;height:20px;margin-bottom:12px}.skeleton-card{height:80px}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}main>:not(.page-heading){animation:.2s both page-in}.provider-icon{box-shadow:inset 0 0 0 1px var(--border-muted);transition:transform var(--tr-base), box-shadow var(--tr-base)}.provider-cell:hover .provider-icon{box-shadow:inset 0 0 0 1px var(--border-strong), var(--shadow-sm);transform:scale(1.05)}.quota>div{background:var(--bg-overlay);border-radius:var(--r-full);height:4px;margin-top:6px;overflow:hidden}.quota i{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:var(--r-full);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);display:block}.quota.warn i{background:linear-gradient(90deg, var(--warning), #fbbf24)}.quota.crit i{background:linear-gradient(90deg, var(--error), #f87171)}.search:focus-within{border-color:var(--accent-light);box-shadow:0 0 0 3px var(--accent-bg)}tbody tr:nth-child(2n) td{background:#ffffff03}tbody tr:hover td{background:var(--bg-raised)}.bottom-strip{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-top:28px;padding:10px 14px}.bottom-strip>span:last-child{margin-left:auto}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px;border-radius:2px}.badge.pulse:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:4px;animation:1.5s ease-in-out infinite badge-pulse;display:inline-block}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (width<=768px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.overview-middle{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:12px}.heading-actions{width:100%}.page-heading h1{font-size:20px}.stat-card>strong{font-size:22px}.panel-heading{padding:14px 16px}main{padding:20px 16px 0}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.welcome-banner{flex-wrap:wrap}.welcome-banner button{justify-content:center;width:100%;margin-left:0}}.topbar-live{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex}.sidebar-toggle:after{content:attr(data-hint);background:var(--bg-overlay);border:1px solid var(--border-muted);border-radius:var(--r-sm);color:var(--text-disabled);opacity:0;transition:opacity var(--tr-base);pointer-events:none;white-space:nowrap;padding:2px 4px;font-size:8px;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.gateway-health-bar{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#141827cc 0%,#0d111cf2 100%);border:1px solid #7c3aed40;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;animation:.3s page-in;display:flex;box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff0d}.health-status-badge{align-items:center;gap:12px;display:flex}.health-pulse-container{justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:relative}.health-pulse-dot{background:#10b981;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #10b981}.health-pulse-ring{opacity:.8;border:2px solid #10b981;border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.6)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.8)}}.health-title-group{flex-direction:column;display:flex}.health-title{letter-spacing:.05em;color:#34d399;font-size:13px;font-weight:700}.health-sub{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.health-metrics-row{align-items:center;gap:14px;display:flex}.health-pill{border:1px solid var(--border-subtle);border-radius:var(--r-md);background:#ffffff08;flex-direction:column;min-width:90px;padding:6px 14px;display:flex}.health-pill .health-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:9px}.health-pill strong{color:var(--text-primary);font-size:13px;font-weight:600;font-family:var(--font-mono)}.health-actions{align-items:center;gap:8px;display:flex}.stat-trend{border-radius:var(--r-full);align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.stat-trend.up{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.stat-trend.neutral{color:#06b6d4;background:#06b6d41f;border:1px solid #06b6d440}.stat-trend.fast{color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa40}.stat-footer-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.stat-sparkline{width:64px;height:24px;overflow:visible}.top-models-widget{flex-direction:column;gap:10px;margin-top:16px;display:flex}.model-rank-item{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-md);flex-direction:column;gap:5px;padding:10px 12px;transition:all .15s;display:flex}.model-rank-item:hover{background:var(--bg-overlay);border-color:var(--accent-border)}.model-rank-header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.model-rank-name{color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.rank-badge{background:var(--bg-overlay);width:18px;height:18px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.rank-badge.top-1{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.rank-badge.top-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-badge.top-3{color:#fff;background:linear-gradient(135deg,#b45309,#78350f)}.model-rank-stats{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono);align-items:center;gap:12px;display:flex}.model-progress-bar{border-radius:var(--r-full);background:#ffffff0d;width:100%;height:4px;overflow:hidden}.model-progress-fill{background:linear-gradient(90deg, var(--accent), #38bdf8);border-radius:var(--r-full);height:100%;transition:width .4s}.latency-heatmap-container{flex-direction:column;gap:12px;margin-top:14px;display:flex}.heatmap-grid{grid-template-columns:repeat(24,1fr);gap:4px;display:grid}.heatmap-cell{aspect-ratio:1;background:var(--bg-overlay);cursor:pointer;border:1px solid #ffffff0a;border-radius:4px;transition:transform .12s,box-shadow .12s;position:relative}.heatmap-cell:hover{z-index:10;transform:scale(1.25);box-shadow:0 4px 12px #00000080}.heatmap-cell.tier-empty{background:#ffffff08}.heatmap-cell.tier-fast{background:#10b981a6;border-color:#10b981e6}.heatmap-cell.tier-medium{background:#06b6d4a6;border-color:#06b6d4e6}.heatmap-cell.tier-warm{background:#f59e0ba6;border-color:#f59e0be6}.heatmap-cell.tier-slow{background:#f43f5eb3;border-color:#f43f5ee6}.heatmap-legend{color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.heatmap-legend-scale{align-items:center;gap:6px;display:flex}.heatmap-scale-dot{border-radius:2px;width:10px;height:10px}.sidebar.collapsed nav button:after{content:attr(data-label);left:calc(var(--sidebar-w-sm) + 10px);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--r-md);border:1px solid var(--border-default);white-space:nowrap;pointer-events:none;opacity:0;z-index:9999;padding:6px 12px;font-size:11px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;top:50%;transform:translateY(-50%)translate(-4px);box-shadow:0 4px 20px #00000073}.sidebar.collapsed nav button:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.sidebar nav button.active:before{content:"";background:var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;width:3px;box-shadow:0 0 10px var(--accent);animation:2s ease-in-out infinite alternate active-nav-glow;position:absolute;top:4px;bottom:4px;left:0}@keyframes active-nav-glow{0%{opacity:.8;box-shadow:0 0 4px #7c3aed66}to{opacity:1;box-shadow:0 0 12px #7c3aed}}.sidebar nav button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.loading-skeleton-container{flex-direction:column;gap:16px;width:100%;padding:20px 0;display:flex}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.empty-state-v2{text-align:center;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--r-xl);flex-direction:column;justify-content:center;align-items:center;margin:16px 0;padding:48px 24px;display:flex}.empty-state-icon-wrap{border-radius:var(--r-xl);width:56px;height:56px;color:var(--accent-light);background:#7c3aed1a;border:1px solid #7c3aed40;place-items:center;margin-bottom:16px;display:grid;box-shadow:0 0 20px #7c3aed26}.empty-state-v2 h3{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:600}.empty-state-v2 p{color:var(--text-secondary);max-width:380px;margin:0 0 20px;font-size:13px;line-height:1.5}@media (width<=768px){.gateway-health-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.health-metrics-row{flex-wrap:wrap;gap:8px;width:100%}.health-pill{flex:calc(50% - 8px);min-width:0}.health-actions{justify-content:flex-end;width:100%}}.source-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.source-card-v2{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-xl);flex-direction:column;justify-content:space-between;padding:16px;transition:all .18s;display:flex;position:relative;overflow:hidden}.source-card-v2:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.source-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.source-card-brand{align-items:center;gap:10px;display:flex}.source-card-brand h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.source-card-brand small{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.source-card-meta{background:var(--bg-subtle);border-radius:var(--r-md);justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;font-size:11px;display:flex}.source-card-status{align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.source-card-status.ready{color:#10b981}.source-card-status.cooldown{color:#f59e0b}.source-card-status.disabled{color:var(--text-disabled)}.source-latency-tag{font-size:10px;font-family:var(--font-mono);border-radius:var(--r-full);color:var(--text-secondary);background:#ffffff0d;padding:2px 6px}.source-latency-tag.fast{color:#10b981;background:#10b9811f}.source-latency-tag.slow{color:#f43f5e;background:#f43f5e1f}.source-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.source-quick-test-btn{border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-size:11px;transition:all .12s;display:inline-flex}.source-quick-test-btn:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--accent-border);color:var(--accent-light)}.source-quick-test-btn:disabled{opacity:.6;cursor:not-allowed}.bulk-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.15s page-in;display:flex;position:fixed;inset:0}.bulk-modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);flex-direction:column;gap:16px;width:540px;max-width:100%;padding:24px;display:flex;box-shadow:0 16px 48px #0009}.bulk-modal h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.bulk-modal textarea{width:100%;height:180px;font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);resize:vertical;padding:12px;font-size:12px}.bulk-modal textarea:focus{border-color:var(--accent);outline:none}.bulk-modal-actions{justify-content:space-between;align-items:center;display:flex}.bulk-results{flex-direction:column;gap:4px;max-height:140px;font-size:12px;display:flex;overflow-y:auto}.bulk-result-item{border-radius:var(--r-sm);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.bulk-result-item.success{color:#10b981}.bulk-result-item.error{color:#f43f5e}.logs-explorer-v2{flex-direction:column;gap:16px;display:flex}.logs-stats-row{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (width<=1100px){.logs-stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.logs-stats-row{grid-template-columns:repeat(2,1fr)}}.logs-stat-item{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);transition:border-color var(--tr-base), transform var(--tr-base);align-items:center;gap:12px;padding:14px 16px;display:flex}.logs-stat-item:hover{border-color:var(--border-strong);transform:translateY(-1px)}.logs-stat-icon{border-radius:var(--r-lg);flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.logs-stat-icon.violet{background:var(--accent-bg);color:var(--accent-bright)}.logs-stat-icon.red{background:var(--error-bg);color:var(--error)}.logs-stat-icon.amber{background:var(--warning-bg);color:var(--warning)}.logs-stat-icon.green{background:var(--success-bg);color:var(--success)}.logs-stat-icon.blue{background:var(--info-bg);color:var(--info)}.logs-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:4px;font-size:10px;font-weight:500;display:block}.logs-stat-value{color:var(--text-primary);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1;display:block}.logs-main-panel{overflow:visible}.logs-panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.logs-panel-title{align-items:center;gap:14px;display:flex}.logs-title-icon{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-lg);width:36px;height:36px;color:var(--accent-bright);flex-shrink:0;place-items:center;display:grid}.logs-panel-title h2{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.logs-panel-title p{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:6px;margin-top:3px;display:flex}.live-indicator{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.live-indicator.active{color:var(--success)}.logs-panel-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.live-btn{border-color:var(--border-muted)!important}.live-btn.active{background:var(--success-bg)!important;border-color:var(--success-border)!important;color:var(--success)!important}.pulse-radio{animation:1.5s infinite pulse-dot}.logs-filter-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 22px;display:flex}.logs-search-wrap{border:1px solid var(--border-muted);border-radius:var(--r-md);background:var(--bg-raised);min-width:200px;max-width:400px;transition:border-color var(--tr-base), box-shadow var(--tr-base);flex:1;align-items:center;gap:8px;padding:7px 10px;display:flex}.logs-search-wrap:focus-within{border-color:var(--accent);box-shadow:var(--shadow-accent)}.logs-search-icon{color:var(--text-disabled);flex-shrink:0}.logs-search-input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;min-width:0}.logs-search-input::placeholder{color:var(--text-disabled)}.logs-search-clear{color:var(--text-disabled);cursor:pointer;transition:color var(--tr-base);background:0 0;border:0;place-items:center;padding:0;display:grid}.logs-search-clear:hover{color:var(--text-primary)}.logs-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.logs-chip{border:1px solid var(--border-muted);border-radius:var(--r-full);color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:all var(--tr-base);white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:5px 10px;font-weight:500;display:inline-flex}.logs-chip:hover{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border-strong)}.logs-chip.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-bright)}.chip-count{border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex}.chip-count.red{background:var(--error-bg);color:var(--error)}.chip-count.amber{background:var(--warning-bg);color:var(--warning)}.chip-count.violet{background:var(--accent-bg);color:var(--accent-bright)}.logs-run-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 22px;display:flex}.logs-run-field{border:1px solid var(--border-muted);border-radius:var(--r-md);background:var(--bg-raised);min-width:200px;color:var(--text-tertiary);transition:border-color var(--tr-base);flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.logs-run-field:focus-within{border-color:var(--accent)}.logs-run-field input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;min-width:0}.logs-run-field input::placeholder{color:var(--text-disabled)}.logs-runs-row{border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 22px;display:flex}.logs-runs-label{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-weight:600;display:flex}.logs-runs-chips{flex-wrap:wrap;gap:6px;display:flex}.logs-run-banner{background:var(--accent-bg);border-bottom:1px solid var(--accent-border);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 22px;display:flex}.logs-run-banner-icon{color:var(--accent-bright);flex-shrink:0}.logs-run-banner>div:nth-child(2){flex:1;min-width:0}.logs-run-banner strong{font-size:var(--text-sm);color:var(--accent-bright);display:block}.logs-run-banner span{font-size:var(--text-xs);color:var(--text-tertiary)}.logs-run-stats{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:10px;margin-left:auto;display:flex}.logs-error-bar{background:var(--error-bg);border-bottom:1px solid var(--error-border);color:var(--error);font-size:var(--text-sm);align-items:center;gap:10px;padding:12px 22px;display:flex}.logs-table-wrap{min-height:200px;overflow-x:auto}.logs-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.logs-table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-disabled);background:var(--bg-subtle);border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);white-space:nowrap;text-align:left;padding:10px 18px;font-size:10px;font-weight:600}.logs-table tbody .logs-row{cursor:pointer;transition:background var(--tr-fast);border-bottom:1px solid var(--border-subtle)}.logs-table tbody .logs-row:last-child{border-bottom:0}.logs-table tbody .logs-row:hover td{background:var(--bg-raised)}.logs-table tbody .logs-row.selected td{background:var(--accent-bg)}.logs-table tbody .logs-row.error-row td:first-child{border-left:2px solid var(--error)}.logs-table td{color:var(--text-secondary);vertical-align:middle;padding:12px 18px}.logs-td-main{min-width:160px}.logs-step-badge{color:var(--text-primary);text-transform:capitalize;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.logs-time{color:var(--text-tertiary);margin-top:3px;font-size:10px;display:block}.logs-id{font-family:var(--font-mono);color:var(--text-disabled);margin-top:2px;font-size:9px;display:block}.logs-provider{flex-direction:column;gap:2px;display:flex}.logs-provider strong{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.logs-provider small{color:var(--text-tertiary);font-size:10px}.logs-status{flex-direction:column;gap:4px;display:flex}.logs-error-hint{display:block;color:var(--error-soft)!important;font-size:10px!important}.logs-perf{flex-direction:column;gap:3px;display:flex}.logs-latency{font-size:var(--text-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.logs-run-cell{flex-direction:column;gap:2px;display:flex}.logs-run-cell strong{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);font-weight:500}.logs-run-cell small{color:var(--text-disabled);font-size:9px}.logs-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.logs-empty-icon{color:var(--text-disabled);margin-bottom:4px}.logs-empty h3{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.logs-empty p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:320px}.logs-pagination{border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:12px;padding:14px 22px;display:flex}.logs-page-info{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;min-width:120px}.logs-page-info strong{color:var(--text-primary)}.credential-item{border-color:var(--border-muted)!important;background:var(--bg-surface)!important}.credential-item strong{color:var(--text-primary)!important}.credential-item small{color:var(--text-tertiary)!important}.credential-form{background:var(--bg-raised)!important;border-color:var(--border-muted)!important}.model-editor{border-color:var(--border-muted)!important;background:var(--bg-surface)!important}.inline-error{background:var(--error-bg)!important;border-color:var(--error-border)!important;color:var(--error-soft)!important}.form-error{color:var(--error)!important}.secret-value{font-family:var(--font-mono)!important;background:var(--bg-subtle)!important;border:1px solid var(--border-muted)!important;border-radius:var(--r-lg)!important;color:var(--text-secondary)!important;font-size:var(--text-xs)!important;padding:16px!important}.switch{background:var(--bg-overlay)!important}.switch>span{background:var(--text-disabled)!important;box-shadow:0 1px 3px #0006!important}.switch.on{background:var(--accent)!important}.switch.on>span{background:#fff!important}.switch-row{border-bottom-color:var(--border-subtle)!important}.switch-row small{color:var(--text-tertiary)!important}.switch-row strong{color:var(--text-primary)!important}.route-cards article{border-color:var(--border-muted)!important;background:var(--bg-surface)!important}.route-cards code{color:var(--accent-bright)!important}.route-cards p{color:var(--text-secondary)!important}.capabilities{color:var(--text-tertiary)!important}.capabilities input{accent-color:var(--accent)!important}.route-editor{border-top-color:var(--border-muted)!important}.route-target{border-bottom-color:var(--border-subtle)!important}main>*{animation:.2s forwards page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{box-shadow:0 4px 20px #7c3aed1a, var(--shadow-md)}.provider-card:hover{box-shadow:0 4px 20px #0003, var(--shadow-md)}.quota-card:hover{box-shadow:0 2px 12px #00000026}.badge{letter-spacing:.01em}tbody tr.selected td{background:var(--accent-bg)!important}.topbar-live{font-size:var(--text-xs);color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--r-full);align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.mg-icon.violet{background:var(--accent-bg);color:var(--accent-bright)}.mg-icon.green{background:var(--success-bg);color:var(--success)}.mg-icon.blue{background:var(--info-bg);color:var(--info)}.mg-icon.orange{background:var(--warning-bg);color:var(--warning)}.empty-state-v2{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 24px;display:flex}.empty-state-icon-wrap{border:1px solid var(--border-muted);border-radius:var(--r-xl);background:var(--bg-raised);width:56px;height:56px;color:var(--text-disabled);place-items:center;margin-bottom:4px;display:grid}.empty-state-v2 h3{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.empty-state-v2 p{max-width:360px;font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.6}@keyframes pulse-radio{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-raised) 25%, var(--bg-overlay) 50%, var(--bg-raised) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}.text-gradient{background:linear-gradient(135deg, var(--accent-bright), #60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge.purple{background:var(--accent-bg);color:var(--accent-bright);border-color:var(--accent-border)}.badge.cyan{color:#22d3ee;background:#06b6d41f;border-color:#06b6d44d}.badge.pink{color:#f472b6;background:#f472b61f;border-color:#f472b64d}.badge.teal{color:#2dd4bf;background:#14b8a61f;border-color:#14b8a64d}::selection{color:var(--text-primary);background:#7c3aed4d}.panel pre,.panel code.block{background:var(--bg-subtle);border:1px solid var(--border-muted);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);padding:12px 14px;line-height:1.7;overflow-x:auto}@media (width<=900px){.logs-table-wrap{font-size:11px}.logs-table td{padding:10px 12px}.logs-table th{padding:8px 12px}.logs-stats-row{grid-template-columns:repeat(3,1fr)}.logs-panel-header{flex-wrap:wrap;gap:10px}}@media (width<=650px){.logs-stats-row{grid-template-columns:repeat(2,1fr)}.logs-filter-bar{flex-direction:column;align-items:stretch}.logs-search-wrap{max-width:none}.logs-run-bar{flex-direction:column;align-items:stretch}.logs-panel-header{padding:14px 16px}.logs-filter-bar{padding:10px 16px}.logs-run-bar{padding:8px 16px}.logs-table-wrap{display:none}.logs-empty{padding:40px 16px}}.studio-v2{border-color:var(--border-muted);background:var(--bg-base);height:calc(100vh - 188px);min-height:calc(100vh - 188px);max-height:1200px;box-shadow:var(--shadow-md);grid-template-columns:260px minmax(0,1fr);position:relative}.studio-v2 .studio-main{background:var(--bg-base);flex-direction:column;min-height:0;display:flex;overflow:hidden}.studio-v2 .studio-messages{background:var(--bg-base);scroll-behavior:smooth;flex:1;overflow:hidden auto}.studio-v2 .studio-bottom{background:var(--bg-base);flex-shrink:0;padding:8px clamp(16px,4vw,48px) 16px;position:relative}.studio-v2 .studio-bottom>:not(.studio-scroll-bottom){max-width:760px;margin-left:auto;margin-right:auto}.studio-v2.history-collapsed{grid-template-columns:0 minmax(0,1fr)}.studio-v2.history-collapsed .studio-history{opacity:0;pointer-events:none;padding-left:0;padding-right:0;overflow:hidden}.studio-history{transition:width .2s,padding .2s,opacity .2s}.studio-history-heading{color:var(--text-tertiary);letter-spacing:1.8px;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:9px;font-weight:700;display:flex}.studio-history-heading .icon-button{color:var(--text-tertiary);padding:5px}.studio-history-caption{color:var(--text-tertiary);justify-content:space-between;margin:13px 4px 5px;font-size:10px;font-weight:600;display:flex}.studio-history-caption span{opacity:.7}.studio-history-empty{color:var(--text-tertiary);text-align:center;padding:20px 8px;font-size:11px}.studio-history-backdrop{display:none}.studio-v2 .studio-topbar{background:var(--bg-surface);border-color:var(--border-muted);padding:13px 24px}.studio-v2 .studio-topbar>div:first-child{color:var(--accent)}.studio-v2 .studio-topbar strong{color:var(--text-primary);letter-spacing:-.2px;font-size:14px}.studio-v2 .studio-topbar strong span{color:var(--text-tertiary);font-size:11px}.studio-v2 .studio-topbar .button{min-height:31px;padding:7px 11px}.studio-connect{border:1px solid var(--border-muted);background:var(--surface);color:var(--text-primary);border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;transition:all .15s;display:flex}.studio-connect:hover,.studio-connect.verified{border-color:var(--success);color:var(--success)}.studio-connect.verified{background:var(--success-bg)}.studio-v2 .studio-modes{border-bottom:1px solid var(--border-muted);background:var(--bg-surface);padding:10px 24px 0}.studio-v2 .studio-modes button{color:var(--text-tertiary);padding:10px 12px 12px;position:relative}.studio-v2 .studio-modes button.active{color:var(--accent);background:0 0;font-weight:600}.studio-v2 .studio-modes button.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:0;left:10px;right:10px}.studio-model-status{color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.studio-model-status>span{background:var(--success)}.studio-model-status>span.pulse{animation:1.2s ease-in-out infinite studio-pulse}@keyframes studio-pulse{50%{box-shadow:0 0 0 5px var(--success-bg);opacity:.6}}.studio-v2 .studio-config{background:var(--surface);border-bottom-color:var(--border-muted);gap:10px;padding:10px 24px}.studio-v2 .studio-config label:first-child{max-width:310px}.studio-v2 .studio-config label>span{color:var(--text-tertiary)}.studio-v2 .studio-config select{background:var(--bg-surface);height:31px;color:var(--text-primary);border-color:var(--border-muted)}.studio-drawer{background:var(--surface);border-bottom:1px solid var(--border-muted);max-height:345px;padding:18px 24px 20px;position:relative;overflow:auto}.studio-drawer-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.studio-drawer-heading>div{color:var(--accent);align-items:center;gap:8px;display:flex}.studio-drawer-heading h2{color:var(--text-primary);font-size:13px}.studio-connection>p{margin-bottom:14px;font-size:11px}.studio-connection form{align-items:flex-end;gap:10px;max-width:680px;display:flex}.studio-connection label{color:var(--text-tertiary);flex:1;font-size:10px}.studio-connection label input,.studio-connection label select{background:var(--bg-surface);width:100%;max-width:100%;height:35px;color:var(--text-primary);border:1px solid var(--border-muted);text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:7px;margin-top:6px;padding:0 10px;display:block;overflow:hidden}.studio-key-result{min-height:20px;margin:10px 0 0;font-size:10px}.studio-key-result.valid{color:var(--success)}.studio-key-result.invalid{color:var(--warning)}.studio-connection-note{border:1px solid var(--border-muted);border-radius:8px;align-items:center;gap:10px;max-width:680px;margin-top:15px;padding:11px 13px;display:flex}.studio-connection-note p{flex:1;font-size:10px}.studio-connection-note .button{flex-shrink:0;padding:6px 8px;font-size:10px}.studio-connection small{color:var(--text-tertiary);margin-top:12px;font-size:9px;display:block}.studio-v2 .studio-params{background:var(--surface);border-bottom-color:var(--border-muted);gap:13px}.studio-v2 .studio-params label{color:var(--text-primary)}.studio-v2 .studio-params textarea,.studio-v2 .studio-params select,.studio-v2 .studio-params input[type=number]{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-muted)}.studio-v2 .studio-api{background:var(--surface);border-bottom-color:var(--border-muted)}.studio-v2 .studio-api pre{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-muted);border-radius:8px;padding:12px}.studio-v2 .studio-messages{background:var(--bg-base);flex-direction:column;padding:0;display:flex}.studio-v2 .studio-messages-inner{flex:1;width:100%;max-width:760px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 0}.studio-v2 .studio-welcome{max-width:700px;margin:7vh auto 30px;padding:0 clamp(16px,4vw,48px)}.studio-v2 .studio-orb{background:var(--bg-overlay);border:1px solid var(--border-muted);width:56px;height:56px;color:var(--accent-bright);border-radius:17px;justify-content:center;align-items:center;margin-bottom:17px;display:flex}.studio-v2 .studio-welcome h2{color:var(--text-primary);letter-spacing:-1px;font-size:29px}.studio-v2 .studio-welcome>p{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.7}.studio-v2 .studio-suggestions{gap:8px;margin-top:23px}.studio-v2 .studio-suggestions button{background:var(--bg-raised);border:1px solid var(--border-muted);color:var(--text-primary);border-radius:var(--r-lg);text-align:left;transition:border-color var(--tr-base), background var(--tr-base);padding:13px 14px;font-size:13px;line-height:1.6}.studio-v2 .studio-suggestions button:hover{border-color:var(--accent-border);background:var(--accent-bg)}.studio-v2 .studio-message{border-bottom:1px solid var(--border-subtle);max-width:100%;margin:0;padding:18px clamp(16px,4vw,48px)}.studio-v2 .studio-message.user{background:0 0;border:none;flex-direction:column;align-items:flex-end;padding:16px clamp(16px,4vw,48px);display:flex}.studio-v2 .studio-message.user .studio-markdown{background:var(--bg-raised);border:1px solid var(--border-muted);max-width:min(660px,80vw);color:var(--text-primary);border-radius:18px 18px 4px;padding:12px 18px;font-size:14px;line-height:1.75}.studio-v2 .studio-message.assistant{border-bottom:1px solid var(--border-subtle);background:0 0;padding:20px clamp(16px,4vw,48px)}.studio-v2 .studio-author{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.studio-v2 .studio-author svg{color:var(--accent-bright)}.studio-v2 .studio-markdown{color:var(--text-primary);font-size:15px}.studio-v2 .studio-markdown p{color:var(--text-primary);font-size:15px;line-height:1.85}.studio-scroll-bottom{z-index:2;border:1px solid var(--border-muted);background:var(--bg-surface);color:var(--text-secondary);box-shadow:var(--shadow-md);transition:all var(--tr-base);border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:11px;display:flex;position:absolute;bottom:93px;right:25px}.studio-scroll-bottom:hover{background:var(--bg-raised);color:var(--accent-bright);border-color:var(--accent-border)}.studio-setup-hint{border:1px solid var(--border-muted);border-radius:var(--r-lg);background:var(--bg-raised);width:100%;color:var(--text-secondary);text-align:left;align-items:center;gap:8px;margin:0 0 8px;padding:9px 12px;font-size:11px;display:flex}.studio-setup-hint span:nth-child(2){flex:1}.studio-setup-hint span:last-child{color:var(--accent-bright);font-weight:600}.studio-v2 .studio-bottom{background:var(--bg-base);box-sizing:border-box;align-self:stretch;width:100%;max-width:760px;margin:0 auto;padding:8px clamp(16px,4vw,48px) 16px;position:relative}.studio-v2 .studio-composer{border:1px solid var(--border-muted);background:var(--bg-surface);transition:border-color var(--tr-base), box-shadow var(--tr-base);border-radius:16px;padding:10px 12px 10px 16px;box-shadow:0 4px 24px #0000004d}.studio-v2 .studio-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26,0 4px 24px #0000004d}.studio-v2 .studio-composer textarea{resize:none;min-height:48px;max-height:200px;color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:0;font-size:15px;line-height:1.7}.studio-v2 .studio-composer textarea::placeholder{color:var(--text-disabled)}.studio-v2 .studio-composer-hint{color:var(--text-disabled);font-size:11px}.studio-v2 .studio-footer{color:var(--text-disabled);text-align:center;margin-top:8px;font-size:10px}.studio-v2 .studio-send{background:var(--accent);border-radius:var(--r-lg);min-width:36px;min-height:36px;transition:background var(--tr-base), transform var(--tr-fast);justify-content:center;align-items:center;display:flex}.studio-v2 .studio-send:hover:not(:disabled){background:var(--accent-light)}.studio-v2 .studio-send:active:not(:disabled){transform:scale(.94)}:root[data-theme=dark] .studio-v2 .studio-connection-note,:root[data-theme=dark] .studio-setup-hint{background:var(--bg-overlay);border-color:var(--border-strong);color:var(--text-secondary)}.studio-v2 .studio-setup-hint span:last-child{color:var(--accent)}.studio-v2 .studio-connect.verified{background:var(--success-bg);color:var(--success)}.studio-v2 .studio-orb{background:var(--bg-overlay);border-color:var(--border-strong)}@media (width<=1100px){.studio-v2{grid-template-columns:0 minmax(0,1fr)}.studio-v2 .studio-history{z-index:5;width:275px;position:absolute;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:15px 0 35px #0002}.studio-v2 .studio-history.show{opacity:1;pointer-events:auto;padding:18px 12px;transform:translate(0)}.studio-history-backdrop{z-index:4;background:#17201655;border:0;position:absolute;inset:0}.studio-v2:has(.studio-history.show) .studio-history-backdrop{display:block}.studio-v2 .studio-history-toggle{display:flex}}@media (width>=1101px){.studio-v2 .studio-history-toggle{display:none}}@media (width<=700px){.studio-v2{border-radius:10px;height:calc(100vh - 135px);min-height:560px}.studio-v2 .studio-topbar{padding:11px 14px}.studio-v2 .studio-modes{padding-left:12px;padding-right:12px}.studio-v2 .studio-config{flex-wrap:wrap;padding:9px 14px}.studio-v2 .studio-config label:first-child{max-width:none}.studio-model-status{order:-1;width:100%}.studio-v2 .studio-messages{padding:18px 14px}.studio-v2 .studio-welcome{margin:5vh auto 20px}.studio-v2 .studio-welcome h2{font-size:24px}.studio-v2 .studio-suggestions{grid-template-columns:1fr}.studio-v2 .studio-bottom{padding:0 12px 10px}.studio-connection form{display:block}.studio-connection form .button{margin-top:10px}.studio-connection-note{flex-wrap:wrap;align-items:flex-start}.studio-scroll-bottom{bottom:100px;right:15px}}.playground-page{padding:18px 24px 0}.playground-page>.page-heading,.playground-page>.main-footer{display:none}.playground-page .studio-v2{grid-template-columns:224px minmax(0,1fr);height:calc(100dvh - 110px);min-height:510px;max-height:none}.playground-page .studio-v2.history-collapsed{grid-template-columns:0 minmax(0,1fr)}.studio-v2 .studio-main{position:relative}.studio-v2 .studio-history{background:var(--surface);border-color:var(--border-muted);padding:18px 14px}.studio-v2 .studio-history-list>div.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.studio-v2 .studio-search{border-color:var(--border-muted);margin:10px 0;padding:10px 5px}.studio-v2 .studio-search input{color:var(--text-primary);background:0 0;outline:none;font-size:12px}.studio-v2 .studio-history-list button{font-size:12px}.studio-v2 .studio-persist{border-color:var(--border-muted);color:var(--text-tertiary);font-size:10px}.studio-v2 .studio-history>p{color:var(--text-tertiary)}.studio-v2 .studio-history-toggle{display:flex}.studio-v2 .studio-messages{padding:24px clamp(18px,3vw,52px)}.studio-v2 .studio-welcome .eyebrow{color:var(--text-tertiary);font-size:9px}.studio-v2 .studio-welcome>p{color:var(--text-tertiary)}.studio-v2 .studio-suggestions button{font-size:12px;line-height:1.6}.studio-v2 .studio-suggestions svg{color:var(--accent)}.studio-v2 .studio-composer textarea{font-size:14px;line-height:1.7}.studio-v2 .studio-composer .icon-button{color:var(--text-tertiary)}.studio-v2 .studio-message-actions button{color:var(--text-disabled)}.studio-v2 .studio-metrics{color:var(--text-disabled);border-color:var(--border-subtle);font-size:10px}.studio-v2 .studio-code{background:var(--bg-base);border-color:var(--border-muted);color:var(--text-primary)}.studio-v2 .studio-drawer{z-index:3;border-left:1px solid var(--border-muted);border-bottom:0;width:min(380px,100%);max-height:none;padding:20px;position:absolute;top:59px;bottom:0;right:0;box-shadow:-12px 0 30px #0002}.studio-v2 .studio-api.studio-drawer{width:min(580px,100%)}.studio-v2 .studio-api pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none}.studio-v2 .studio-connection form{flex-direction:column;align-items:stretch;gap:12px;display:flex}.studio-v2 .studio-connection-note{padding:14px;display:block}.studio-v2 .studio-connection-note p{margin:8px 0 12px;font-size:11px}.studio-v2 .studio-connection>p{line-height:1.8}.studio-v2 .studio-connection small{font-size:10px;line-height:1.8}.studio-v2 .studio-source-note{background:var(--surface);color:var(--text-tertiary);border-color:var(--border-muted);font-size:11px}.studio-v2 .studio-source-note a{color:var(--accent)}.studio-v2 .studio-file{background:var(--surface);border-color:var(--border-muted);color:var(--text-primary)}.studio-v2 button:focus-visible,.studio-v2 input:focus-visible,.studio-v2 textarea:focus-visible,.studio-v2 select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand>span:last-child{color:var(--text-primary)}:root[data-theme=dark] .studio-v2 .studio-orb{background:var(--bg-overlay);border-color:var(--border-strong)}:root[data-theme=light] .studio-v2 .studio-orb{background:var(--chat-user-bg,color-mix(in srgb, var(--accent) 12%, var(--bg-surface)));border-color:var(--chat-user-border,color-mix(in srgb, var(--accent) 25%, transparent))}@media (width<=1100px){.playground-page .studio-v2{grid-template-columns:minmax(0,1fr)}.studio-v2 .studio-history{display:flex}.studio-v2 .studio-history-heading>button{display:none}.studio-v2 .studio-mobile-close{display:flex;position:absolute;top:12px;right:15px}}@media (width<=650px){.playground-page{padding:10px 8px 0}.playground-page .studio-v2{height:calc(100dvh - 80px);min-height:480px}.studio-v2 .studio-topbar{gap:5px;padding:10px}.studio-v2 .studio-topbar strong span{display:none}.studio-v2 .studio-topbar>div{gap:5px}.studio-v2 .studio-connect span{display:none}.studio-v2 .studio-modes button{padding:10px 9px 12px;font-size:11px}.studio-v2 .studio-config{padding:8px 12px}.studio-v2 .studio-model-status{display:none}.studio-v2 .studio-welcome{margin:12px auto 16px;padding:0 16px}.studio-v2 .studio-orb{width:42px;height:42px;margin-bottom:12px}.studio-v2 .studio-welcome h2{font-size:23px}.studio-v2 .studio-suggestions{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.studio-v2 .studio-suggestions button{padding:10px;font-size:11px}.studio-v2 .studio-suggestions svg{display:none}.studio-v2 .studio-message{padding:14px 16px}.studio-v2 .studio-message.user{padding:12px 16px}.studio-v2 .studio-message.user .studio-markdown{max-width:85vw}.studio-v2 .studio-message.assistant{padding:14px 16px}.studio-v2 .studio-bottom{max-width:100%;padding:8px 12px 14px}.studio-v2 .studio-composer textarea{min-height:44px;font-size:16px}.studio-v2 .studio-setup-hint span:last-child{display:none}.studio-v2 .studio-footer{line-height:1.5}.studio-v2 .studio-drawer{top:55px}}@media (prefers-reduced-motion:reduce){.studio-v2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.studio-model-status>span.unavailable{background:#b69058}.studio-v2 .studio-welcome{margin:15px auto 20px}.studio-v2 .studio-orb{margin-bottom:12px}.studio-v2 .studio-suggestions{margin-top:18px}@media (width<=1100px){.studio-v2 .studio-history{box-shadow:none}.studio-v2 .studio-history.show{box-shadow:15px 0 35px #0002}}:root[data-theme] .studio-v2 .studio-composer textarea:focus,:root[data-theme] .studio-v2 .studio-composer textarea:focus-visible{outline-offset:0;box-shadow:none;border-color:#0000;outline:none}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studio-v2 .studio-message{animation:.2s both msg-in}.studio-v2 .studio-orb{background:linear-gradient(135deg, var(--bg-overlay) 0%, #7c3aed26 100%);border-color:var(--accent-border);animation:4s ease-in-out infinite orb-float;box-shadow:0 0 24px #7c3aed26,inset 0 1px #ffffff0d}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.studio-v2 .studio-suggestions{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.studio-v2 .studio-suggestions button{position:relative;overflow:hidden}.studio-v2 .studio-suggestions button:after{content:"";opacity:0;transition:opacity var(--tr-base);background:linear-gradient(135deg,#0000 60%,#7c3aed14);position:absolute;inset:0}.studio-v2 .studio-suggestions button:hover:after{opacity:1}.studio-v2 .studio-send{background:linear-gradient(135deg, var(--accent), var(--accent-light));box-shadow:0 2px 8px #7c3aed59}.studio-v2 .studio-send:hover:not(:disabled){transform:scale(1.03);box-shadow:0 4px 14px #7c3aed80}.studio-v2 .studio-send:disabled{background:var(--bg-overlay);box-shadow:none;opacity:.5}.studio-v2 .studio-bottom:before{content:"";background:linear-gradient(to bottom, transparent, var(--bg-base));pointer-events:none;height:32px;margin-top:-32px;position:absolute;inset:0 0 auto}.studio-v2 .studio-message.user .studio-markdown{background:linear-gradient(135deg, var(--bg-raised) 0%, #7c3aed14 100%);border-color:var(--accent-border)}.streaming-cursor{background:var(--accent-light);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.studio-thinking{align-items:center;gap:4px;padding:6px 2px;display:inline-flex}.studio-thinking span{background:var(--text-disabled);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite think-bounce}.studio-thinking span:nth-child(2){animation-delay:.15s}.studio-thinking span:nth-child(3){animation-delay:.3s}@keyframes think-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.studio-scroll-bottom{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181bd9}.studio-v2 .studio-markdown pre{background:var(--bg-subtle);border:1px solid var(--border-muted);border-radius:var(--r-md);margin:12px 0;padding:14px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.studio-v2 .studio-markdown code:not(pre code){background:var(--bg-overlay);border:1px solid var(--border-muted);color:var(--accent-bright);border-radius:3px;padding:1px 5px;font-size:13px}.studio-tabs-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;align-items:center;gap:4px;padding:8px 16px;display:flex;overflow-x:auto}.studio-tabs-bar::-webkit-scrollbar{display:none}.studio-tab{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;max-width:180px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.studio-tab:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-default)}.studio-tab.active{background:var(--bg-overlay);border-color:var(--accent-border);color:var(--text-primary);box-shadow:0 2px 8px #7c3aed26}.studio-tab-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-tab-close{width:16px;height:16px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:all .12s;display:inline-flex}.studio-tab-close:hover{color:#f43f5e;background:#f43f5e33}.studio-tab-add{border-radius:var(--r-md);border:1px dashed var(--border-default);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.studio-tab-add:hover{border-color:var(--accent);color:var(--accent-light);background:var(--bg-subtle)}.model-picker-trigger{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-width:220px;padding:7px 12px;font-size:13px;transition:all .15s;display:inline-flex}.model-picker-trigger:hover{border-color:var(--accent-border);background:var(--bg-overlay)}.model-picker-popover{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);z-index:1000;width:380px;max-width:90vw;animation:.15s page-in;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 36px #0009}.model-picker-search{border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);align-items:center;gap:8px;padding:10px 14px;display:flex}.model-picker-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.model-picker-list{max-height:280px;padding:6px;overflow-y:auto}.model-picker-item{border-radius:var(--r-md);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;transition:all .12s;display:flex}.model-picker-item:hover,.model-picker-item.selected{background:var(--bg-overlay)}.model-picker-item.selected{border-left:2px solid var(--accent)}.model-item-info{flex-direction:column;gap:2px;display:flex}.model-item-name{color:var(--text-primary);font-size:13px;font-weight:500}.model-item-sub{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono)}.system-templates-grid{flex-wrap:wrap;gap:6px;margin-top:8px;margin-bottom:12px;display:flex}.system-template-chip{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-full);color:var(--text-secondary);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;font-size:11px;transition:all .12s;display:inline-flex}.system-template-chip:hover{background:var(--bg-overlay);border-color:var(--accent-border);color:var(--accent-light)}.studio-token-badge{font-size:11px;font-family:var(--font-mono);color:var(--accent-light);border-radius:var(--r-full);background:#7c3aed1f;border:1px solid #7c3aed40;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.studio-export-menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);z-index:50;min-width:170px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000073}.studio-export-item{width:100%;color:var(--text-secondary);border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:all .12s;display:flex}.studio-export-item:hover{background:var(--bg-overlay);color:var(--text-primary)}.studio-thinking-box{border-radius:var(--r-md,8px);border:1px solid #ffffff14;border-left:3px solid var(--accent,#7c3aed);background:#ffffff05;margin:8px 0 12px;transition:all .18s;overflow:hidden}.studio-thinking-toggle{width:100%;color:var(--text-secondary,#94a3b8);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .12s;display:flex}.studio-thinking-toggle:hover{color:var(--text-primary,#f8fafc);background:#ffffff0a}.studio-thinking-icon{color:var(--accent-light,#a78bfa);justify-content:center;align-items:center;display:flex}.studio-thinking-title{flex:1;align-items:center;gap:6px;display:flex}.studio-thinking-badge{color:var(--accent-light,#a78bfa);background:#7c3aed26;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.studio-thinking-toggle .chevron-icon{color:var(--text-tertiary,#64748b);transition:transform .2s}.studio-thinking-toggle .chevron-icon.rotated{transform:rotate(180deg)}.studio-thinking-content{max-height:380px;color:var(--text-secondary,#cbd5e1);white-space:pre-wrap;word-break:break-word;background:#00000026;border-top:1px solid #ffffff0d;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.pulse-icon{animation:1.5s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;filter:drop-shadow(0 0 4px #7c3aed);transform:scale(1.1)}}.sh-container{max-width:1440px;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;margin:0 auto;padding:1.5rem 1.5rem 4rem;font-family:inherit;display:flex}.sh-hero{background:var(--bg-surface);border:1px solid var(--border-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:center;padding:2rem 2.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000004d}.sh-hero:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#a855f733 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-50px;right:-50px}.sh-hero-content{z-index:1;max-width:720px}.sh-hero-badge{color:#c084fc;letter-spacing:.02em;background:#a855f726;border:1px solid #a855f74d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.sh-hero-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.85rem;font-weight:700}.sh-hero-desc{color:var(--text-secondary);margin:0;font-size:.925rem;line-height:1.5}.sh-hero-actions{z-index:1;align-items:center;gap:.75rem;display:flex}.sh-stats-strip{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.sh-stat-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .2s,border-color .2s;display:flex}.sh-stat-card:hover{border-color:#a855f74d;transform:translateY(-2px)}.sh-stat-icon{background:var(--bg-raised);color:#a855f7;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sh-stat-val{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.2}.sh-stat-lbl{color:var(--text-secondary);font-size:.75rem}.sh-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sh-categories{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sh-cat-btn{background:var(--bg-surface);border:1px solid var(--border-muted);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.825rem;font-weight:500;transition:all .15s;display:inline-flex}.sh-cat-btn:hover{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border-strong)}.sh-cat-btn.active{color:var(--text-primary);background:#a855f72e;border-color:#a855f7;font-weight:600;box-shadow:0 0 12px -2px #a855f766}.sh-cat-count{background:var(--bg-raised);color:var(--text-secondary);border-radius:9999px;padding:.1rem .4rem;font-size:.7rem}.sh-filters-right{align-items:center;gap:.75rem;display:flex}.sh-search-box{align-items:center;display:flex;position:relative}.sh-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:.75rem}.sh-search-input{border:1px solid var(--border-muted);background:var(--bg-surface);color:var(--text-primary);border-radius:8px;width:240px;padding:.5rem .85rem .5rem 2.25rem;font-size:.85rem;transition:all .2s}.sh-search-input:focus{border-color:#a855f7;outline:none;width:280px;box-shadow:0 0 0 2px #a855f733}.sh-select{border:1px solid var(--border-muted);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.5rem .85rem;font-size:.825rem}.sh-select:focus{border-color:#a855f7;outline:none}.sh-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;display:grid}.sh-card{background:var(--bg-surface);border:1px solid var(--border-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.35rem;transition:all .2s;display:flex;position:relative}.sh-card:hover{border-color:#a855f759;transform:translateY(-3px);box-shadow:0 12px 28px -8px #0000004d}.sh-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.sh-author-row{color:var(--text-tertiary);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.75rem;display:flex}.sh-author-name{color:#c084fc;font-weight:600;text-decoration:none}.sh-author-name:hover{text-decoration:underline}.sh-verified-badge{color:#38bdf8}.sh-card-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.sh-card-meta{align-items:center;gap:.5rem;display:flex}.sh-sec-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.sh-sec-read-only{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.sh-sec-sandbox{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.sh-sec-write-permission{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.sh-sec-elevated{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.sh-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.sh-card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.sh-tag{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:4px;padding:.15rem .45rem;font-size:.7rem}.sh-card-stats{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding-top:.65rem;font-size:.75rem;display:flex}.sh-stat-group{align-items:center;gap:.75rem;display:flex}.sh-stat-item{align-items:center;gap:.25rem;display:flex}.sh-star{color:#fbbf24;fill:#fbbf24}.sh-card-actions{align-items:center;gap:.5rem;display:flex}.sh-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-flex}.sh-btn-primary{color:#fff;background:#a855f7}.sh-btn-primary:hover{background:#9333ea;box-shadow:0 0 12px #a855f766}.sh-btn-subtle{background:var(--bg-raised);border-color:var(--border-muted);color:var(--text-primary)}.sh-btn-subtle:hover{background:var(--bg-overlay);color:var(--text-primary)}.sh-btn-installed{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.sh-btn-installed:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.sh-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.sh-modal{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:18px;flex-direction:column;width:100%;max-width:820px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.sh-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.sh-modal-title{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:700;display:flex}.sh-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem;transition:all .15s}.sh-modal-close:hover{color:#fff;background:#ffffff14}.sh-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.sh-form-group{flex-direction:column;gap:.4rem;display:flex}.sh-label{color:#cbd5e1;justify-content:space-between;align-items:center;font-size:.825rem;font-weight:600;display:flex}.sh-param-desc{color:#94a3b8;font-size:.75rem;font-weight:400}.sh-input,.sh-textarea{color:#f8fafc;background:#1e293b99;border:1px solid #ffffff1f;border-radius:8px;padding:.65rem .85rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.sh-input:focus,.sh-textarea:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 2px #a855f733}.sh-textarea{resize:vertical;min-height:90px}.sh-runner-output{color:#e2e8f0;background:#020617;border:1px solid #ffffff14;border-radius:10px;max-height:320px;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.825rem;line-height:1.5;overflow-y:auto}.sh-runner-bar{color:#94a3b8;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8rem;display:flex}.sh-code-block{color:#a5f3fc;white-space:pre-wrap;background:#090d16;border:1px solid #ffffff14;border-radius:10px;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.825rem;line-height:1.55;overflow-x:auto}.sh-modal-tabs{border-bottom:1px solid #ffffff14;gap:.5rem;margin-bottom:.75rem;display:flex}.sh-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.sh-tab-btn.active{color:#a855f7;border-bottom-color:#a855f7}.sh-empty-state{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}@keyframes shSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sh-spin{animation:1s linear infinite shSpin}.a2a-container{max-width:1440px;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;margin:0 auto;padding:1.5rem 1.5rem 4rem;font-family:inherit;display:flex}.a2a-hero{background:var(--bg-surface);border:1px solid var(--border-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:center;padding:2rem 2.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000004d}.a2a-hero:before{content:"";filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#38bdf82e 0%,#0000 70%);width:280px;height:280px;position:absolute;top:-60px;right:-40px}.a2a-hero-badge{color:#38bdf8;letter-spacing:.02em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.a2a-hero-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.85rem;font-weight:700}.a2a-hero-desc{color:var(--text-secondary);max-width:720px;margin:0;font-size:.925rem;line-height:1.5}.a2a-hero-actions{z-index:1;align-items:center;gap:.75rem;display:flex}.a2a-nav-tabs{border-bottom:1px solid var(--border-muted);gap:.5rem;padding-bottom:.25rem;display:flex}.a2a-nav-btn{background:var(--bg-surface);border:1px solid var(--border-muted);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.a2a-nav-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.a2a-nav-btn.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf859;box-shadow:0 0 14px -3px #38bdf84d}.a2a-local-card{background:var(--bg-surface);border:1px solid var(--border-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.a2a-local-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.a2a-avatar-badge{align-items:center;gap:1rem;display:flex}.a2a-avatar{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #0284c759}.a2a-local-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.a2a-local-subtitle{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.a2a-live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.a2a-meta-grid{border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1rem 0;display:grid}.a2a-meta-item{flex-direction:column;gap:.25rem;display:flex}.a2a-meta-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.a2a-meta-value{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9rem;font-weight:500}.a2a-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;display:grid}.a2a-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:14px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.35rem;transition:all .2s;display:flex}.a2a-card:hover{border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 10px 24px -6px #0000004d}.a2a-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.a2a-card-title{color:var(--text-primary);margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.a2a-card-endpoint{color:#38bdf8;word-break:break-all;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem}.a2a-ping-badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.a2a-ping-online{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.a2a-ping-offline{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.a2a-skills-list{flex-direction:column;gap:.4rem;display:flex}.a2a-skill-pill{background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;justify-content:space-between;align-items:center;padding:.4rem .65rem;font-size:.78rem;display:flex}.a2a-prompt-chip{color:#38bdf8;cursor:pointer;text-align:left;background:#38bdf81a;border:1px solid #38bdf833;border-radius:6px;padding:.25rem .55rem;font-size:.75rem;transition:all .15s}.a2a-prompt-chip:hover{color:var(--text-primary);background:#38bdf833}.a2a-swarm-box{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:16px;flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex}.a2a-mesh-stages{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:12px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.75rem;padding:1.25rem;display:grid}.a2a-stage-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:10px;flex-direction:column;gap:.4rem;padding:1rem;transition:border-color .2s;display:flex}.a2a-stage-card.active{border-color:#38bdf8;box-shadow:0 0 16px -3px #38bdf866}.a2a-stage-header{justify-content:space-between;align-items:center;display:flex}.a2a-stage-num{color:#38bdf8;background:#38bdf833;border-radius:9999px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.a2a-stage-title{color:var(--text-primary);font-size:.925rem;font-weight:700}.a2a-stage-role{color:var(--text-secondary);font-size:.75rem}.a2a-arrow{color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.a2a-trace-timeline{flex-direction:column;gap:1rem;display:flex}.a2a-trace-step{background:var(--bg-raised);border-left:3px solid #38bdf8;border-radius:0 10px 10px 0;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.a2a-step-meta{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.a2a-step-body{color:var(--text-primary);white-space:pre-wrap;font-size:.85rem;line-height:1.5}.a2a-dispatch-box{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.a2a-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.a2a-btn-primary{color:#fff;background:#0284c7}.a2a-btn-primary:hover{background:#0369a1;box-shadow:0 0 12px #0284c766}.a2a-btn-subtle{background:var(--bg-raised);border-color:var(--border-muted);color:var(--text-primary)}.a2a-btn-subtle:hover{background:var(--bg-overlay);color:var(--text-primary)}.a2a-json-pre{background:var(--bg-base);border:1px solid var(--border-muted);color:var(--text-primary);border-radius:10px;max-height:280px;padding:1rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8rem;line-height:1.45;overflow-y:auto}.ma-root{background:var(--bg-base);height:100%;min-height:0;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);flex-direction:column;display:flex;overflow:hidden}.ma-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-muted);flex-shrink:0;align-items:center;gap:20px;padding:10px 20px;display:flex}.ma-topbar-left{flex:1;align-items:center;gap:10px;display:flex}.ma-logo{color:var(--accent-bright);filter:drop-shadow(0 0 6px #a78bfa66)}.ma-topbar-title{background:linear-gradient(135deg, var(--accent-light), var(--info));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700}.ma-topbar-sub{color:var(--text-tertiary);font-size:var(--text-sm)}.ma-tabs{background:var(--bg-raised);border-radius:var(--r-lg);gap:3px;padding:3px;display:flex}.ma-tab{border-radius:var(--r-md);color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);transition:all var(--tr-base);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:flex}.ma-tab:hover{color:var(--text-primary);background:var(--bg-overlay)}.ma-tab-active{border:1px solid var(--accent-border);background:var(--accent-bg)!important;color:var(--accent-bright)!important}.ma-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.ma-card-view{flex:1;width:100%;max-width:700px;margin:0 auto;padding:20px;overflow-y:auto}.ma-controls{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.ma-filters{gap:5px;display:flex}.ma-filter-btn{border-radius:var(--r-full);border:1px solid var(--border-muted);color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:all var(--tr-fast);background:0 0;padding:4px 10px}.ma-filter-btn:hover{color:var(--text-secondary);border-color:var(--accent-border)}.ma-filter-active{background:var(--accent-bg)!important;color:var(--accent-bright)!important;border-color:var(--accent-border)!important}.ma-controls-right{align-items:center;gap:8px;display:flex}.ma-add-panel{background:var(--bg-surface);border:1px solid var(--accent-border);border-radius:var(--r-xl);flex-shrink:0;margin:12px 20px;padding:16px}.ma-form{flex-direction:column;gap:12px;display:flex}.ma-kind-selector{flex-wrap:wrap;gap:8px;display:flex}.ma-kind-btn{border-radius:var(--r-lg);border:1px solid var(--border-muted);background:var(--bg-raised);min-width:160px;color:var(--text-tertiary);cursor:pointer;text-align:left;transition:all var(--tr-base);flex:1;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.ma-kind-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.ma-kind-active{color:var(--text-primary)!important;border-color:var(--accent-border)!important;background:var(--accent-bg)!important}.ma-kind-label{font-size:var(--text-sm);color:inherit;font-weight:600}.ma-kind-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.ma-field{flex-direction:column;gap:4px;display:flex}.ma-field-grow{flex:1}.ma-field label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.ma-field-row{align-items:flex-end;gap:10px;display:flex}.ma-field-row-end{justify-content:flex-end}.ma-input{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:var(--r-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);box-sizing:border-box;width:100%;transition:border-color var(--tr-base), box-shadow var(--tr-base);padding:7px 10px}.ma-input:focus{border-color:var(--accent);box-shadow:var(--shadow-accent);outline:none}.ma-input-sm{padding:5px 8px}.ma-token-field{gap:6px;display:flex}.ma-toggle-label{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;display:flex}.ma-form-btns{gap:6px;display:flex}.ma-error-inline{color:var(--error);font-size:var(--text-xs);flex:1;align-items:center;gap:4px;display:flex}.ma-btn-xs{border-radius:var(--r-sm);border:1px solid var(--border-muted);background:var(--bg-raised);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--tr-fast);white-space:nowrap;align-items:center;gap:4px;padding:4px 8px;text-decoration:none;display:inline-flex}.ma-btn-xs:hover{background:var(--bg-overlay);color:var(--text-primary)}.ma-btn-danger{color:var(--error);border-color:var(--error-border)}.ma-btn-danger:hover{background:var(--error-bg)}.ma-btn-primary{border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;font-size:var(--text-sm);cursor:pointer;transition:all var(--tr-base);border:none;align-items:center;gap:5px;padding:6px 14px;font-weight:600;display:inline-flex}.ma-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ma-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ma-toggle{cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.ma-toggle-on{color:var(--success)}.ma-int-list{flex-direction:column;flex:1;gap:8px;padding:12px 20px;display:flex;overflow-y:auto}.ma-integration{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);transition:border-color var(--tr-base);overflow:hidden}.ma-integration-enabled{border-color:var(--success-border)}.ma-int-header{align-items:center;gap:10px;padding:12px 14px;display:flex}.ma-int-expand{cursor:pointer;color:var(--text-disabled);flex-shrink:0;display:flex}.ma-int-kind{flex-shrink:0;display:flex}.ma-kind-icon-mcp{color:var(--info)}.ma-kind-icon-a2a{color:var(--accent-light)}.ma-kind-icon-browser{color:var(--success)}.ma-int-info{cursor:pointer;flex:1;min-width:0}.ma-int-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.ma-int-url{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono);margin-top:1px;overflow:hidden}.ma-int-badges{flex-shrink:0;align-items:center;gap:5px;display:flex}.ma-badge-token{font-size:var(--text-sm)}.ma-badge-tools{border-radius:var(--r-full);background:var(--info-bg);color:var(--info);border:1px solid var(--info-border);padding:2px 6px;font-size:10px}.ma-int-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ma-int-detail{border-top:1px solid var(--border-subtle)}.ma-detail{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.ma-detail-tabs{align-items:center;gap:6px;display:flex}.ma-discover-btn{margin-left:auto}.ma-allowed-tools{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ma-allowed-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.ma-allowed-tag{font-size:var(--text-xs);border-radius:var(--r-full);background:var(--info-bg);color:var(--info);border:1px solid var(--info-border);align-items:center;gap:4px;padding:2px 8px;display:flex}.ma-allowed-tag button{color:var(--text-disabled);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.ma-error-bar{color:var(--error);font-size:var(--text-sm);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--r-md);align-items:center;gap:6px;padding:7px 10px;display:flex}.ma-empty{text-align:center;color:var(--text-disabled);font-size:var(--text-sm);padding:20px;font-style:italic}.ma-tool{border:1px solid var(--border-muted);border-radius:var(--r-lg);background:var(--bg-subtle);overflow:hidden}.ma-tool-header{cursor:pointer;transition:background var(--tr-fast);align-items:center;gap:8px;padding:7px 10px;display:flex}.ma-tool-header:hover{background:var(--bg-raised)}.ma-tool-expand{color:var(--text-disabled);flex-shrink:0;display:flex}.ma-tool-icon{color:var(--info);flex-shrink:0}.ma-tool-name{font-size:var(--text-sm);color:var(--info);font-weight:600;font-family:var(--font-mono)}.ma-tool-desc{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ma-tool-body{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ma-tool-schema{flex-direction:column;gap:4px;display:flex}.ma-schema-field{font-size:var(--text-xs);align-items:center;gap:6px;display:flex}.ma-field-name{font-family:var(--font-mono);color:var(--text-primary);font-weight:500}.ma-field-req{color:var(--error);text-transform:uppercase;font-size:10px;font-weight:600}.ma-field-type{color:var(--text-tertiary);font-style:italic}.ma-field-desc{color:var(--text-disabled)}.ma-tool-run label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:4px;display:block}.ma-args-input{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:var(--r-md);width:100%;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);resize:vertical;box-sizing:border-box;transition:border-color var(--tr-base);padding:8px}.ma-args-input:focus{border-color:var(--accent);box-shadow:var(--shadow-accent);outline:none}.ma-btn-run{border-radius:var(--r-md);border:1px solid var(--info-border);background:var(--info-bg);color:var(--info);font-size:var(--text-sm);cursor:pointer;transition:all var(--tr-fast);align-items:center;gap:6px;margin-top:6px;padding:6px 12px;display:inline-flex}.ma-btn-run:hover:not(:disabled){background:#3b82f640}.ma-btn-run:disabled{opacity:.5;cursor:not-allowed}.ma-tool-result{font-size:var(--text-sm);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--r-md);padding:8px}.ma-tool-result strong{color:var(--success);font-size:var(--text-xs);margin-bottom:6px;display:block}.ma-tool-error{color:var(--error);font-size:var(--text-xs);background:var(--error-bg);border-radius:var(--r-sm);align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.ma-resource{border:1px solid var(--border-muted);border-radius:var(--r-md);background:var(--bg-raised);align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.ma-resource-info{flex:1;min-width:0}.ma-resource-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.ma-resource-uri{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.ma-resource-desc{font-size:var(--text-xs);color:var(--text-disabled)}.ma-resource-mime{color:var(--accent-bright);border-radius:var(--r-sm);background:var(--accent-bg);flex-shrink:0;padding:1px 6px;font-size:10px}.ma-a2a-header{align-items:center;gap:8px;display:flex}.ma-a2a-card{background:var(--bg-surface);border:1px solid var(--accent-border);border-radius:var(--r-xl);padding:14px}.ma-a2a-card-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.ma-a2a-bot-icon{color:var(--accent-bright);background:var(--accent-bg);border-radius:var(--r-lg);width:36px;height:36px;padding:8px}.ma-a2a-card-name{color:var(--text-primary);font-size:15px;font-weight:700}.ma-a2a-card-version{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.ma-cap-badge{border-radius:var(--r-full);background:var(--info-bg);color:var(--info);border:1px solid var(--info-border);margin-left:auto;padding:3px 8px;font-size:10px;font-weight:600}.ma-a2a-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 10px;line-height:1.5}.ma-a2a-skills{flex-direction:column;gap:6px;display:flex}.ma-a2a-skills strong{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.ma-a2a-skill{background:var(--bg-raised);border-radius:var(--r-md);border:1px solid var(--border-muted);padding:8px 10px}.ma-a2a-skill-name{font-size:var(--text-sm);color:var(--accent-bright);margin-bottom:2px;font-weight:600}.ma-a2a-skill-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.ma-a2a-send{flex-direction:column;gap:6px;display:flex}.ma-a2a-send label{font-size:var(--text-xs);color:var(--text-tertiary)}.ma-a2a-answer{background:var(--bg-raised);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-top:6px;padding:10px;line-height:1.6}.ma-json-toggle{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none}.ma-example-btn{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-full);color:var(--accent-bright);font-size:var(--text-xs);cursor:pointer;transition:all var(--tr-fast);margin-top:4px;padding:2px 8px;display:inline-block}.ma-example-btn:hover{background:#7c3aed40}.ma-json{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-subtle);border:1px solid var(--border-muted);border-radius:var(--r-md);white-space:pre-wrap;word-break:break-word;max-height:300px;color:var(--text-secondary);margin:6px 0 0;padding:10px;overflow-y:auto}.ma-own-card{background:var(--bg-surface);border:1px solid var(--accent-border);border-radius:var(--r-xl);overflow:hidden}.ma-own-header{background:var(--accent-bg);border-bottom:1px solid var(--accent-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ma-own-title{font-weight:600;font-size:var(--text-md);align-items:center;gap:8px;display:flex}.ma-own-icon{color:var(--accent-bright)}.ma-own-badge{border-radius:var(--r-full);background:var(--accent-bg);color:var(--accent-bright);border:1px solid var(--accent-border);padding:2px 8px;font-size:10px;font-weight:600}.ma-own-actions{gap:6px;display:flex}.ma-own-loading{text-align:center;padding:30px}.ma-own-body{padding:16px}.ma-own-name{color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.ma-own-desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:14px;line-height:1.6}.ma-own-skills{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.ma-own-skill{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-raised);border-radius:var(--r-md);align-items:flex-start;gap:6px;padding:6px 10px;display:flex}.ma-own-skill svg{color:var(--accent-bright);flex-shrink:0;margin-top:1px}.ma-own-endpoint{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-subtle);border-radius:var(--r-md);padding:8px 10px}.ma-own-endpoint code{color:var(--info);font-family:var(--font-mono)}.ma-loading-center{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.ma-empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.ma-empty-icon{color:var(--accent-bg);margin-bottom:20px;animation:3s ease-in-out infinite ma-pulse}.ma-empty-state h3{color:var(--text-primary);background:linear-gradient(135deg, var(--accent-light), var(--info));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:20px;font-weight:700}.ma-empty-state p{font-size:var(--text-base);max-width:450px;margin:0 0 20px;line-height:1.6}.ma-empty-examples{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.ma-empty-example{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);text-align:left;align-items:flex-start;gap:10px;max-width:240px;padding:12px 16px;display:flex}.ma-empty-example strong{font-size:var(--text-base);color:var(--text-primary);margin-bottom:4px;display:block}.ma-empty-example p{font-size:var(--text-sm);margin:0;line-height:1.5}.ma-icon-ok{color:var(--success)}@keyframes ma-spin{to{transform:rotate(360deg)}}.ma-spin{animation:.8s linear infinite ma-spin}@keyframes ma-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.ma-int-list::-webkit-scrollbar{width:4px}.ma-json::-webkit-scrollbar{width:4px}.ma-tool-list::-webkit-scrollbar{width:4px}.ma-int-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}.ma-json::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}.ma-tool-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}.ma-resource-list{flex-direction:column;gap:5px;display:flex}.ma-tool-list{flex-direction:column;gap:4px;max-height:500px;display:flex;overflow-y:auto}.ma-hub-view{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.ma-hub-hero{border-radius:var(--r-xl);border:1px solid var(--border-muted);background:linear-gradient(135deg, #a78bfa14 0%, #3b82f60f 50%, #10b9810a 100%), var(--bg-surface);padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 24px -1px #00000040}.ma-hub-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa26 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.ma-hub-hero-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.ma-hub-hero-title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ma-hub-hero-badge{border-radius:var(--r-full);color:var(--accent-light);letter-spacing:.5px;background:#a78bfa26;border:1px solid #a78bfa4d;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ma-hub-hero-title{letter-spacing:-.02em;background:linear-gradient(135deg, #fff 30%, var(--accent-light) 70%, var(--info) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:700}.ma-hub-hero-desc{color:var(--text-secondary);max-width:840px;margin:0 0 16px;font-size:13px;line-height:1.6}.ma-hub-sources{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ma-hub-source-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-right:4px;font-size:11px;font-weight:600}.ma-hub-source-link{border-radius:var(--r-full);background:var(--bg-raised);border:1px solid var(--border-muted);color:var(--text-secondary);transition:all var(--tr-fast);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.ma-hub-source-link:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--accent-border);transform:translateY(-1px)}.ma-hub-toolbar{flex-direction:column;gap:12px;display:flex}.ma-hub-toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ma-hub-search-box{flex:1;min-width:280px;max-width:480px;position:relative}.ma-hub-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ma-hub-search-input{border-radius:var(--r-lg);background:var(--bg-raised);border:1px solid var(--border-muted);width:100%;color:var(--text-primary);transition:all var(--tr-fast);outline:none;padding:8px 36px 8px 34px;font-size:13px}.ma-hub-search-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px #a78bfa33}.ma-hub-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ma-hub-search-clear:hover{color:var(--text-primary)}.ma-hub-kind-pills{background:var(--bg-raised);border-radius:var(--r-lg);border:1px solid var(--border-muted);gap:4px;padding:3px;display:flex}.ma-hub-kind-pill{border-radius:var(--r-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--tr-fast);background:0 0;border:none;padding:5px 12px;font-size:12px;font-weight:500}.ma-hub-kind-pill:hover{color:var(--text-primary)}.ma-hub-kind-pill.active{background:var(--accent-bg);color:var(--accent-bright);font-weight:600}.ma-hub-categories{-webkit-overflow-scrolling:touch;align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.ma-hub-cat-pill{border-radius:var(--r-full);background:var(--bg-surface);border:1px solid var(--border-muted);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;transition:all var(--tr-fast);flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.ma-hub-cat-pill:hover{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border-strong)}.ma-hub-cat-pill.active{background:var(--accent-bg);color:var(--accent-bright);border-color:var(--accent-border);box-shadow:0 0 12px -2px #a78bfa4d}.ma-hub-cat-count{border-radius:var(--r-full);background:#ffffff14;padding:1px 6px;font-size:10px;font-weight:600}.ma-hub-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.ma-hub-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--r-xl);transition:all var(--tr-base);flex-direction:column;gap:12px;padding:18px;display:flex;position:relative;overflow:hidden}.ma-hub-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 8px 24px -4px #0000004d,0 0 16px -4px #a78bfa26}.ma-hub-card-featured{background:linear-gradient(180deg, #a78bfa0a 0%, var(--bg-surface) 100%);border-color:#a78bfa59}.ma-hub-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ma-hub-card-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ma-badge-source{border-radius:var(--r-sm);background:var(--bg-raised);border:1px solid var(--border-muted);color:var(--text-secondary);padding:2px 7px;font-size:10px;font-weight:600}.ma-badge-official{border-radius:var(--r-sm);color:#34d399;background:#10b9811f;border:1px solid #10b98140;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.ma-badge-kind{border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;font-size:10px;font-weight:600}.ma-badge-kind-mcp{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.ma-badge-kind-a2a{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.ma-badge-installed{border-radius:var(--r-full);color:#34d399;background:#10b98126;border:1px solid #10b9814d;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.ma-hub-card-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700;line-height:1.3}.ma-hub-card-tagline{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.ma-hub-card-desc{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ma-hub-card-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;font-size:11px;display:flex}.ma-hub-meta-item{align-items:center;gap:4px;display:inline-flex}.ma-hub-card-tools{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ma-hub-tool-tag{font-size:11px;font-family:var(--font-mono,monospace);border-radius:var(--r-sm);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:2px 7px}.ma-hub-tool-tag-more{color:var(--text-tertiary);padding:2px 4px;font-size:10px}.ma-hub-token-hint{color:#fbbf24;border-radius:var(--r-sm);background:#fbbf2414;border:1px solid #fbbf2433;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.ma-hub-card-actions{border-top:1px solid var(--border-subtle);align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.ma-hub-btn-connect{border-radius:var(--r-md);background:var(--accent-bright);color:#0f172a;cursor:pointer;transition:all var(--tr-fast);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.ma-hub-btn-connect:hover{filter:brightness(1.15);box-shadow:0 0 12px #a78bfa66}.ma-hub-btn-connected{border-radius:var(--r-md);color:#34d399;cursor:pointer;transition:all var(--tr-fast);background:#10b9811f;border:1px solid #10b9814d;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.ma-hub-btn-connected:hover{background:#10b98133}.ma-hub-btn-icon{border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--border-muted);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--tr-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ma-hub-btn-icon:hover{color:var(--text-primary);background:var(--bg-overlay);border-color:var(--border-strong)}.ma-hub-btn-icon-copied{color:#34d399!important;background:#10b9811a!important;border-color:#10b98166!important}.ma-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ma-modal-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);flex-direction:column;width:100%;max-width:600px;max-height:85vh;display:flex;overflow-y:auto;box-shadow:0 20px 60px -10px #000000bf}.ma-modal-header{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.ma-modal-title-group{align-items:center;gap:12px;display:flex}.ma-modal-title-group h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.ma-modal-subtitle{color:var(--text-tertiary);margin-top:2px;font-size:12px}.ma-modal-close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--r-md);background:0 0;border:none;padding:4px}.ma-modal-close:hover{color:var(--text-primary);background:var(--bg-raised)}.ma-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.ma-modal-cmd-box{background:var(--bg-base);border:1px solid var(--border-muted);border-radius:var(--r-lg);flex-direction:column;gap:6px;padding:12px;display:flex}.ma-modal-cmd-label{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.ma-modal-cmd-code{font-family:var(--font-mono,monospace);color:var(--accent-light);word-break:break-all;font-size:12px}.ma-modal-footer{border-top:1px solid var(--border-muted);background:var(--bg-raised);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}@media (width<=1024px) and (width>=651px){.ma-topbar{padding:10px 16px}.ma-topbar-title{font-size:14px}.ma-topbar-sub{font-size:10px}.ma-content{padding:0 16px 16px}.ma-field-row{gap:10px}}@media (width<=768px){.ma-topbar{flex-wrap:wrap;gap:8px;padding:10px 14px}.ma-topbar-sub{display:none}.ma-tabs{gap:2px}.ma-tab{padding:6px 12px;font-size:12px}.ma-controls{flex-wrap:wrap;gap:8px}.ma-controls-right{justify-content:flex-end;width:100%}.ma-int-list{padding:10px 14px}.ma-add-panel{margin:10px 14px}.ma-field-row{flex-direction:column}.ma-form{gap:12px}.ma-empty-examples{flex-direction:column;align-items:center;gap:12px}.ma-empty-example{width:100%;max-width:300px}}@media (width<=650px){.ma-topbar{gap:12px;padding:8px 14px}.ma-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:2px;overflow-x:auto}.ma-tab{flex-shrink:0;padding:5px 10px;font-size:11px}.ma-controls{flex-wrap:wrap;padding:8px 14px}.ma-int-list{padding:10px 14px}.ma-add-panel{margin:10px 14px}.ma-kind-selector{flex-direction:column}.ma-kind-btn{min-width:unset}.ma-card-view{padding:14px}.ma-empty-examples{flex-direction:column;align-items:center}.ma-int-header{flex-wrap:wrap;gap:8px}.ma-int-actions{margin-left:auto}.ma-field-row{flex-direction:column}.ma-field-row-end{flex-direction:row}}@media (width<=400px){.ma-topbar-title{font-size:13px}.ma-kind-label,.ma-int-name{font-size:12px}.ma-detail-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.ma-detail-tabs button{flex-shrink:0}}@media (hover:none) and (pointer:coarse){.ma-tab{min-height:44px}.ma-btn-xs{min-width:36px;min-height:36px}.ma-btn-primary{min-height:44px;padding:0 18px}.ma-toggle{min-width:44px;min-height:44px}.ma-kind-btn{min-height:56px;padding:10px 14px}.ma-integration{cursor:default}}.omnichannel-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 4rem;display:flex}.omnichannel-hero{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-sm);padding:24px;position:relative;overflow:hidden}.omnichannel-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf81f 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.omnichannel-hero-badge{text-transform:uppercase;letter-spacing:.05em;color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.omnichannel-hero-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.omnichannel-hero-actions h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:700}.omnichannel-hero-actions p{color:var(--text-secondary);max-width:750px;margin:0;font-size:14px}.omnichannel-empty{text-align:center;color:var(--text-tertiary);background:var(--bg-surface);border:1px dashed var(--border-muted);border-radius:var(--radius-lg,12px);flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:48px;display:flex}.omnichannel-empty h3{color:var(--text-primary);margin:0;font-size:18px}.omnichannel-empty p{color:var(--text-secondary);margin:0 0 8px;font-size:14px}.omnichannel-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.omnichannel-card{border-radius:var(--radius-lg,12px);background:var(--bg-surface);border:1px solid var(--border-muted);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:20px;transition:all .18s;display:flex}.omnichannel-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.omnichannel-card.disabled{opacity:.6}.channel-card-top{align-items:flex-start;gap:14px;display:flex}.channel-type-icon{font-size:28px;line-height:1}.channel-meta{flex-direction:column;flex:1;gap:4px;display:flex}.channel-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.channel-header-row h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.channel-type-tag{color:#38bdf8;text-transform:uppercase;font-size:11px;font-weight:600}.channel-switch{width:36px;height:20px;display:inline-block;position:relative}.channel-switch input{opacity:0;width:0;height:0}.channel-switch .slider{cursor:pointer;background-color:var(--border-muted,#fff3);border-radius:20px;transition:all .2s;position:absolute;inset:0}.channel-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.channel-switch input:checked+.slider{background-color:var(--accent,#7c3aed)}.channel-switch input:checked+.slider:before{transform:translate(16px)}.channel-target-box{background:var(--bg-raised);border-radius:var(--radius-sm,6px);border:1px solid var(--border-muted);align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.target-label{color:var(--text-tertiary)}.target-value{color:var(--accent,#a78bfa);align-items:center;gap:4px;font-weight:600;display:flex}.channel-webhook-field{flex-direction:column;gap:4px;display:flex}.webhook-label{color:var(--text-tertiary);font-size:11px;font-weight:500}.webhook-copy-box{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:var(--radius-sm,6px);align-items:center;gap:6px;padding:4px 6px 4px 10px;display:flex}.webhook-copy-box code{color:#38bdf8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.channel-stats-row{border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);align-items:center;gap:8px;padding:8px 0;display:flex}.stat-pill{color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;font-size:11px;display:flex}.stat-pill strong{color:var(--text-primary);margin-top:2px;font-size:13px}.text-red{color:#f87171!important}.channel-card-actions{align-items:center;gap:8px;margin-top:auto;display:flex}.omnichannel-modal{width:540px;max-width:95vw}.test-reply-box{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:var(--radius-md,8px);flex-direction:column;gap:6px;margin-top:14px;padding:12px;display:flex}.reply-label{color:var(--text-tertiary);text-transform:uppercase;font-size:11px;font-weight:600}.reply-content{color:var(--text-primary);white-space:pre-wrap;font-size:13px;line-height:1.5}.cliproxy-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 4rem;display:flex}.cliproxy-hero{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.cliproxy-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed26 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.cliproxy-hero-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent,#a78bfa);background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-bottom:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.cliproxy-hero-header h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:700}.cliproxy-hero-header p{color:var(--text-secondary);max-width:800px;margin:0;font-size:14px;line-height:1.5}.cliproxy-config-bar{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:var(--radius-md,10px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:16px;display:grid}.config-item{flex-direction:column;gap:6px;display:flex}.config-label{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.config-control{align-items:center;gap:8px;display:flex}.config-control input,.config-control select{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-sm,6px);color:var(--text-primary);outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .15s}.config-control input:focus,.config-control select:focus{border-color:var(--accent,#7c3aed)}.endpoint-code{background:var(--bg-surface);border-radius:var(--radius-sm,6px);border:1px solid var(--border-muted);color:#38bdf8;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;overflow:hidden}.cliproxy-tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.cliproxy-tool-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg,12px);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);align-items:flex-start;gap:14px;padding:16px;transition:all .18s;display:flex}.cliproxy-tool-card:hover{background:var(--bg-raised);border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cliproxy-tool-card.active{background:var(--bg-raised);border-color:var(--accent,#7c3aed);box-shadow:0 4px 16px #7c3aed33}.tool-card-icon{flex-shrink:0;margin-top:2px;font-size:26px;line-height:1}.tool-card-info{flex-direction:column;gap:4px;display:flex}.tool-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-card-title strong{color:var(--text-primary);font-size:14px}.tool-card-tag{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-muted);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.cliproxy-tool-card.active .tool-card-tag{color:var(--accent,#c4b5fd);background:#7c3aed33;border-color:#7c3aed59}.tool-card-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.cliproxy-content-layout{grid-template-columns:1fr 340px;gap:20px;display:grid}@media (width<=900px){.cliproxy-content-layout{grid-template-columns:1fr}}.cliproxy-code-panel{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px;display:flex}.code-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.code-panel-title{align-items:center;gap:10px;display:flex}.code-panel-title h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.code-protocol-badge{color:#38bdf8;font-size:11px;font-weight:500}.code-intro-note{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.snippet-block{border:1px solid var(--border-muted);border-radius:var(--radius-md,8px);background:var(--bg-raised);flex-direction:column;display:flex;overflow:hidden}.snippet-top{background:var(--bg-surface);border-bottom:1px solid var(--border-muted);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.snippet-pre{color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;overflow-x:auto}.cliproxy-test-card{border-radius:var(--radius-md,8px);flex-direction:column;gap:6px;padding:14px 16px;font-size:13px;animation:.2s fadeIn;display:flex}.cliproxy-test-card.success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.cliproxy-test-card.failed{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.test-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.test-metric{background:var(--bg-raised);border:1px solid var(--border-muted);border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px}.test-card-desc{margin:0;font-size:12px}.test-card-preview{opacity:.85;font-family:ui-monospace,monospace;font-size:11px}.cliproxy-sidebar{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px;display:flex}.cliproxy-sidebar h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.cliproxy-features-list{flex-direction:column;gap:14px;display:flex}.feature-item{flex-direction:column;gap:4px;display:flex}.feature-item strong{color:var(--text-primary);font-size:13px}.feature-item p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.feature-item code{background:var(--bg-raised);border:1px solid var(--border-muted);color:var(--accent,#a78bfa);border-radius:3px;padding:1px 4px;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}