@charset "UTF-8";:root{--brand-beluga: #f5f7f5;--brand-koopa-green: #35b94a;--brand-zinc-dust: #5b625b;--brand-black-lacquer: #171a17;--brand-dynamic-black: #171a17;--brand-whitent: #171a17;--primary: #35b94a;--primary-dark: #279638;--primary-hover: #279638;--primary-active: #207e2f;--primary-light: #eaf5ea;--primary-subtle: rgba(53, 185, 74, .16);--secondary: #5b625b;--secondary-hover: #464c46;--secondary-subtle: rgba(91, 98, 91, .12);--bg-canvas: #f5f7f5;--bg-sidebar: #ffffff;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-surface-hover: #eaf5ea;--bg-surface-active: #eaf5ea;--bg-card: #ffffff;--bg-input: #ffffff;--bg-code: #f5f7f5;--bg-mint-soft: #eaf5ea;--bg-mint-subtle: #eaf5ea;--bg-mint-badge: #eaf5ea;--border-mint: #dde3dd;--border-subtle: #dde3dd;--border-default: #dde3dd;--border-card: #dde3dd;--border-focus: #35b94a;--text-main: #171a17;--text-muted: #5b625b;--text-dim: #7a827a;--text-light: #9ea59e;--success: #279638;--success-bg: #eaf5ea;--success-border: #bfe3bf;--warning: #d97706;--warning-bg: #fffbeb;--warning-border: #fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--info: #0284c7;--info-bg: #f0f9ff;--info-border: #bae6fd;--method-get-bg: #eaf5ea;--method-get-text: #279638;--method-get-border: #bfe3bf;--method-post-bg: #f0f9ff;--method-post-text: #0284c7;--method-post-border: #bae6fd;--method-put-bg: #fffbeb;--method-put-text: #d97706;--method-put-border: #fde68a;--method-delete-bg: #fef2f2;--method-delete-text: #dc2626;--method-delete-border: #fecaca;--method-patch-bg: #faf5ff;--method-patch-text: #7e22ce;--method-patch-border: #e9d5ff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace;--shadow-subtle: 0 1px 2px 0 rgba(23, 26, 23, .05);--shadow-card: 0 1px 3px 0 rgba(23, 26, 23, .06), 0 1px 2px -1px rgba(23, 26, 23, .03);--shadow-elevated: 0 4px 12px -2px rgba(23, 26, 23, .08);--hero-heading-gradient: linear-gradient(135deg, #171a17 20%, #279638 100%);--hero-grid-stroke: rgba(23, 26, 23, .035);--hero-glow-display: none;--cta-card-bg: #ffffff;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .2s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light],body.light-theme{--brand-beluga: #f5f7f5;--brand-koopa-green: #35b94a;--brand-zinc-dust: #5b625b;--brand-black-lacquer: #171a17;--brand-dynamic-black: #171a17;--brand-whitent: #171a17;--primary: #35b94a;--primary-dark: #279638;--primary-hover: #279638;--primary-active: #207e2f;--primary-light: #eaf5ea;--primary-subtle: rgba(53, 185, 74, .16);--secondary: #5b625b;--secondary-hover: #464c46;--secondary-subtle: rgba(91, 98, 91, .12);--bg-canvas: #f5f7f5;--bg-sidebar: #ffffff;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-surface-hover: #eaf5ea;--bg-surface-active: #eaf5ea;--bg-card: #ffffff;--bg-input: #ffffff;--bg-code: #f5f7f5;--bg-mint-soft: #eaf5ea;--bg-mint-subtle: #eaf5ea;--bg-mint-badge: #eaf5ea;--border-mint: #dde3dd;--border-subtle: #dde3dd;--border-default: #dde3dd;--border-card: #dde3dd;--border-focus: #35b94a;--text-main: #171a17;--text-muted: #5b625b;--text-dim: #7a827a;--text-light: #9ea59e;--success: #279638;--success-bg: #eaf5ea;--success-border: #bfe3bf;--warning: #d97706;--warning-bg: #fffbeb;--warning-border: #fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--info: #0284c7;--info-bg: #f0f9ff;--info-border: #bae6fd;--method-get-bg: #eaf5ea;--method-get-text: #279638;--method-get-border: #bfe3bf;--method-post-bg: #f0f9ff;--method-post-text: #0284c7;--method-post-border: #bae6fd;--method-put-bg: #fffbeb;--method-put-text: #d97706;--method-put-border: #fde68a;--method-delete-bg: #fef2f2;--method-delete-text: #dc2626;--method-delete-border: #fecaca;--method-patch-bg: #faf5ff;--method-patch-text: #7e22ce;--method-patch-border: #e9d5ff;--shadow-subtle: 0 1px 2px 0 rgba(23, 26, 23, .05);--shadow-card: 0 1px 3px 0 rgba(23, 26, 23, .06), 0 1px 2px -1px rgba(23, 26, 23, .03);--shadow-elevated: 0 4px 12px -2px rgba(23, 26, 23, .08);--hero-heading-gradient: linear-gradient(135deg, #171a17 20%, #279638 100%);--hero-grid-stroke: rgba(23, 26, 23, .035);--hero-glow-display: none;--cta-card-bg: #ffffff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas: #060c06;--bg-sidebar: #1e1e1e;--bg-surface: #1e1e1e;--bg-surface-elevated: #3e3f3e;--bg-surface-hover: #2c2d2c;--bg-surface-active: rgba(84, 199, 80, .14);--bg-card: #3e3f3e;--bg-input: #262726;--bg-code: #121412;--bg-mint-soft: rgba(84, 199, 80, .14);--bg-mint-subtle: rgba(84, 199, 80, .24);--bg-mint-badge: rgba(84, 199, 80, .2);--border-mint: rgba(84, 199, 80, .35);--primary: #54c750;--primary-dark: #3fa63c;--primary-hover: #62d95e;--primary-active: #399636;--primary-light: rgba(84, 199, 80, .14);--primary-subtle: rgba(84, 199, 80, .26);--secondary: #5b5b5b;--secondary-hover: #727272;--secondary-subtle: rgba(91, 91, 91, .25);--text-main: #f0f2f0;--text-muted: #a8aaa8;--text-dim: #7e807e;--text-light: #5b5b5b;--border-subtle: #2b2d2b;--border-default: #3e3f3e;--border-card: #3e3f3e;--border-focus: #54c750;--success: #54c750;--success-bg: rgba(84, 199, 80, .14);--success-border: rgba(84, 199, 80, .35);--warning: #fbbf24;--warning-bg: rgba(245, 158, 11, .14);--warning-border: rgba(251, 191, 36, .3);--danger: #f87171;--danger-bg: rgba(239, 68, 68, .16);--danger-border: rgba(248, 113, 113, .3);--info: #38bdf8;--info-bg: rgba(56, 189, 248, .14);--info-border: rgba(56, 189, 248, .3);--method-get-bg: rgba(84, 199, 80, .15);--method-get-text: #54c750;--method-get-border: rgba(84, 199, 80, .35);--method-post-bg: rgba(56, 189, 248, .15);--method-post-text: #38bdf8;--method-post-border: rgba(56, 189, 248, .35);--method-put-bg: rgba(245, 158, 11, .15);--method-put-text: #fbbf24;--method-put-border: rgba(245, 158, 11, .35);--method-delete-bg: rgba(239, 68, 68, .15);--method-delete-text: #f87171;--method-delete-border: rgba(239, 68, 68, .35);--method-patch-bg: rgba(168, 85, 247, .15);--method-patch-text: #c084fc;--method-patch-border: rgba(168, 85, 247, .35);--shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-elevated: 0 4px 8px -1px rgba(0, 0, 0, .5);--hero-heading-gradient: linear-gradient(135deg, #f0f2f0 30%, #54c750 100%);--hero-grid-stroke: rgba(255, 255, 255, .035);--hero-glow-display: block;--cta-card-bg: radial-gradient(circle at 50% 10%, rgba(84, 199, 80, .12) 0%, var(--bg-surface) 70%)}}:root[data-theme=dark],body.dark-theme{--bg-canvas: #060c06;--bg-sidebar: #1e1e1e;--bg-surface: #1e1e1e;--bg-surface-elevated: #3e3f3e;--bg-surface-hover: #2c2d2c;--bg-surface-active: rgba(84, 199, 80, .14);--bg-card: #3e3f3e;--bg-input: #262726;--bg-code: #121412;--bg-mint-soft: rgba(84, 199, 80, .14);--bg-mint-subtle: rgba(84, 199, 80, .24);--bg-mint-badge: rgba(84, 199, 80, .2);--border-mint: rgba(84, 199, 80, .35);--primary: #54c750;--primary-dark: #3fa63c;--primary-hover: #62d95e;--primary-active: #399636;--primary-light: rgba(84, 199, 80, .14);--primary-subtle: rgba(84, 199, 80, .26);--secondary: #5b5b5b;--secondary-hover: #727272;--secondary-subtle: rgba(91, 91, 91, .25);--text-main: #f0f2f0;--text-muted: #a8aaa8;--text-dim: #7e807e;--text-light: #5b5b5b;--border-subtle: #2b2d2b;--border-default: #3e3f3e;--border-card: #3e3f3e;--border-focus: #54c750;--success: #54c750;--success-bg: rgba(84, 199, 80, .14);--success-border: rgba(84, 199, 80, .35);--warning: #fbbf24;--warning-bg: rgba(245, 158, 11, .14);--warning-border: rgba(251, 191, 36, .3);--danger: #f87171;--danger-bg: rgba(239, 68, 68, .16);--danger-border: rgba(248, 113, 113, .3);--info: #38bdf8;--info-bg: rgba(56, 189, 248, .14);--info-border: rgba(56, 189, 248, .3);--method-get-bg: rgba(84, 199, 80, .15);--method-get-text: #54c750;--method-get-border: rgba(84, 199, 80, .35);--method-post-bg: rgba(56, 189, 248, .15);--method-post-text: #38bdf8;--method-post-border: rgba(56, 189, 248, .35);--method-put-bg: rgba(245, 158, 11, .15);--method-put-text: #fbbf24;--method-put-border: rgba(245, 158, 11, .35);--method-delete-bg: rgba(239, 68, 68, .15);--method-delete-text: #f87171;--method-delete-border: rgba(239, 68, 68, .35);--method-patch-bg: rgba(168, 85, 247, .15);--method-patch-text: #c084fc;--method-patch-border: rgba(168, 85, 247, .35);--shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-elevated: 0 4px 8px -1px rgba(0, 0, 0, .5);--hero-heading-gradient: linear-gradient(135deg, #f0f2f0 30%, #54c750 100%);--hero-grid-stroke: rgba(255, 255, 255, .035);--hero-glow-display: block;--cta-card-bg: radial-gradient(circle at 50% 10%, rgba(84, 199, 80, .12) 0%, var(--bg-surface) 70%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{max-width:100%;overflow-x:clip;scroll-padding-top:120px}body.mockpilot-friendly-utility{background-color:var(--bg-canvas);color:var(--text-main);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;max-width:100%;overflow-x:clip}img,svg{max-width:100%}pre{max-width:100%;box-sizing:border-box}code{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.utility-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:8px;box-shadow:var(--shadow-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;outline:none;font-family:var(--font-sans);line-height:1.25}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--primary)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}:root[data-theme=dark] .btn-primary,body.dark-theme .btn-primary{color:#060c06}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{color:#060c06}}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-focus)}.btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--border-default)}.btn-outline:hover:not(:disabled){background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.btn-accent{background:var(--bg-surface-elevated);color:var(--primary);border:1px solid var(--border-default);font-weight:600}.btn-accent:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-focus)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover:not(:disabled){opacity:.9;border-color:var(--danger)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-xs{padding:4px 8px;font-size:.75rem;border-radius:4px}.form-input,.form-select{background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;padding:8px 12px;font-size:.85rem;color:var(--text-main);outline:none;font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle)}.form-input.has-error,.form-select.has-error{border-color:var(--danger)}.badge-method{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:4px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent}.badge-method.get{background:var(--method-get-bg);color:var(--method-get-text);border-color:var(--method-get-border)}.badge-method.post{background:var(--method-post-bg);color:var(--method-post-text);border-color:var(--method-post-border)}.badge-method.put{background:var(--method-put-bg);color:var(--method-put-text);border-color:var(--method-put-border)}.badge-method.delete{background:var(--method-delete-bg);color:var(--method-delete-text);border-color:var(--method-delete-border)}.badge-method.patch{background:var(--method-patch-bg);color:var(--method-patch-text);border-color:var(--method-patch-border)}.status-code-pill{font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.status-code-pill.success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.status-code-pill.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.status-code-pill.warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.status-code-pill.info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.context-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.72rem;font-weight:500;background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.context-tag.mint,.context-tag.brand,.context-tag.green{background:var(--primary-light);color:var(--primary);border-color:var(--primary-subtle)}.context-tag.accent{background:#5b5b5b33;color:var(--text-main);border-color:var(--border-default)}.context-tag.amber{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.context-tag.rose{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.switch-wrapper{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-toggle{width:38px;height:22px;background:var(--border-default);border-radius:22px;padding:2px;transition:background var(--transition-fast);display:flex;align-items:center;flex-shrink:0}.switch-toggle.checked{background:var(--primary)}.switch-thumb{width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;transition:transform var(--transition-fast);transform:translate(0)}.switch-thumb.checked{transform:translate(16px)}.switch-label-text{font-size:.85rem;font-weight:600;color:var(--text-main)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(84,199,80,.25);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;flex-shrink:0;box-sizing:border-box}.btn-primary .spinner{border-color:#060c0640;border-top-color:var(--brand-whitent)}.btn-secondary .spinner,.btn-outline .spinner{border-color:var(--border-subtle);border-top-color:currentColor}.btn-danger .spinner{border-color:#dc262640;border-top-color:var(--danger)}.endpoints-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 12px;color:var(--text-muted);font-size:.82rem}@keyframes spin{to{transform:rotate(360deg)}}ng-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1}ng-icon svg{width:100%;height:100%;stroke-width:2px}
