:root{--bg: #0b0c0f;--surface: #121419;--surface-raised: #171a21;--surface-hover: #1c2029;--surface-active: #222732;--overlay: rgba(6, 7, 10, .72);--border: #23262f;--border-strong: #333846;--text: #e6e8ee;--text-secondary: #9ba1b0;--text-muted: #6b7180;--text-inverse: #0b0c0f;--accent: #7c6cf5;--accent-hover: #8f81f7;--accent-active: #6a58f0;--accent-subtle: rgba(124, 108, 245, .14);--accent-border: rgba(124, 108, 245, .4);--accent-text: #b9b0ff;--method-get-fg: #6fb3f5;--method-get-bg: rgba(111, 179, 245, .14);--method-post-fg: #62c98b;--method-post-bg: rgba(98, 201, 139, .14);--method-put-fg: #e0b055;--method-put-bg: rgba(224, 176, 85, .14);--method-patch-fg: #b28bf0;--method-patch-bg: rgba(178, 139, 240, .14);--method-delete-fg: #ef7070;--method-delete-bg: rgba(239, 112, 112, .14);--method-other-fg: #9ba1b0;--method-other-bg: rgba(155, 161, 176, .12);--status-2xx: #62c98b;--status-3xx: #6fb3f5;--status-4xx: #e0b055;--status-5xx: #ef7070;--danger: #ef7070;--danger-bg: rgba(239, 112, 112, .12);--success: #62c98b;--warning: #e0b055;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", monospace;--text-3xs: .6875rem;--text-2xs: .75rem;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--leading-tight: 1.25;--leading-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .45);--ease: cubic-bezier(.2, 0, .2, 1);--duration: .12s;--duration-flash: .24s;--rail-width: 260px;--detail-width: 460px;--header-height: 52px}:root[data-theme=light]{--bg: #f6f7f9;--surface: #ffffff;--surface-raised: #ffffff;--surface-hover: #f1f2f6;--surface-active: #e7e9ef;--overlay: rgba(20, 22, 28, .4);--border: #e2e5ec;--border-strong: #cbd0da;--text: #14161c;--text-secondary: #565d6d;--text-muted: #858c9b;--text-inverse: #ffffff;--accent: #5b48e0;--accent-hover: #4c3ad4;--accent-active: #4231c2;--accent-subtle: rgba(91, 72, 224, .1);--accent-border: rgba(91, 72, 224, .35);--accent-text: #4c3ad4;--method-get-fg: #1c6fc4;--method-get-bg: rgba(28, 111, 196, .1);--method-post-fg: #1a7f45;--method-post-bg: rgba(26, 127, 69, .1);--method-put-fg: #99680b;--method-put-bg: rgba(153, 104, 11, .1);--method-patch-fg: #6c3fc0;--method-patch-bg: rgba(108, 63, 192, .1);--method-delete-fg: #c53434;--method-delete-bg: rgba(197, 52, 52, .1);--method-other-fg: #565d6d;--method-other-bg: rgba(86, 93, 109, .1);--status-2xx: #1a7f45;--status-3xx: #1c6fc4;--status-4xx: #99680b;--status-5xx: #c53434;--danger: #c53434;--danger-bg: rgba(197, 52, 52, .08);--success: #1a7f45;--warning: #99680b;--shadow-1: 0 1px 2px rgba(20, 22, 28, .08);--shadow-2: 0 8px 24px rgba(20, 22, 28, .12)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,figure{margin:0}h1{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}h2{font-size:var(--text-md);font-weight:600}h3{font-size:var(--text-sm);font-weight:600}ul,ol{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--font-mono);font-variant-ligatures:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-subtle)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;border-radius:var(--radius-full);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);font-size:var(--text-xs);font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){background:var(--surface-active)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active:not(:disabled){background:var(--accent-active)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--danger{color:var(--danger);border-color:transparent;background:transparent}.btn--danger:hover:not(:disabled){background:var(--danger-bg)}.btn--sm{height:26px;padding:0 var(--space-2);font-size:var(--text-2xs)}.btn--icon{width:32px;padding:0}.btn--icon.btn--sm{width:26px}.badge{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-3xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--method-other-bg);color:var(--method-other-fg)}.badge--get{background:var(--method-get-bg);color:var(--method-get-fg)}.badge--post{background:var(--method-post-bg);color:var(--method-post-fg)}.badge--put{background:var(--method-put-bg);color:var(--method-put-fg)}.badge--patch{background:var(--method-patch-bg);color:var(--method-patch-fg)}.badge--delete{background:var(--method-delete-bg);color:var(--method-delete-fg)}.badge--head,.badge--options{background:var(--method-other-bg);color:var(--method-other-fg)}.status{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600}.status--2xx{color:var(--status-2xx)}.status--3xx{color:var(--status-3xx)}.status--4xx{color:var(--status-4xx)}.status--5xx{color:var(--status-5xx)}.status-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--text-muted);flex:none}.status-dot--connected{background:var(--success)}.status-dot--reconnecting{background:var(--warning);animation:pulse 1.4s ease-in-out infinite}.status-dot--disconnected{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.chip{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--surface-active);color:var(--text-secondary);font-size:var(--text-2xs)}.chip--accent{background:var(--accent-subtle);color:var(--accent-text)}.input,.select,.textarea{width:100%;padding:0 var(--space-3);height:32px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-xs);transition:border-color var(--duration) var(--ease)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.textarea{height:auto;min-height:96px;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);line-height:var(--leading-normal);resize:vertical}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-2xs);font-weight:500;color:var(--text-secondary)}.field__hint{font-size:var(--text-2xs);color:var(--text-muted)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-xs)}.checkbox input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.tab-strip{position:relative;min-width:0}.tab-scroll{position:absolute;top:0;bottom:1px;width:30px;display:grid;place-items:center;padding:0;border:none;color:var(--text-secondary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease),color var(--duration) var(--ease)}.tab-scroll--visible{opacity:1;pointer-events:auto}.tab-scroll:hover{color:var(--text)}.tab-scroll--left{left:0;background:linear-gradient(to right,var(--surface) 55%,transparent)}.tab-scroll--right{right:0;background:linear-gradient(to left,var(--surface) 55%,transparent)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);padding:0 var(--space-3);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__tab{position:relative;padding:var(--space-3) var(--space-3);border:none;background:none;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--duration) var(--ease)}.tabs__tab:hover,.tabs__tab--active{color:var(--text)}.tabs__tab--active:after{content:"";position:absolute;inset-inline:var(--space-2);bottom:0;height:2px;background:var(--accent);border-radius:var(--radius-full)}.kv-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--text-2xs)}.kv-table tr+tr td{border-top:1px solid var(--border)}.kv-table td{padding:var(--space-2) var(--space-3);vertical-align:top;word-break:break-word}.kv-table__key{width:34%;color:var(--text-secondary);white-space:nowrap}.kv-table__value{color:var(--text)}.kv-table__redacted{color:var(--text-muted);font-style:italic}.code-block{margin:0;padding:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.6;color:var(--text);overflow:auto;white-space:pre-wrap;word-break:break-word}.json-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:1px var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.7;border-radius:var(--radius-sm);cursor:default}.json-row--expandable{cursor:pointer}.json-row--expandable:hover{background:var(--surface-hover)}.json-row__toggle{width:12px;flex:none;color:var(--text-muted);text-align:center;-webkit-user-select:none;user-select:none}.json-row__key{color:var(--method-patch-fg)}.json-row__colon{color:var(--text-muted)}.json-row__string{color:var(--method-post-fg)}.json-row__number{color:var(--method-put-fg)}.json-row__boolean{color:var(--method-get-fg)}.json-row__null{color:var(--text-muted);font-style:italic}.json-row__bracket{color:var(--text-secondary)}.json-row__count{color:var(--text-muted);font-size:var(--text-3xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-muted)}.empty-state__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.empty-state__body{font-size:var(--text-xs);max-width:42ch;line-height:var(--leading-normal)}.toasts{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:100}.toast{display:flex;align-items:center;gap:var(--space-2);min-width:220px;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);font-size:var(--text-xs);animation:toast-in var(--duration-flash) var(--ease)}.toast--error{border-color:var(--danger);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--text-muted)}.hint{margin:0;color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.secondary{color:var(--text-secondary)}.mono-sm{font-family:var(--font-mono);font-size:var(--text-2xs)}.spacer{flex:1}.row{display:flex;align-items:center;gap:var(--space-2)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.shell{display:grid;grid-template-rows:var(--header-height) 1fr;height:100vh;overflow:hidden}.shell__header{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--surface)}.shell__body{display:grid;grid-template-columns:var(--rail-width) 1fr;min-height:0}router-outlet{display:none}.rail{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface)}.rail__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border)}.rail__title{font-size:var(--text-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.rail__list{flex:1;overflow-y:auto;padding:var(--space-2)}.workspace{display:grid;grid-template-columns:1fr var(--detail-width);min-width:0;min-height:0}.workspace--no-detail{grid-template-columns:1fr}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane--detail{position:relative;border-left:1px solid var(--border);background:var(--surface)}.pane__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);min-height:48px}.pane__scroll{flex:1;overflow-y:auto}.pane__section{padding:var(--space-4)}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.pane--detail{position:fixed;inset:0 0 0 auto;width:min(var(--detail-width),100vw);z-index:50;box-shadow:var(--shadow-2);animation:drawer-in var(--duration-flash) var(--ease)}}@media(max-width:760px){.shell__body{grid-template-columns:1fr}.rail{display:none}}@keyframes drawer-in{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.pane-resizer{position:absolute;top:0;bottom:0;left:-4px;width:9px;z-index:6;cursor:col-resize;background:transparent;touch-action:none}.pane-resizer:after{content:"";position:absolute;inset-block:0;left:4px;width:2px;background:transparent;transition:background var(--duration) var(--ease)}.pane-resizer:hover:after,.pane-resizer:focus-visible:after,.pane-resizer:active:after{background:var(--accent)}.pane-resizer:focus-visible{outline:none}.resizing,.resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);letter-spacing:-.01em;color:var(--text)}.brand:hover{text-decoration:none}.brand__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent)}.bin-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.bin-item:hover{background:var(--surface-hover);color:var(--text)}.bin-item--active{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--text)}.bin-item__body{min-width:0;flex:1}.bin-item__name{display:block;font-size:var(--text-xs);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bin-item__id{display:block;font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--text-muted)}.bin-url{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0}.bin-url__value{flex:1;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}.filterbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.filterbar .input,.filterbar .select{height:28px}.filterbar__search{flex:1;min-width:120px}.filterbar__method{width:132px}.filterbar__status{width:120px}.request-list{flex:1;overflow-y:auto}.request-row{display:grid;grid-template-columns:68px 1fr auto auto auto;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);border:none;border-bottom:1px solid var(--border);background:none;color:inherit;text-align:left;cursor:pointer;transition:background var(--duration) var(--ease)}.request-row:hover{background:var(--surface-hover)}.request-row--selected{background:var(--accent-subtle)}.request-row--fresh{animation:row-flash 1.2s var(--ease)}.request-row__path{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-row__preview{display:block;font-size:var(--text-3xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-row__meta{font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--text-muted);white-space:nowrap}@keyframes row-flash{0%{background:var(--accent-subtle)}to{background:transparent}}.new-pill{position:absolute;top:var(--space-3);left:50%;transform:translate(-50%);z-index:10;animation:toast-in var(--duration-flash) var(--ease)}.pane__scroll--relative{position:relative}.detail-section{padding:var(--space-4)}.detail-section+.detail-section{border-top:1px solid var(--border)}.detail-section__title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.verdict{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600}.verdict--valid{background:#62c98b1f;color:var(--success)}.verdict--invalid{background:var(--danger-bg);color:var(--danger)}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);height:100%;padding:var(--space-8);text-align:center}.landing__title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.landing__body{max-width:52ch;color:var(--text-secondary);line-height:var(--leading-normal)}.token-callout{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--accent-border);background:var(--accent-subtle);border-radius:var(--radius-md);text-align:left}.token-callout__label{font-size:var(--text-2xs);font-weight:600;color:var(--accent-text)}.token-callout__value{font-family:var(--font-mono);font-size:var(--text-2xs);word-break:break-all;-webkit-user-select:all;user-select:all}