@font-face{font-family:Framna Sans;src:url(/fonts/FramnaSans-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Framna Sans;src:url(/fonts/FramnaSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Framna Sans;src:url(/fonts/FramnaSans-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Framna Sans;src:url(/fonts/FramnaSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Framna Sans;src:url(/fonts/FramnaSans-Extrabold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Framna Serif";src:url(/fonts/FramnaSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Framna Serif";src:url(/fonts/FramnaSerif-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--font-sans:"Framna Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-serif:"Framna Serif",ui-serif,Georgia,"Times New Roman",serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-30:30px;--fs-36:36px;--fs-48:48px;--fs-60:60px;--fs-72:72px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-caps:0.08em;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--white:#ffffff;--black:#000000;--neutral-0:#ffffff;--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-150:#ececee;--neutral-200:#e4e4e7;--neutral-300:#d4d4d8;--neutral-400:#a1a1aa;--neutral-500:#71717a;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-800:#27272a;--neutral-900:#18181b;--neutral-950:#09090b;--brand-green:#1cc866;--brand-green-hover:#12b355;--brand-green-tint:#e6faf0;--brand-green-tint-strong:#c7f3da;--brand-green-ring:rgba(28,200,102,0.32);--success:var(--brand-green);--success-hover:var(--brand-green-hover);--danger:#e5484d;--danger-hover:#d93d42;--warning:#f5a524;--info:#3b82f6;--success-tint:var(--brand-green-tint);--success-border:var(--brand-green-tint-strong);--success-text:#0d6b35;--danger-tint:#fef1f2;--danger-border:#fbd0d2;--danger-border-strong:#f9c5c7;--danger-text:#b91c1c;--danger-text-strong:#7f1d1d;--warning-tint:#fff7ed;--warning-border:#fde2c4;--warning-text:#b45309;--info-tint:#eef4ff;--info-border:#dbe6ff;--info-text:#1d4ed8;--bg:var(--neutral-0);--bg-subtle:var(--neutral-50);--bg-muted:var(--neutral-100);--bg-elevated:var(--neutral-0);--fg:var(--neutral-950);--fg-secondary:var(--neutral-700);--fg-muted:var(--neutral-500);--fg-subtle:var(--neutral-400);--fg-onbrand:var(--white);--fg-disabled:var(--neutral-400);--border:var(--neutral-200);--border-strong:var(--neutral-300);--border-subtle:var(--neutral-150);--surface:var(--neutral-0);--surface-hover:var(--neutral-50);--surface-active:var(--neutral-100);--surface-inverse:var(--neutral-950);--surface-inverse-hover:var(--neutral-800);--surface-glass:rgba(255,255,255,0.78);--surface-glass-strong:rgba(255,255,255,0.9);--surface-glass-soft:rgba(255,255,255,0.7);--skeleton-base:var(--neutral-100);--skeleton-highlight:var(--neutral-150);--ring:var(--brand-green-ring);--ring-offset:var(--neutral-0);--scrim:rgba(9,9,11,0.55);--mobile-scrim:rgba(15,23,42,0.4);--switch-thumb:var(--white);--avatar-bg:var(--neutral-800);--avatar-fg:var(--white);--google-button-bg:var(--white);--google-button-fg:var(--neutral-950);--code-bg:var(--neutral-950);--code-fg:#e4e4e7;--code-key:#93c5fd;--code-str:#86efac;--code-num:#fbbf24;--code-comment:#71717a;--chart-green-end:#2f9b56;--playground-glow:rgba(28,122,69,0.08);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.04);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 3px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.06),0 2px 4px -2px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.06);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.08);--shadow-popover:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.04);--shadow-inset:inset 0 1px 0 rgba(255,255,255,0.6),inset 0 -1px 0 rgba(0,0,0,0.04);--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-fast:120ms;--dur-base:180ms;--dur-slow:280ms}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:var(--neutral-950);--bg-subtle:var(--neutral-900);--bg-muted:var(--neutral-800);--bg-elevated:var(--neutral-900);--fg:var(--neutral-50);--fg-secondary:var(--neutral-300);--fg-muted:var(--neutral-400);--fg-subtle:var(--neutral-500);--border:var(--neutral-800);--border-strong:var(--neutral-700);--border-subtle:rgba(255,255,255,0.07);--surface:var(--neutral-900);--surface-hover:var(--neutral-800);--surface-active:var(--neutral-700);--surface-inverse:var(--neutral-50);--surface-inverse-hover:var(--neutral-200);--surface-glass:rgba(24,24,27,0.78);--surface-glass-strong:rgba(39,39,42,0.92);--surface-glass-soft:rgba(39,39,42,0.72);--skeleton-base:var(--neutral-800);--skeleton-highlight:var(--neutral-700);--ring-offset:var(--neutral-950);--brand-green-tint:rgba(28,200,102,0.14);--brand-green-tint-strong:rgba(28,200,102,0.28);--success-tint:rgba(28,200,102,0.14);--success-border:rgba(28,200,102,0.26);--success-text:#8cf0b8;--danger-tint:rgba(229,72,77,0.14);--danger-border:rgba(229,72,77,0.28);--danger-border-strong:rgba(229,72,77,0.38);--danger-text:#ff8f94;--danger-text-strong:#ffc5c8;--warning-tint:rgba(245,165,36,0.14);--warning-border:rgba(245,165,36,0.28);--warning-text:#f7c56c;--info-tint:rgba(59,130,246,0.16);--info-border:rgba(59,130,246,0.3);--info-text:#93c5fd;--scrim:rgba(0,0,0,0.72);--mobile-scrim:rgba(0,0,0,0.58);--switch-thumb:var(--neutral-50);--avatar-bg:var(--neutral-700);--avatar-fg:var(--neutral-50);--google-button-bg:var(--neutral-900);--google-button-fg:var(--neutral-50);--chart-green-end:#42d978;--playground-glow:rgba(28,200,102,0.08);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.34);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.36),0 1px 3px 0 rgba(0,0,0,0.34);--shadow-md:0 4px 8px -2px rgba(0,0,0,0.42),0 2px 4px -2px rgba(0,0,0,0.34);--shadow-lg:0 12px 20px -6px rgba(0,0,0,0.48),0 6px 10px -8px rgba(0,0,0,0.36);--shadow-xl:0 22px 32px -10px rgba(0,0,0,0.58),0 10px 14px -10px rgba(0,0,0,0.42);--shadow-popover:0 16px 36px rgba(0,0,0,0.46),0 4px 10px rgba(0,0,0,0.36);--shadow-inset:inset 0 1px 0 rgba(255,255,255,0.04),inset 0 -1px 0 rgba(0,0,0,0.28)}}.dark,[data-theme=dark]{--bg:var(--neutral-950);--bg-subtle:var(--neutral-900);--bg-muted:var(--neutral-800);--bg-elevated:var(--neutral-900);--fg:var(--neutral-50);--fg-secondary:var(--neutral-300);--fg-muted:var(--neutral-400);--fg-subtle:var(--neutral-500);--border:var(--neutral-800);--border-strong:var(--neutral-700);--border-subtle:var(--neutral-800);--surface:var(--neutral-900);--surface-hover:var(--neutral-800);--surface-active:var(--neutral-700);--surface-inverse:var(--neutral-50);--surface-inverse-hover:var(--neutral-200);--surface-glass:rgba(24,24,27,0.78);--surface-glass-strong:rgba(39,39,42,0.92);--surface-glass-soft:rgba(39,39,42,0.72);--skeleton-base:var(--neutral-800);--skeleton-highlight:var(--neutral-700);--avatar-bg:var(--neutral-700);--avatar-fg:var(--neutral-50);--ring-offset:var(--neutral-950)}body,html{font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.h-display{font-weight:var(--fw-black);font-size:var(--fs-72)}.h-display,.h1{font-family:var(--font-sans);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.h1{font-weight:var(--fw-bold);font-size:var(--fs-36)}.h2{font-size:var(--fs-24)}.h2,.h3{font-family:var(--font-sans);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug)}.h3{font-size:var(--fs-20)}.h4{font-size:var(--fs-16);line-height:var(--lh-snug)}.eyebrow,.h4{font-family:var(--font-sans);font-weight:var(--fw-semibold)}.eyebrow{font-size:var(--fs-12);line-height:1;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-muted)}.lead{font-size:var(--fs-18);font-weight:var(--fw-regular);color:var(--fg-secondary)}.lead,.p{font-family:var(--font-sans);line-height:var(--lh-relaxed)}.p{font-size:var(--fs-14);color:var(--fg)}.small{font-size:var(--fs-13);color:var(--fg-secondary)}.caption,.small{font-family:var(--font-sans);line-height:var(--lh-normal)}.caption{font-size:var(--fs-12);color:var(--fg-muted)}.code,code{font-size:.92em;background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--fg)}.code,.kbd,code,kbd{font-family:var(--font-mono);padding:1px 6px}.kbd,kbd{font-size:.78em;background:var(--surface);border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:var(--radius-sm);color:var(--fg-secondary)}.serif-display{font-weight:var(--fw-bold);font-size:var(--fs-60);line-height:1.05;letter-spacing:var(--tracking-tight)}.serif-display,.serif-quote{font-family:var(--font-serif)}.serif-quote{font-weight:var(--fw-regular);font-style:italic;font-size:var(--fs-24);line-height:var(--lh-snug);color:var(--fg-secondary)}@import*{box-sizing:border-box}#root,body,html{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;color:var(--fg);background:var(--bg);overscroll-behavior:none}button{font-family:inherit}.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:56px minmax(0,1fr);height:100dvh;max-height:100dvh;overflow:hidden}.app .topbar{grid-column:1/-1}.app .main,.app .sidebar{grid-row:2;min-height:0}.app .main{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--bg)}.topbar{gap:12px;padding:0 16px;height:56px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{gap:10px;font-weight:700;letter-spacing:-.01em}.topbar .brand-mark{width:26px;height:26px;display:block;border-radius:9999px;object-fit:cover}.topbar .brand-name{font-size:14px;font-weight:600}.topbar .brand-name .core{color:var(--fg-muted);font-weight:500}.topbar .divider{width:1px;height:22px;background:var(--border);margin:0 4px}.topbar .switcher{height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:8px;justify-content:flex-start;border:1px solid var(--border);border-radius:6px;background:var(--bg);cursor:pointer;font-size:13px;color:var(--fg);width:240px;max-width:240px;min-width:132px}.topbar .switcher:hover{background:var(--surface-hover)}.topbar .switcher.create{text-decoration:none;color:var(--fg-secondary);border-style:dashed}.topbar .switcher.create:hover{color:var(--fg);border-style:solid}.topbar .switcher .label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0;text-align:left;margin-right:2px;margin-left:0;min-inline-size:0}.topbar .switcher .meta{color:var(--fg-muted);font-size:12px;font-family:var(--font-mono)}.topbar .switcher .chev{color:var(--fg-muted);margin-left:auto;margin-right:0}.topbar .spacer{flex:1 1}.sidebar{background:var(--bg-subtle);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar .ctx{height:56px;padding:0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center}.sidebar .ctx .up-link{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;margin-left:-4px;background:transparent;border:0;border-radius:6px;font-size:12px;font-weight:500;color:var(--fg-muted);cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .ctx .up-link:hover{background:var(--surface-hover);color:var(--fg)}.sidebar .ctx .up-link span{overflow:hidden;text-overflow:ellipsis;transform:translateY(1px)}.sidebar .nav-list{padding:8px;display:flex;flex-direction:column;gap:12px}.sidebar .nav-group{display:flex;flex-direction:column;gap:1px}.sidebar .group-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);padding:12px 10px 6px}.nav{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--fg-secondary);cursor:pointer;position:relative;border:0;background:transparent;width:100%;text-align:left}.nav:hover{background:var(--surface-hover);color:var(--fg)}.nav.active{background:var(--surface-active);color:var(--fg)}.nav.active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:2px;background:var(--brand-green);border-radius:0 2px 2px 0}.nav .count{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted)}.nav .badge-mini,.nav .count{margin-left:auto}.sidebar .footer{margin-top:auto;padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar .footer .who{flex:1 1;min-width:0;font-size:12px;line-height:1.3}.sidebar .footer .who .email,.sidebar .footer .who .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .footer .who .name{font-weight:600;color:var(--fg)}.sidebar .footer .who .email{color:var(--fg-muted);font-size:11px}.sidebar .footer .icon-btn{flex:0 0 32px;width:32px;height:32px;border:0;background:transparent;border-radius:6px;cursor:pointer;color:var(--fg-secondary);display:inline-grid;place-items:center}.sidebar .footer .icon-btn:hover{background:var(--surface-hover);color:var(--fg)}.btn{height:36px;padding:0 14px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;line-height:1;transition:background var(--dur-fast) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--brand-green);color:var(--fg-onbrand);font-weight:550}.btn-primary:hover{background:var(--brand-green-hover)}.btn-secondary{background:var(--surface-inverse);color:var(--bg)}.btn-secondary:hover{background:var(--surface-inverse-hover)}.btn-outline{background:var(--bg);color:var(--fg);border-color:var(--border)}.btn-outline:hover{background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--fg)}.btn-ghost:hover{background:var(--surface-hover)}.btn-danger{background:var(--danger);color:var(--fg-onbrand)}.btn-danger:hover{background:var(--danger-hover)}.btn-danger-outline{background:var(--bg);color:var(--danger);border-color:var(--border)}.btn-danger-outline:hover{background:var(--danger-tint);border-color:var(--danger-border-strong)}.btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:6px}.btn-icon{width:32px;padding:0;justify-content:center}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.input,.select,.textarea{height:36px;padding:0 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--fg);font-family:inherit;outline:none;width:100%}.textarea{height:auto;padding:10px 12px;line-height:1.5;resize:vertical;min-height:80px;font-family:inherit}.textarea.mono{font-family:var(--font-mono);font-size:12px}.runtime-editor .textarea.mono{min-height:360px}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-ring)}.input.mono,.select.mono{font-size:12px}.input.mono,.mono,.select.mono{font-family:var(--font-mono)}.input[type=file]{padding:4px 12px 4px 4px;line-height:26px}.input[type=file]::file-selector-button{height:26px;margin:0 10px 0 0;padding:0 10px;border:0;border-radius:5px;background:var(--bg-muted);color:var(--fg);font:inherit;line-height:26px}.input-group{display:flex;align-items:center}.input-group .prefix,.input-group .suffix{height:36px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--bg-subtle);font-size:12px;color:var(--fg-muted);font-family:var(--font-mono)}.input-group .prefix{border-right:0;border-radius:6px 0 0 6px}.input-group .suffix{border-left:0;border-radius:0 6px 6px 0}.input-group .input{border-radius:0}.input-group>.input:first-child{border-radius:6px 0 0 6px}.input-group>.input:last-child{border-radius:0 6px 6px 0}.input-group>.input:only-child{border-radius:6px}.copy-field{display:flex;align-items:center;gap:8px}.copy-field .input{flex:1 1;min-width:0}.copy-field .icon-btn{flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);color:var(--fg);cursor:pointer}.copy-field .icon-btn:hover{background:var(--surface-hover)}.slack-setup-note{display:grid;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle)}.slack-setup-note-title{margin-bottom:6px;font-size:11px;font-weight:700;color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase}.slack-setup-note-chips{display:flex;flex-wrap:wrap;gap:6px}.slack-setup-note-chips span{padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg-secondary);font-family:var(--font-mono);font-size:11px;line-height:1.3}.field{flex-direction:column}.field,.field>label{display:flex;gap:6px}.field>label{font-size:12px;font-weight:600;color:var(--fg);align-items:center}.field>label .req{color:var(--danger)}.field .help{font-size:12px;color:var(--fg-muted);line-height:1.45}.field .help a{color:var(--fg);text-decoration:underline;text-underline-offset:2px}.field .err{font-size:12px;color:var(--danger);display:flex;align-items:center;gap:6px}.field.has-err .input,.field.has-err .select,.field.has-err .textarea{border-color:var(--danger)}.field.has-err .input:focus{box-shadow:0 0 0 3px rgba(229,72,77,.18)}.checkbox{width:16px;height:16px;border:1px solid var(--border-strong);border-radius:4px;display:inline-grid;place-items:center;background:var(--bg);cursor:pointer;flex-shrink:0}.checkbox.on{background:var(--brand-green);border-color:var(--brand-green);color:var(--fg-onbrand)}.switch{width:32px;height:18px;border-radius:999px;background:var(--neutral-200);position:relative;cursor:pointer;flex-shrink:0;transition:background var(--dur-fast);border:0;padding:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:var(--switch-thumb);box-shadow:0 1px 2px rgba(0,0,0,.18);transition:left var(--dur-fast) var(--ease-out)}.switch.on,.switch[data-state=checked]{background:var(--brand-green)}.switch.on:after,.switch[data-state=checked]:after{left:16px}.toggle-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.toggle-row .toggle-title{display:block;font-size:13px;font-weight:600;color:var(--fg)}.toggle-row .toggle-copy{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:var(--fg-muted)}.segmented{display:inline-flex;padding:2px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px}.segmented button{height:26px;padding:0 10px;font-size:12px;font-weight:500;border:0;background:transparent;border-radius:4px;cursor:pointer;color:var(--fg-secondary)}.segmented button.on{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-xs)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:9999px;font-size:11px;font-weight:600;line-height:1;border:1px solid transparent;white-space:nowrap}.badge .dot{width:5px;height:5px;border-radius:999px}.badge.ok{background:var(--success-tint);color:var(--success-text);border-color:var(--success-border)}.badge.muted{background:var(--bg-subtle);color:var(--fg-muted);border-color:var(--border)}.badge.info{background:var(--info-tint);color:var(--info-text);border-color:var(--info-border)}.badge.warn{background:var(--warning-tint);color:var(--warning-text);border-color:var(--warning-border)}.badge.danger{background:var(--danger-tint);color:var(--danger-text);border-color:var(--danger-border)}.badge.archived{background:var(--surface-inverse);color:var(--bg)}.badge-mini{height:18px;padding:0 6px;border-radius:4px;font-family:var(--font-mono);font-size:10px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg-muted)}.avatar,.badge-mini{display:inline-flex;align-items:center;font-weight:600}.avatar{width:28px;height:28px;border-radius:9999px;background:var(--avatar-bg);color:var(--avatar-fg);font-size:11px;line-height:1;justify-content:center;flex-shrink:0;object-fit:cover}.page-header{padding:24px 32px 0;display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.page-header>div:not(.spacer):not(.actions){min-width:0}.page-header .breadcrumbs,.page-header .crumbs{width:100%;margin-bottom:4px}.page-header .crumbs{font-size:12px;color:var(--fg-muted);display:flex;align-items:center;gap:6px}.page-header .crumbs a{color:var(--fg-muted);cursor:pointer}.page-header .crumbs a:hover{color:var(--fg)}.page-header .crumbs .sep{color:var(--neutral-300)}.page-header .crumbs .here{color:var(--fg);font-weight:500}.breadcrumb{font-size:12px;color:var(--fg-muted)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;min-width:0}.breadcrumb-link{color:var(--fg-muted);text-decoration:none}.breadcrumb-link:hover{color:var(--fg)}.breadcrumb-page{color:var(--fg);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-separator{color:var(--neutral-300);display:inline-flex;align-items:center}.breadcrumb-ellipsis{display:inline-flex;align-items:center;color:var(--fg-muted)}.page-header .title{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.page-header .title>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.page-header .sub{font-size:13px;color:var(--fg-muted);margin-top:4px;max-width:600px}.page-header .spacer{flex:1 1}.page-header .actions{display:flex;align-items:center;gap:8px;min-width:0}.page-body{padding:24px 32px 64px}.page-body.tight{padding:16px 32px 64px}.tabs{display:flex;align-items:center;gap:4px;padding:16px 32px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.tabs .tab{padding:8px 12px;font-size:13px;font-weight:500;color:var(--fg-muted);border:0;background:transparent;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs .tab.on,.tabs .tab:hover{color:var(--fg)}.tabs .tab.on{border-bottom-color:var(--fg)}.ui-tabs-list{gap:4px;min-width:0}.ui-tabs-list,.ui-tabs-trigger{display:inline-flex;align-items:center}.ui-tabs-trigger{height:40px;gap:7px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--fg-muted);font-size:13px;font-weight:500;cursor:pointer;margin-bottom:-1px}.ui-tabs-trigger:hover{color:var(--fg)}.ui-tabs-trigger:focus-visible{outline:0;box-shadow:0 0 0 3px var(--brand-green-ring);border-radius:6px}.ui-tabs-trigger[data-state=active]{color:var(--fg);border-bottom-color:var(--brand-green)}.ui-tabs-content:focus-visible{outline:0;box-shadow:0 0 0 3px var(--brand-green-ring);border-radius:8px}.tab-count{min-width:18px;height:18px;padding:0 6px;border:1px solid var(--border);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);background:var(--bg-subtle);font-size:11px;line-height:1}.ui-tabs-trigger[data-state=active] .tab-count{color:var(--fg-secondary);background:var(--bg)}.channel-settings-tabs{display:grid;gap:16px}.settings-tabs-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.channel-settings-panel{display:grid;gap:0}.card{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.card-padded{padding:20px}.card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;min-width:0}.card-header .title{font-size:13px;font-weight:600;color:var(--fg)}.card-header .sub{font-size:12px;color:var(--fg-muted);min-width:0}.card-header .card-header-action{margin-left:auto}.card-body{padding:16px}.card-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border-radius:0 0 8px 8px}.table-card .table-wrap{border:0;border-radius:0}.table-card .card-header+.table-wrap{border-top:0}.table-card .table{border-radius:0}.table-wrap{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead th{background:var(--bg-subtle);text-align:left;padding:9px 16px;font-size:11px;font-weight:600;color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap}.table tbody td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.row-link{cursor:pointer}.table tbody tr.row-link:hover{background:var(--surface-hover)}.table tbody tr.agent-row td,.table tbody tr.hit-row td{padding:0}.table .row-hit{min-height:58px;padding:12px 16px;display:flex;align-items:center;color:inherit;text-decoration:none}.table .title-cell{font-weight:500;color:var(--fg)}.table .meta-cell{color:var(--fg-muted);font-size:12px;font-family:var(--font-mono)}.table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:12px}.table .hide-compact{display:table-cell}.table .row-actions{display:flex;gap:2px;justify-content:flex-end}.table .actions-cell{text-align:right}.table tbody tr.agent-row td.actions-cell,.table tbody tr.hit-row td.actions-cell{padding:0 16px 0 0}.table .actions-cell .icon-btn{width:28px;height:28px;padding:0;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--fg);cursor:pointer}.table .actions-cell .icon-btn:hover{background:var(--neutral-200)}.runtime-id{display:inline-flex;align-items:center;gap:4px;max-width:100%}.runtime-id .icon-btn{flex:0 0 24px;width:24px;height:24px;padding:0;border:0;border-radius:6px;display:inline-grid;place-items:center;background:var(--bg-muted);color:var(--fg);cursor:pointer;line-height:0}.runtime-id .icon-btn:hover{background:var(--neutral-200)}.runtime-id .icon-btn svg{display:block}.runtime-id code{min-width:0;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--fg)}.runtime-id-full{width:100%}.runtime-id-full code{max-width:none;overflow:visible;text-overflow:clip}.runtime-id-stack{display:grid;gap:5px;min-width:0}.runtime-labeled-id{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.runtime-control-label,.runtime-labeled-id>span:first-child{color:var(--fg-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0}.runtime-actions{display:inline-flex;align-items:center;gap:4px;padding:12px 16px}.runtime-actions form{display:inline-flex;margin:0}.runtime-stop-button{color:var(--fg-secondary)}.runtime-stop-button:hover{background:var(--danger-tint);border-color:var(--danger-border-strong);color:var(--danger)}.runtime-run-count{justify-content:flex-end}.runtime-channel-cell{display:inline-grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.runtime-channel-cell .meta-cell,.runtime-channel-cell .title-cell{display:block}.runtime-channel-icon{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--bg-subtle);color:var(--fg-muted)}.runtime-detail-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.runtime-detail-actions form{display:inline-flex;margin:0}.runtime-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}.runtime-detail-item{padding:14px 16px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);min-width:0}.runtime-detail-item:nth-child(4n){border-right:0}.runtime-detail-item:nth-last-child(-n+4){border-bottom:0}.runtime-detail-item dt{margin:0 0 6px;color:var(--fg-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0}.runtime-detail-item dd{margin:0;min-width:0;color:var(--fg)}.runtime-id-panel{display:grid;gap:8px;padding:16px}.runtime-diagnostic-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;padding:16px}.runtime-diagnostic-label{margin-bottom:5px;color:var(--fg-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0}.runtime-diagnostic-panel p{margin:0;color:var(--fg);font-size:13px}.runtime-diagnostic-panel code{font-family:var(--font-mono);font-size:12px}.runtime-aws-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.runtime-aws-link{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;border:1px solid var(--border-subtle);border-radius:8px;padding:12px;color:var(--fg);text-decoration:none}.runtime-aws-link:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.runtime-aws-link span{display:grid;min-width:0;gap:4px}.runtime-aws-link strong{font-size:13px}.runtime-aws-link span span{color:var(--fg-muted);font-size:12px}.runtime-aws-link code{overflow:hidden;color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.runtime-run-diagnostic{display:grid;gap:4px;max-width:360px;font-size:12px;color:var(--fg)}.runtime-run-diagnostic span:first-child,.runtime-run-summary{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runtime-run-diagnostic code{width:fit-content;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-subtle);padding:2px 6px;color:var(--fg-muted);font-family:var(--font-mono)}.runtime-labeled-id-wide{grid-template-columns:112px minmax(0,1fr)}.runtime-control-panel{display:grid;gap:12px;padding:16px;font-size:13px;color:var(--fg-secondary)}.runtime-control-value{margin-top:3px;font-family:var(--font-mono);color:var(--fg)}.credential-key-cell{display:flex;align-items:center;gap:10px}.credential-key-cell .icon-btn{width:28px;height:28px;padding:0;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--fg);cursor:pointer}.credential-key-cell .icon-btn:hover{background:var(--neutral-200)}.action-menu{width:240px;min-width:240px;padding:6px}.action-menu .menu-item{width:100%;min-height:32px;padding:0 8px;border:0;border-radius:6px;background:transparent;display:flex;align-items:center;gap:8px;color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;text-align:left}.action-menu .menu-item>svg{flex:0 0 16px;width:16px;height:16px}.action-menu .menu-item>span{min-width:0}.action-menu .menu-item:hover{background:var(--surface-hover)}.action-menu .menu-item.danger{color:var(--danger)}.action-menu .menu-form{display:flex;flex-direction:column;gap:12px;padding:4px}.action-menu .menu-form:has(>.menu-item){gap:0;padding:0}.action-menu .menu-form-actions{display:flex;justify-content:flex-end;gap:8px}.action-menu .menu-title{font-size:13px;font-weight:600}.action-menu .menu-copy{margin-top:4px;font-size:12px;color:var(--fg-muted);line-height:1.45}.action-menu .menu-copy span{color:var(--fg);font-family:var(--font-mono)}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg)}.toolbar .input{height:30px;max-width:280px}.toolbar .spacer{flex:1 1}.toolbar .filter-pill{height:28px;padding:0 10px;border-radius:6px;background:var(--bg);border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-secondary);cursor:pointer}.toolbar .filter-pill:hover{background:var(--surface-hover)}.toolbar .filter-pill.on{background:var(--surface-active);color:var(--fg);border-color:var(--border-strong)}.toolbar .filter-pill.on .badge{background:var(--bg);color:var(--fg);border-color:var(--border)}.empty{padding:64px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.empty .ico{width:40px;height:40px;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border);display:grid;place-items:center;color:var(--fg-muted);margin-bottom:4px}.empty .h{font-size:15px;font-weight:600;color:var(--fg)}.empty .p{font-size:13px;color:var(--fg-muted);max-width:380px;line-height:1.5}.empty .actions{margin-top:12px;display:flex;gap:8px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skel{background:linear-gradient(90deg,var(--skeleton-base) 0,var(--skeleton-highlight) 40%,var(--skeleton-base) 80%);background-size:400px 100%;border-radius:4px;animation:shimmer 1.4s linear infinite;display:inline-block}.alert{display:flex;gap:12px;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg);align-items:flex-start}.alert .ico{color:var(--fg-muted);flex-shrink:0;margin-top:1px}.alert .body{flex:1 1;font-size:13px;line-height:1.5}.alert .body .h{font-weight:600;color:var(--fg)}.alert .body .p{color:var(--fg-secondary);margin-top:2px}.alert.warn{background:var(--warning-tint);border-color:var(--warning-border)}.alert.warn .ico{color:var(--warning)}.alert.danger{background:var(--danger-tint);border-color:var(--danger-border)}.alert.danger .ico{color:var(--danger)}.alert.success{background:var(--success-tint);border-color:var(--success-border)}.alert.success .ico{color:var(--brand-green-hover)}.alert.info{background:var(--info-tint);border-color:var(--info-border)}.alert.info .ico{color:var(--info)}.form-grid{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:20px 24px;border-bottom:1px solid var(--border)}.form-grid:last-child{border-bottom:0}.form-grid .fg-side .h{font-size:14px;font-weight:600;color:var(--fg)}.form-grid .fg-side .p{font-size:12px;color:var(--fg-muted);margin-top:4px;line-height:1.5}.form-grid .fg-fields{display:flex;flex-direction:column;gap:16px;max-width:560px;min-width:0}.form-grid .fg-fields.permission-fields{max-width:920px}.form-grid .fg-fields.danger-actions{gap:10px}.credential-form-grid{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.credential-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-stack{display:flex;flex-direction:column;gap:16px;max-width:560px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.identity-row{display:flex;align-items:center;gap:12px}.identity-title{font-size:14px;font-weight:600;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.identity-sub{margin-top:2px;font-size:12px}.identity-sub,.inline-id{color:var(--fg-muted);font-family:var(--font-mono)}.inline-id{font-size:.72em;font-weight:500;white-space:nowrap}.save-bar{background:var(--bg);padding:10px 0 0;gap:12px;margin:0;justify-content:flex-end}.save-bar,.save-bar .status{display:flex;align-items:center}.save-bar .status{font-size:12px;color:var(--fg-muted);gap:6px}.save-bar .spacer{flex:1 1}.dot{display:inline-block;width:6px;height:6px;border-radius:999px;flex-shrink:0}.dot.ok{background:var(--brand-green)}.dot.warn{background:var(--warning)}.dot.danger{background:var(--danger)}.dot.muted{background:var(--neutral-400)}.dot.info{background:var(--info)}.dot.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.channel-logo,.service-logo{display:block;object-fit:contain;flex-shrink:0}.mcp-logo{color:var(--fg-secondary);background:currentColor;mask:url(/assets/mcp.svg) center/contain no-repeat;-webkit-mask:url(/assets/mcp.svg) center/contain no-repeat}.nav .mcp-logo{color:currentColor}.sse-logo{color:var(--fg-secondary);background:currentColor;mask:url(/assets/channels/sse.svg) center/contain no-repeat;-webkit-mask:url(/assets/channels/sse.svg) center/contain no-repeat}.nav .sse-logo{color:currentColor}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;font-size:13px}.kv dt{color:var(--fg-muted);font-size:12px}.kv dd{margin:0;color:var(--fg)}.codeblock{font-family:var(--font-mono);font-size:12px;background:var(--code-bg);color:var(--code-fg);padding:12px 14px;border-radius:6px;line-height:1.55;overflow-x:auto}.codeblock .key{color:var(--code-key)}.codeblock .str{color:var(--code-str)}.codeblock .num{color:var(--code-num)}.codeblock .com{color:var(--code-comment)}.runtime-logs{max-height:360px;margin:12px 0 0;white-space:pre-wrap;overflow:auto}.playground-page{height:calc(100vh - 132px);min-height:0;padding-top:18px;padding-bottom:18px;overflow:hidden}.ai-chat-shell{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;overflow:visible}.ai-chat-panel{min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-chat-title-row{display:inline-flex;align-items:center;gap:10px;min-width:0}.ai-chat-header h2{margin:0;font-size:20px;font-weight:650;letter-spacing:-.02em;line-height:1.12}.ai-chat-header p{margin:0;color:var(--fg-muted);font-size:13px;line-height:1.45;max-width:720px}.ai-conversation{min-height:0;overflow:auto;padding:28px 20px;display:flex;flex-direction:column;gap:18px}.ai-empty-chat{margin:auto;width:min(420px,100%);display:grid;justify-items:center;gap:8px;color:var(--fg-muted);text-align:center}.ai-empty-chat svg{width:48px;height:48px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--brand-green-hover)}.ai-empty-chat .h{color:var(--fg);font-size:16px;font-weight:650}.ai-empty-chat .p{font-size:13px;line-height:1.5}.ai-message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;max-width:880px;width:100%}.ai-message.user{align-self:flex-end;grid-template-columns:minmax(0,1fr) 30px}.ai-message.user .ai-message-avatar{grid-column:2}.ai-message.user .ai-message-main{grid-column:1;grid-row:1;align-items:flex-end}.ai-message-avatar{width:30px;height:30px;align-self:end;display:grid;place-items:center;border-radius:999px;background:var(--surface-inverse);color:var(--bg)}.ai-message.user .ai-message-avatar{background:var(--brand-green)}.ai-message-avatar.has-image{background:transparent;color:inherit}.ai-message-avatar.has-image .avatar{width:30px;height:30px}.ai-message-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.ai-message-meta{color:var(--fg-muted);font-size:11px;font-weight:650}.ai-bubble{width:fit-content;max-width:min(720px,100%);padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--bg);box-shadow:var(--shadow-xs)}.ai-message.user .ai-bubble{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--bg);border-bottom-right-radius:5px}.ai-message.assistant .ai-bubble{border-bottom-left-radius:5px}.ai-message-text{white-space:pre-wrap;line-height:1.58;font-size:14px}.ai-attachments{display:flex;flex-wrap:wrap;gap:6px}.ai-bubble .ai-attachments{margin-top:8px}.ai-attachment{display:inline-grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:28px;max-width:320px;padding:3px 6px 3px 5px;border:1px solid var(--border);border-radius:8px;background:var(--surface-glass-strong);color:var(--fg-secondary);font-size:12px}.ai-message.user .ai-attachment{color:var(--bg);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.12)}.ai-attachments-list{display:grid;gap:6px;width:min(360px,100%)}.ai-attachments-list .ai-attachment{max-width:100%;grid-template-columns:28px minmax(0,1fr) auto;min-height:38px}.ai-attachment-preview{width:18px;height:18px;display:grid;place-items:center;overflow:hidden;border-radius:5px;color:inherit}.ai-attachments-list .ai-attachment-preview{width:28px;height:28px;background:var(--bg-subtle)}.ai-attachment-preview img{width:100%;height:100%;object-fit:cover}.ai-attachment-info{min-width:0;display:grid;gap:1px}.ai-attachment-info span{min-width:0}.ai-attachment-info small,.ai-attachment-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-attachment-info small{color:var(--fg-muted);font-size:11px}.ai-attachment-remove{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--fg-muted);cursor:pointer}.ai-attachment-remove:hover{background:var(--danger-tint);color:var(--danger-text)}.ai-agent-details{width:min(720px,100%);display:grid;gap:8px}.ai-reasoning,.ai-sources,.ai-task,.ai-tool{border:1px solid var(--border);border-radius:10px;background:var(--surface-glass-soft);overflow:hidden}.ai-reasoning-trigger,.ai-sources-trigger,.ai-task-trigger,.ai-tool-header{display:grid;grid-template-columns:14px 14px minmax(0,1fr) auto;align-items:center;gap:7px;cursor:pointer;padding:8px 10px;color:var(--fg-secondary);font-size:12px;font-weight:650;list-style:none}.ai-reasoning-trigger::-webkit-details-marker,.ai-sources-trigger::-webkit-details-marker,.ai-task-trigger::-webkit-details-marker,.ai-tool-header::-webkit-details-marker{display:none}.ai-reasoning[open] .ai-reasoning-chevron,.ai-task[open] .ai-task-chevron,.ai-tool[open] .ai-tool-chevron{transform:rotate(90deg)}.ai-reasoning.is-streaming .ai-reasoning-trigger svg:not(.ai-reasoning-chevron){color:var(--brand-green-hover)}.ai-reasoning-content,.ai-sources-content,.ai-task-content,.ai-tool-content{display:grid;gap:8px;padding:0 10px 10px;color:var(--fg-muted);font-size:12px;line-height:1.45}.ai-reasoning-content{white-space:pre-wrap}.ai-plan,.ai-tools{display:grid;gap:8px}.ai-plan-title{color:var(--fg-secondary);font-size:12px;font-weight:650}.ai-task-trigger{grid-template-columns:14px 14px minmax(0,1fr) auto}.ai-task-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-task-trigger em{color:var(--fg-muted);font-style:normal;font-size:11px}.ai-task-item{margin:0;color:var(--fg-muted)}.ai-tool-status{display:inline-flex;align-items:center;gap:4px;color:var(--brand-green-hover);font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase}.ai-tool-io.is-error,.ai-tool-status.output-error{color:var(--danger-text)}.ai-tool-io{display:grid;gap:6px}.ai-tool-io h4{font-weight:700;text-transform:uppercase}.ai-tool-io h4,.ai-tool-io pre{margin:0;color:var(--fg-secondary);font-size:11px}.ai-tool-io pre{max-height:220px;overflow:auto;padding:8px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg);font-family:var(--font-mono);white-space:pre-wrap}.ai-tool-io p{margin:0}.ai-tool-locations{display:flex;flex-wrap:wrap;gap:5px}.ai-source,.ai-tool-locations code{border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg);color:var(--fg-secondary)}.ai-tool-locations code{padding:3px 6px;font-family:var(--font-mono);font-size:11px}.ai-sources-trigger{grid-template-columns:minmax(0,1fr)}.ai-source{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:6px 8px;text-decoration:none}.ai-source span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-source:hover{border-color:var(--border);color:var(--fg)}.ai-detail p{margin:0}.ai-detail a{color:var(--fg);text-decoration:underline;text-underline-offset:2px}.ai-tool-call{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 8px;border-radius:7px;background:var(--bg-subtle);color:var(--fg)}.ai-tool-call em{color:var(--brand-green-hover);font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase}.ai-tool-call small{grid-column:2/-1;color:var(--fg-muted)}.ai-error{color:var(--danger);font-size:13px;line-height:1.45}.ai-auth-required{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;max-width:420px}.ai-auth-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--brand-green-tint);color:var(--brand-green-hover)}.ai-auth-copy{min-width:0;display:grid;gap:6px}.ai-auth-title{font-weight:650;color:var(--fg)}.ai-auth-body{color:var(--fg-muted);font-size:13px;line-height:1.45}.ai-auth-copy .btn{justify-self:start;margin-top:2px}.ai-shimmer{display:grid;gap:7px;width:220px}.ai-shimmer i,.ai-shimmer span{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--skeleton-base),var(--skeleton-highlight),var(--skeleton-base));background-size:240px 100%;animation:shimmer 1.2s linear infinite}.ai-shimmer i{width:62%}.ai-prompt{padding:0;border-top:0;background:var(--bg)}.ai-attachments{margin-bottom:8px}.ai-prompt-box{border:1px solid var(--border);border-radius:14px;background:var(--bg);overflow:hidden;box-shadow:var(--shadow-xs)}.ai-prompt textarea{width:100%;min-height:76px;resize:none;padding:12px 14px;border:0;outline:none;color:var(--fg);background:transparent;line-height:1.5}.ai-prompt-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-top:1px solid var(--border-subtle)}.ai-prompt-actions input[type=file]{max-width:360px;color:var(--fg-muted);font-size:12px}.ai-chat-footnote{padding:0 2px;color:var(--fg-muted);font-size:11px}.ai-chat-footnote code,.ai-chat-footnote kbd{padding:1px 4px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg-secondary);font-family:var(--font-mono)}.spin{animation:spin .9s linear infinite}@media (max-width:900px){.playground-page{height:calc(100vh - 122px);min-height:0}.ai-chat-shell{min-height:0}.ai-chat-header{flex-direction:column}.ai-message,.ai-message.user{max-width:100%}.ai-prompt-actions{align-items:stretch;flex-direction:column}.ai-prompt-actions input[type=file]{max-width:100%}}.login{display:grid;place-items:center;min-height:100vh;padding:24px;background:var(--bg)}.login .panel{width:100%;max-width:380px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:32px 28px}.login .wordmark{width:100%;max-width:220px;height:auto;display:block;margin:0 auto 8px}.login .tag{text-align:center;color:var(--fg-muted);font-size:13px;margin-bottom:24px}.login .google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:40px;border-radius:8px;background:var(--google-button-bg);color:var(--google-button-fg);border:1px solid var(--border-strong);font-size:14px;font-weight:500;cursor:pointer}.login .google:hover{background:var(--surface-hover)}.login .google:disabled{cursor:progress;opacity:.72}.login .login-error{color:var(--danger-text);font-size:12px;line-height:1.45;margin-top:12px;text-align:center}.login .footnote{font-size:12px;color:var(--fg-muted);text-align:center;margin-top:16px;line-height:1.5}.login .reject{padding:10px 12px;border-radius:8px;border:1px solid var(--danger-border);background:var(--danger-tint);color:var(--danger-text);font-size:13px;line-height:1.5;margin-bottom:16px}.scrim{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:center;z-index:100;padding:24px}.dialog{width:460px;max-width:100%;background:var(--bg);border-radius:12px;box-shadow:var(--shadow-xl);padding:24px;border:1px solid var(--border)}.dialog h2{margin:0 0 6px;font-size:16px;font-weight:600}.dialog p{margin:0 0 18px;color:var(--fg-secondary);font-size:13px;line-height:1.55}.dialog .danger-summary{background:var(--danger-tint);border:1px solid var(--danger-border);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--danger-text-strong);margin-bottom:14px}.dialog .actions{display:flex;gap:8px;justify-content:flex-end}.delete-dialog-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:var(--scrim)}.delete-dialog{position:relative;width:440px;max-width:100%;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:var(--shadow-xl)}.delete-dialog h2{margin:0 0 6px;font-size:16px;font-weight:600}.delete-dialog p{margin:0 0 16px;color:var(--fg-secondary);font-size:13px;line-height:1.55}.delete-dialog p strong{color:var(--fg);font-family:var(--font-mono);font-weight:600}.delete-dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.delete-dialog-close{position:absolute;top:14px;right:14px}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface-inverse);color:var(--bg);border-radius:8px;padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 20px rgba(0,0,0,.18);animation:toastIn .2s var(--ease-out);z-index:200}.toast .ok{background:var(--brand-green)}.toast .danger,.toast .ok{width:8px;height:8px;border-radius:999px}.toast .danger{background:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dropzone{border:1.5px dashed var(--border-strong);border-radius:10px;padding:32px;text-align:center;background:var(--bg-subtle);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all var(--dur-fast)}.dropzone.drag,.dropzone:hover{border-color:var(--brand-green);background:var(--brand-green-tint)}.dropzone .ico{width:36px;height:36px;border-radius:999px;background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;color:var(--fg-muted);margin-bottom:6px}.dropzone .h{font-size:14px;font-weight:600;color:var(--fg)}.dropzone .p{font-size:12px;color:var(--fg-muted)}.progressbar{height:4px;background:var(--bg-muted);border-radius:999px;overflow:hidden}.progressbar>i{display:block;height:100%;background:var(--brand-green);border-radius:999px;transition:width var(--dur-base)}.stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px}.stat .l{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.stat .v{font-size:22px;font-weight:600;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg);display:flex;align-items:baseline;gap:8px}.stat .v .delta{font-size:12px;font-weight:500;color:var(--fg-muted)}.stat .v .delta.up{color:var(--success-text)}.stat .v .delta.down{color:var(--danger)}.popover{min-width:280px;max-width:calc(100vw - 32px);background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-popover);padding:6px;z-index:50}.popover .header{padding:8px 10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.popover .item{padding:8px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px}.popover .item .item-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.popover .item:hover{background:var(--surface-hover)}.popover .item.on{background:var(--surface-active)}.popover .item .check{color:var(--brand-green)}.popover .footer{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.tooltip-content{max-width:240px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-inverse);color:var(--bg);box-shadow:var(--shadow-popover);font-size:12px;font-weight:500;line-height:1.3;z-index:70}.list-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.list-card .row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.list-card .row:last-child{border-bottom:0}.list-card a.row{color:inherit;text-decoration:none}.list-card a.row:hover{background:var(--surface-hover)}.list-card .row .ico{width:30px;height:30px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border);display:grid;place-items:center;color:var(--fg-secondary)}.list-card .row .body .h{font-size:13px;font-weight:500;color:var(--fg)}.list-card .row .body .p{font-size:12px;color:var(--fg-muted);margin-top:2px;font-family:var(--font-mono)}.split{display:grid;grid-template-columns:1fr 320px;gap:24px}@media (max-width:1100px){.split{grid-template-columns:1fr}}.agent-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;align-items:start}.agent-overview-grid .overview-stat{border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden}.agent-overview-grid .overview-main{grid-column:1/span 3}.agent-overview-grid .overview-side{grid-column:4;grid-row:2/span 3;display:flex;flex-direction:column;gap:16px}.agent-overview-tables{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.agent-overview-tables .overview-table{table-layout:fixed}.overview-table col.overview-col-name{width:auto}.overview-table col.overview-col-time{width:clamp(120px,20%,190px)}.overview-table col.overview-col-status{width:clamp(140px,24%,220px)}.overview-table-mcp col.overview-col-name{width:clamp(120px,24%,220px)}.overview-table-mcp col.overview-col-detail{width:auto}.overview-table-mcp col.overview-col-time{width:clamp(120px,20%,190px)}.overview-table-mcp col.overview-col-status{width:clamp(140px,24%,220px)}.overview-table-skills col.overview-col-name{width:auto}.overview-table-skills col.overview-col-validation{width:clamp(120px,20%,190px)}.overview-table-skills col.overview-col-status{width:clamp(96px,calc(24% - 44px),176px)}.overview-table-skills col.overview-col-action{width:44px}.overview-table td,.overview-table th{overflow:hidden;text-overflow:ellipsis}.overview-table .meta-cell,.overview-table .row-hit,.overview-table .title-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-overview-card{container-type:inline-size}@container (max-width: 520px){.mcp-overview-card .hide-compact,.overview-table-mcp col.overview-col-detail{display:none}.overview-table-mcp col.overview-col-name{width:auto}.overview-table-mcp col.overview-col-time{width:clamp(120px,20%,190px)}.overview-table-mcp col.overview-col-status{width:clamp(140px,24%,220px)}}@media (max-width:1300px){.agent-overview-tables{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}}.timeline{display:flex;flex-direction:column}.timeline .ev{display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);align-items:flex-start}.timeline .ev:last-child{border-bottom:0}.timeline .ev .marker{padding-top:6px;display:grid;place-items:center}.timeline .ev .body{min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.timeline .ev .body .actor{font-weight:600}.timeline .ev .body .target{display:block;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline .ev .body .changes{margin-top:4px;font-family:var(--font-mono);font-size:11px;color:var(--fg-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:6px 8px}.timeline .ev .when{grid-column:2;margin-top:2px;font-size:12px;color:var(--fg-muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.human-audit .ev{grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding:18px 20px;align-items:start}.human-audit .ev .marker{padding-top:2px;align-self:start}.human-audit .ev .when{grid-column:3;grid-row:1;margin-top:0;align-self:start}.human-audit .audit-line{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;color:var(--fg);font-size:14px}.human-audit .audit-line .actor{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.human-audit .audit-line .audit-action{display:block;min-width:0}.human-audit .audit-context{margin-top:3px;color:var(--fg-muted);font-size:12px}.human-audit .audit-details{display:flex;flex-wrap:wrap;gap:4px 14px;margin:7px 0 0;padding:0;list-style:none}.human-audit .audit-details li{max-width:100%;color:var(--fg-muted);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.human-audit .audit-details li:before{content:"";display:inline-block;width:4px;height:4px;margin-right:7px;border-radius:999px;background:var(--fg-muted);opacity:.45;vertical-align:middle}.human-audit .audit-details li strong{color:var(--fg);font-weight:600}@media (max-width:720px){.human-audit .ev{grid-template-columns:28px minmax(0,1fr) auto}.human-audit .ev .when{grid-column:3;grid-row:1}}.health{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--bg)}.health.ok{background:var(--success-tint);border-color:var(--success-border);color:var(--success-text)}.health.warn{background:var(--warning-tint);border-color:var(--warning-border);color:var(--warning-text)}.health.danger{background:var(--danger-tint);border-color:var(--danger-border);color:var(--danger-text)}.select-trigger{min-height:36px;padding:0 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);font:inherit;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;cursor:pointer}.select-trigger:focus-visible{outline:0;border-color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-ring)}.select-trigger[data-disabled]{opacity:.5;cursor:not-allowed}.select-content{min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 32px);background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-popover);z-index:50}.select-viewport{padding:6px;max-height:min(360px,var(--radix-select-content-available-height));overflow:auto}.select-item{position:relative;min-height:36px;padding:8px 32px 8px 10px;border-radius:6px;color:var(--fg);font-size:13px;outline:none;cursor:pointer}.select-item[data-highlighted]{background:var(--surface-hover)}.select-item[data-disabled]{opacity:.55;cursor:not-allowed;background:var(--bg-subtle)}.select-item-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--brand-green);display:inline-flex}.channel-select-trigger{max-width:720px;min-height:58px;padding:8px 10px}.channel-select-item-body,.channel-select-value{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%}.channel-select-item-body .ico,.channel-select-value .ico{width:28px;height:28px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border);display:grid;place-items:center}.channel-select-item-body .copy,.channel-select-value .copy{display:grid;gap:3px;min-width:0}.channel-select-item-body .h,.channel-select-value .h{font-size:13px;font-weight:600}.channel-select-item-body .p,.channel-select-value .p{font-size:12px;color:var(--fg-muted);line-height:1.35}.channel-select-content .select-item{min-height:58px}.secret-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.secret-mask{font-family:var(--font-mono);font-size:13px;color:var(--fg-secondary);letter-spacing:.06em}.api-key-form{display:grid;gap:14px}.api-key-form-actions{display:flex;justify-content:flex-end}.code-sample{display:block;margin:0;border:1px solid var(--border);background:var(--bg-subtle);color:var(--fg-secondary);border-radius:10px;padding:12px 14px;overflow:auto;white-space:pre;font-family:var(--font-mono);font-size:12px;line-height:1.55}.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--fg);border-radius:999px;animation:spin .8s linear infinite;display:inline-block}.spinner.lg{width:22px;height:22px}@keyframes spin{to{transform:rotate(1turn)}}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden}.metrics-row.metrics-row-compact{grid-template-columns:repeat(2,1fr)}.metrics-row .stat{border-right:1px solid var(--border)}.metrics-row .stat:last-child,.metrics-row.analytics-kpis .stat:nth-child(4n){border-right:0}.metrics-row.analytics-kpis .stat:nth-child(-n+4){border-bottom:1px solid var(--border)}.analytics-filters{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:12px;margin-bottom:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.filter-block{display:flex;flex-direction:column;gap:8px;min-width:180px}.filter-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.filter-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-chip{height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg-secondary);font-size:12px;font-weight:500;cursor:pointer}.filter-chip:hover,.filter-chip[aria-pressed=true]{background:var(--surface-hover)}.filter-chip[aria-pressed=true]{border-color:var(--border-strong);color:var(--fg)}.filter-chip input{margin:0;accent-color:var(--brand-green)}.analytics-filter-trigger{min-width:180px;justify-content:space-between}.analytics-filter-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-filter-popover{width:min(360px,calc(100vw - 32px));max-height:min(420px,calc(100vh - 120px));overflow:auto}.analytics-filter-row{width:100%;min-height:36px;padding:6px 8px;display:grid;grid-template-columns:18px 28px minmax(0,1fr);align-items:center;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--fg);text-align:left;font:inherit;cursor:pointer}.analytics-filter-row:hover{background:var(--surface-hover)}.analytics-filter-row .title-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.analytics-filter-row.nested,.analytics-filter-row.simple{grid-template-columns:18px minmax(0,1fr)}.analytics-filter-row.nested{padding-left:22px}.analytics-filter-check{width:18px;height:18px;display:inline-grid;place-items:center;color:var(--brand-green)}.analytics-filter-group{padding-top:4px;margin-top:4px;border-top:1px solid var(--border-subtle)}.analytics-filter-group-label{padding:8px 8px 4px;display:flex;align-items:center;gap:8px;color:var(--fg-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.analytics-filter-empty{display:block;padding:8px;color:var(--fg-muted);font-size:12px}.analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:stretch}.analytics-latest{display:grid;gap:12px;padding:16px}.analytics-latest-item{min-height:44px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px}.analytics-latest-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;color:var(--fg-muted);background:var(--surface)}.analytics-latest-item>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.interactive-chart{height:260px;padding:18px 16px 12px;display:flex;flex-direction:column;gap:10px}.interactive-chart.compact{height:190px}.interactive-chart-plot{position:relative;flex:1 1;min-height:0}.interactive-chart-plot svg{width:100%;height:100%;overflow:visible}.interactive-chart-area{fill:color-mix(in srgb,var(--brand-green) 18%,transparent)}.interactive-chart-line{fill:none;stroke:var(--brand-green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.interactive-chart-focus-list,.interactive-chart-hit-area{position:absolute;inset:0}.interactive-chart-hit-area{z-index:1}.interactive-chart-focus-list{z-index:2;pointer-events:none}.interactive-chart-hit{position:absolute;top:0;bottom:0;transform:translateX(-50%)}.interactive-chart-focus-point{position:absolute;width:14px;height:14px;padding:0;border:0;border-radius:999px;background:transparent;transform:translate(-50%,-50%);cursor:default;pointer-events:auto}.interactive-chart-focus-point:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}.interactive-chart-active-dot{width:10px;height:10px;border:2px solid var(--brand-green);border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-green) 12%,transparent);transform:translate(-50%,-50%)}.interactive-chart-active-dot,.interactive-chart-tooltip{position:absolute;z-index:3;background:var(--bg);pointer-events:none}.interactive-chart-tooltip{top:0;min-width:132px;max-width:180px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;box-shadow:var(--shadow-popover);transform:translateX(-50%)}.interactive-chart-tooltip-label,.interactive-distribution-tooltip span{display:block;color:var(--fg-muted);font-size:11px;line-height:1.25}.interactive-chart-tooltip-value{display:flex;align-items:center;gap:7px;margin-top:5px}.interactive-chart-tooltip-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--brand-green)}.interactive-chart-tooltip-value strong,.interactive-distribution-tooltip strong{display:block;color:var(--fg);font-size:12px;line-height:1.2;font-weight:600}.interactive-chart-labels{display:flex;justify-content:space-between;gap:12px;color:var(--fg-muted);font-size:10px;line-height:1.2}.interactive-distribution{display:flex;flex-direction:column}.interactive-distribution-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,96px) auto;align-items:center;gap:12px;width:100%;min-height:50px;padding:12px 16px;border:0;border-top:1px solid var(--border-subtle);background:var(--bg);color:var(--fg);text-align:left;cursor:default}.interactive-distribution-row.active,.interactive-distribution-row:hover{background:var(--surface-hover)}.interactive-distribution-row:focus-visible{z-index:1;outline:2px solid var(--brand-green);outline-offset:-2px}.interactive-distribution-name{display:flex;align-items:center;gap:8px;min-width:0}.interactive-distribution-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.interactive-distribution-meter{height:6px;border-radius:999px;background:var(--neutral-150);overflow:hidden}.interactive-distribution-meter span{display:block;height:100%;border-radius:inherit;background:var(--brand-green)}.interactive-distribution-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg)}.interactive-distribution-tooltip{position:absolute;right:48px;top:50%;z-index:2;min-width:150px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);box-shadow:var(--shadow-popover);transform:translateY(-50%);pointer-events:none}.bar-chart{height:260px;padding:18px 16px 12px;display:flex;align-items:flex-end;gap:6px;border-top:1px solid var(--border-subtle)}.bar-chart.compact{height:190px}.bar-slot{flex:1 1;min-width:10px;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:8px}.bar-slot .bar{min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--brand-green),var(--chart-green-end))}.bar-slot span{height:28px;font-size:10px;line-height:1.2;color:var(--fg-muted);text-align:center;overflow:hidden}.line-chart{height:260px;padding:18px 16px 12px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.line-chart.compact{height:190px}.line-chart svg{flex:1 1;width:100%;min-height:0;overflow:visible}.line-chart .line-area{fill:color-mix(in srgb,var(--brand-green) 18%,transparent)}.line-chart .line-stroke{fill:none;stroke:var(--brand-green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.line-chart-labels{display:flex;justify-content:space-between;gap:12px;color:var(--fg-muted);font-size:10px;line-height:1.2}.dimension-list{display:flex;flex-direction:column}.dimension-row{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--border-subtle)}.dimension-name{display:flex;align-items:center;gap:8px;min-width:0}.dimension-name>span:not(.badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.dimension-meter{height:6px;border-radius:999px;background:var(--neutral-150);overflow:hidden}.dimension-meter span{display:block;height:100%;background:var(--brand-green);border-radius:inherit}.canvas-page{background:var(--neutral-100);min-height:100vh;padding:32px}.canvas-page .canvas-h{max-width:1280px;margin:0 auto 16px;display:flex;align-items:center;gap:12px}.canvas-page .canvas-h .t{font-size:22px;font-weight:600}.canvas-page .canvas-h .s{font-size:13px;color:var(--fg-muted)}.canvas-page .canvas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(640px,1fr));gap:28px}.canvas-tile{background:var(--bg);border-radius:10px;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border)}.canvas-tile .label{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--bg-subtle)}.canvas-tile .label .num{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted)}.canvas-tile .label .name{font-size:13px;font-weight:600}.canvas-tile .frame{width:1280px;height:800px;transform:scale(.5);transform-origin:top left}.canvas-tile .frame-wrap{width:640px;height:400px;overflow:hidden;pointer-events:none}.menu-toggle{display:none;width:32px;height:32px;border:0;background:transparent;border-radius:6px;cursor:pointer;color:var(--fg-secondary);align-items:center;justify-content:center}.menu-toggle:hover{background:var(--surface-hover);color:var(--fg)}.scrim{display:none}.permission-list{display:flex;flex-wrap:wrap;gap:6px 12px}.check-row{align-items:center;color:var(--fg-muted);display:inline-flex;font-size:12px;gap:6px;line-height:1.3;min-height:24px}.check-row input{margin:0}.permission-grid{border-top:1px solid var(--border-subtle);display:grid;gap:8px;padding-top:12px}.permission-accordion{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-subtle)}.accordion-item:last-child{border-bottom:0}.accordion-header{margin:0}.accordion-trigger{align-items:center;background:var(--bg-subtle);border:0;color:var(--fg);cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.accordion-trigger:hover{background:var(--surface-hover)}.accordion-chevron{color:var(--fg-muted);transition:transform var(--dur-fast) var(--ease-out)}.accordion-trigger[data-state=open] .accordion-chevron{transform:rotate(180deg)}.accordion-content{overflow:hidden}.accordion-content-inner{padding:12px}.permission-layout{display:grid;gap:20px}.permission-section{border:1px solid var(--border-subtle);border-radius:8px;display:grid;overflow:hidden}.permission-section-title{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);color:var(--fg);font-size:13px;font-weight:600;padding:10px 12px}.permission-section>.muted,.permission-section>.permission-group-list{margin:12px}.permission-section>.permission-agent-accordion{margin:0}.permission-group-list{display:grid;gap:8px}.permission-group-row{align-items:center;display:grid;gap:10px;grid-template-columns:132px minmax(0,1fr)}.permission-group-label{color:var(--fg);font-size:13px;font-weight:700}.permission-token-list{display:flex;flex-wrap:wrap;gap:6px}.permission-token{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);display:inline-flex;font-family:var(--font-mono);font-size:12px;gap:6px;min-height:28px;padding:0 8px}.permission-token input{margin:0}.permission-agent-accordion{border-top:0}.permission-agent-item{border-bottom:1px solid var(--border-subtle)}.permission-agent-item:last-child{border-bottom:0}.permission-agent-trigger{background:transparent;padding:12px}.permission-agent-trigger:hover{background:transparent}.permission-agent-item .accordion-content-inner{display:grid;gap:12px;padding:0 12px 14px}.permission-agent-title{align-items:center;color:var(--fg);display:flex;font-size:13px;font-weight:500;gap:8px}.detail-list{display:grid;gap:10px;margin:0}.detail-list div{display:grid;gap:8px;grid-template-columns:120px minmax(0,1fr)}.detail-list dt{color:var(--fg-muted);font-size:12px}.detail-list dd{margin:0}.table tbody tr.disabled-row{color:var(--fg-muted)}.table tbody tr.disabled-row td{background:var(--bg-subtle)}.boxed-form{border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:12px;padding:12px}.badge-row,.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.login-note{color:var(--fg-muted);font-size:12px;margin-top:10px}@media (max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:56px 1fr}.menu-toggle{display:inline-grid}.detail-list div,.permission-group-row{grid-template-columns:1fr}.app .sidebar{position:fixed;top:56px;left:0;bottom:0;width:280px;max-width:88vw;z-index:30;transform:translateX(-100%);transition:transform .18s ease;box-shadow:0 8px 24px rgba(0,0,0,.12)}.app.menu-open .sidebar{transform:translateX(0)}.app.menu-open .scrim{display:block;position:fixed;inset:56px 0 0 0;background:var(--mobile-scrim);z-index:20}.topbar{padding:0 8px;gap:6px}.topbar .divider{display:none}.topbar .switcher{min-width:0;width:140px;max-width:140px;padding:0 6px;height:30px}.topbar .brand-name,.topbar .switcher .meta{display:none}.page-header{flex-wrap:wrap;gap:12px;padding:16px}.page-header .actions{width:100%;flex-wrap:wrap}.page-header .actions .btn{flex:1 1 auto;justify-content:center}.page-body{padding:0 12px 24px}.settings-tabs-bar{align-items:stretch;flex-direction:column;gap:10px;padding-top:8px}.settings-tabs-bar .btn{width:100%;justify-content:center}.ui-tabs-list{width:100%;overflow-x:auto}.ui-tabs-trigger{flex:1 1;justify-content:center}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%;justify-content:center}.form-grid{grid-template-columns:1fr;gap:12px;padding:16px}.form-grid .fg-fields,.form-stack{max-width:none}.form-grid .fg-fields:has(.table){overflow-x:auto;padding-bottom:2px}.credential-form-grid,.form-row{grid-template-columns:1fr}.credential-form-grid{padding:16px}.credential-form-actions{justify-content:stretch}.credential-form-actions .btn{width:100%;justify-content:center}.save-bar{align-items:stretch;flex-direction:column}.save-bar .btn{width:100%;justify-content:center}.card:has(>.table),.table-wrap{overflow-x:auto}.card .table,.table-wrap .table{min-width:100%}.table .hide-compact{display:none}.card-header{flex-wrap:wrap}.card-header .card-header-action{margin-left:0}.runtime-detail-actions{width:100%;margin-left:0}.runtime-detail-actions .btn{justify-content:center}.runtime-detail-grid{grid-template-columns:1fr 1fr}.runtime-aws-links,.runtime-diagnostic-panel{grid-template-columns:1fr}.runtime-detail-item{border-bottom:1px solid var(--border-subtle)}.runtime-detail-item:nth-child(4n){border-right:1px solid var(--border-subtle)}.runtime-detail-item:nth-child(2n){border-right:0}.runtime-detail-item:nth-last-child(-n+2){border-bottom:0}.runtime-id-full code{max-width:100%;overflow:hidden;text-overflow:ellipsis}.toolbar{flex-wrap:wrap;gap:8px;padding:10px}.toolbar>*{min-width:0}.card [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.metrics-row{grid-template-columns:1fr 1fr}.metrics-row .stat:nth-child(2){border-right:0}.metrics-row .stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.metrics-row.metrics-row-compact .stat:nth-child(-n+2){border-bottom:0}.metrics-row.analytics-kpis .stat:nth-child(2n){border-right:0}.metrics-row.analytics-kpis .stat:nth-child(-n+6){border-bottom:1px solid var(--border)}.split{grid-template-columns:1fr}.agent-overview-grid{grid-template-columns:1fr 1fr}.agent-overview-grid .overview-main,.agent-overview-grid .overview-side{grid-column:1/-1;grid-row:auto}.analytics-grid{grid-template-columns:1fr}.analytics-filters{align-items:stretch}.analytics-filters .btn{width:100%;justify-content:center}}@media (max-width:520px){.topbar .brand{display:none}.topbar .switcher{flex:1 1;width:auto;max-width:none}.topbar .switcher.create .label{max-width:76px}.page-header .title{font-size:18px}.page-header .actions .btn{flex-basis:100%}.copy-field{align-items:stretch}.metrics-row,.metrics-row.metrics-row-compact{grid-template-columns:1fr}.metrics-row .stat{border-right:0;border-bottom:1px solid var(--border)}.metrics-row .stat:last-child{border-bottom:0}.runtime-detail-grid{grid-template-columns:1fr}.runtime-aws-links,.runtime-diagnostic-panel{padding:12px}.runtime-detail-item,.runtime-detail-item:nth-child(2n),.runtime-detail-item:nth-child(4n){border-right:0}.runtime-detail-item{border-bottom:1px solid var(--border-subtle)}.runtime-detail-item:last-child{border-bottom:0}.dimension-row{grid-template-columns:1fr}}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.muted{color:var(--fg-muted)}.main.no-shell{min-height:100vh}.mobile-cards{display:none}@media (max-width:900px){.mobile-cards{display:grid;gap:12px;margin-top:12px}.desktop-table{display:none}}