/* Signed-in workbench. Warm light surfaces, teal selection, T3 mark. */
@font-face{font-family:Inter;src:url("fonts/inter-400.73aaa95eab31.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/inter-500.96948ea7ac03.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/inter-600.0bf7eadca131.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/inter-700.2a4c97ec45ef.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrains-mono-400.0062bf1cab80.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrains-mono-500.b1734e00c40a.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

body.signed-in{
  --canvas:#f6f4ef;--surface:#fbfaf7;--ink:#1c1916;--muted:#5c574f;--line:#e4dfd6;
  --blue:#1d4ed8;--blue-hover:#1e40af;--primary-fill:#146dc0;--primary-ink:#fff;
  --sidebar-bg:#f7f5f1;--sidebar-ink:#1c1916;--sidebar-muted:#5c574f;--sidebar-hover:#efece6;--sidebar-line:#e4dfd6;
  --header-bg:#f6f4ef;--nav-active:#e5f4f0;--nav-active-ink:#0c5c52;
  --code-bg:#f3f0e8;--code-ink:#1c1916;--hover:#f3f0ea;--control-bg:#fff;--control-border:#ddd6cb;
  --focus:#0f6e63;--selection:#d7efe9;--selection-ink:#14332e;
  --success:#0f6e63;--success-bg:#e5f4f0;--acc:#0b8a7a;--acc-ink:#0c5c52;--acc-soft:#e5f4f0;
  --link:#1d4ed8;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--canvas);color:var(--ink);
}
html[data-theme=dark] body.signed-in{
  --canvas:#141311;--surface:#1c1b19;--ink:#f4f1ea;--muted:#c4beb4;--line:#322f2a;
  --blue:#9db4ff;--blue-hover:#c5d2ff;--sidebar-bg:#191816;--sidebar-ink:#f4f1ea;--sidebar-muted:#c4beb4;--sidebar-hover:#262420;--sidebar-line:#322f2a;
  --header-bg:#141311;--nav-active:#16332e;--nav-active-ink:#b7efe4;
  --code-bg:#1a1917;--code-ink:#f4f1ea;--hover:#221f1c;--control-bg:#1c1b19;--control-border:#3a3630;
  --focus:#6fd3c3;--selection:#1d3f38;--selection-ink:#f4f1ea;
  --success:#8ee0d2;--success-bg:#14332e;--acc:#6fd3c3;--acc-ink:#d7fff6;--acc-soft:#16332e;
  --link:#9db4ff;
}
body.signed-in h1,body.signed-in h2,body.signed-in h3{font-family:Rockwell,Georgia,serif;letter-spacing:0}
body.signed-in .header-project,body.signed-in .header-workspace,body.signed-in .header-environment,body.signed-in .breadcrumb-separator,body.signed-in .breadcrumb-home{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
body.signed-in .app-frame{display:flex;flex:1;min-height:0;align-items:stretch}
body.signed-in .sidebar{position:relative;inset:auto;width:228px;height:auto;flex:none;overflow:auto;background:var(--sidebar-bg);border-right:1px solid var(--line);padding:18px 12px 12px}
body.signed-in .workspace{margin-left:0;flex:1;min-width:0;min-height:0;overflow:hidden;background:var(--canvas);display:flex;flex-direction:column}
body.signed-in .main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:auto}
body.signed-in.capture-app .workspace{overflow:hidden}
body.signed-in.capture-app .main{flex:1 1 auto;height:auto;min-height:0;padding:0;overflow:hidden}
body.signed-in .app-footer{flex:none;position:relative;z-index:4}
body.signed-in .app-top{display:flex;align-items:center;gap:16px;min-height:72px;padding:14px 32px 17px;background:var(--header-bg);position:relative;flex:none;z-index:20;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body.signed-in .app-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(to right,#2f6bff 0 33.333%,#7a3ff2 33.333% 66.666%,#ef4a4a 66.666% 100%)}
.app-mark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex:none}
.app-mark:hover,.app-mark:hover .t3-word{text-decoration:none;color:var(--ink)}
.app-mark img.t3-mark{width:28px;height:28px;display:block;flex:none;object-fit:contain;filter:none}
.app-mark img.t3-mark-dark{display:none}
html[data-theme=dark] .app-mark img.t3-mark-light{display:none}
html[data-theme=dark] .app-mark img.t3-mark-dark{display:block}
.app-mark .t3-word{font-family:Rockwell,Georgia,serif;font-weight:500;font-size:18px;letter-spacing:-.01em;line-height:1;color:var(--ink)}
.app-mark .t3-word i{font-style:normal;color:#0b8a7a}
html[data-theme=dark] .app-mark .t3-word i{color:#6fd3c3}
.app-top .header-context{flex:1;min-width:0}
body.capture-app .app-top .header-context{display:none}
.app-top-end{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}


body.signed-in .app-top .language-switcher{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
body.signed-in .app-top .language-switcher button{min-height:28px;padding:2px 8px;font-size:12px;font-weight:650;color:var(--muted)}
body.signed-in .app-top .language-switcher button[aria-pressed=true]{background:var(--acc-soft);color:var(--acc-ink);border-radius:6px}
.rail-label{margin:4px 8px 8px;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
body.signed-in .sidebar nav a[aria-current=page]{background:var(--acc-soft);color:var(--acc-ink);border-radius:10px}
body.signed-in .sidebar .nav-branch>summary:has(>a[aria-current=page]){background:transparent}
body.signed-in .sidebar .nav-branch>summary:has(>a[aria-current=page])::before{display:none}
body.signed-in .sidebar .nav-branch>summary>a[aria-current=page]{background:var(--acc-soft);color:var(--acc-ink)}
.rail-note{margin:12px 4px 8px;padding:10px 12px;border-radius:12px;background:var(--hover);color:var(--muted);font-size:12px;line-height:1.45}
.rail-note code{background:none;color:var(--ink);font-size:12px;padding:0}
body.signed-in .app-footer{background:#151413;border-top:1px solid rgba(255,255,255,.08);color:#d9d5cc}

.capture-stage{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:0;background:var(--canvas);color:var(--ink)}
.capture-grid{flex:1;display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-height:0}
.capture-stage-single .capture-grid{grid-template-columns:minmax(0,1fr)}
.capture-list-pane{border-right:1px solid var(--line);min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;background:var(--surface)}
.capture-stage-single .capture-list-pane{border-right:0}
.capture-detail-pane{min-width:0;min-height:0;overflow:auto;padding:22px 28px 32px;background:var(--canvas)}
.pane-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:16px 14px 10px}
.pane-head h1,.pane-title{margin:0;font-size:1.15rem;font-weight:650;color:var(--ink)}
.pane-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;min-width:0}
.capture-stage .connection-button,.capture-stage .poll-controls button{min-height:32px;padding:4px 8px;font-size:12px}
.capture-stage .poll-controls{gap:6px}
.capture-stage .inbox-search{position:relative}
.capture-stage .inbox-search summary{min-height:32px;padding:4px 8px;font-size:12px}
.capture-scroll{display:flex;flex-direction:column;gap:4px;padding:4px 8px 12px}
.capture-stage .capture-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start;margin:0;padding:12px 12px 12px 14px;border:0;border-radius:12px;background:transparent;color:var(--ink);text-decoration:none}
.capture-stage .capture-row:hover{background:var(--hover);text-decoration:none;color:var(--ink)}
.capture-stage .capture-row.is-selected{background:var(--acc-soft);box-shadow:inset 3px 0 0 var(--acc)}
.capture-stage .mail-icon{display:none}
.capture-stage .capture-primary strong{font-size:.95rem;font-weight:650}
.capture-stage .capture-primary span,.capture-stage .capture-primary small{color:var(--muted)}
.capture-stage .inbox-message-preview{display:flex;flex-direction:column;gap:2px}
.capture-stage .inbox-message-preview>span,.capture-stage .inbox-message-preview>small{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capture-stage .capture-meta{font-size:12px;color:var(--muted);text-align:right}
.capture-stage .request-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.capture-stage .method{border-radius:6px;font-size:11px;letter-spacing:.02em}
.capture-stage .method-post{background:#0b8a7a;color:#fff}
.capture-stage .method-get{background:#e7eefe;color:#1d4ed8}
.capture-stage .empty,.detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px;padding:32px 16px}
.detail-placeholder h2,.capture-stage .empty h2{font-size:1.15rem;font-weight:650;color:var(--ink)}
.detail-placeholder p,.capture-stage .empty p{color:var(--muted)}
.capture-foot{position:sticky;bottom:0;z-index:3;margin-top:auto;padding:10px 16px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px}
.address-grid{display:grid;gap:4px;margin:0 0 14px}
.address-grid div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;font-size:13px}
.address-grid dt{margin:0;color:var(--muted);font-weight:500}
.address-grid dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
.detail-title-row{display:flex;align-items:flex-start;gap:8px}
.detail-head h1,.capture-detail-pane h1{font-size:1.7rem;font-weight:650;margin:0 0 8px;max-width:40ch}
.status-pill{display:inline-flex;align-items:center;gap:6px;margin:8px 0 14px;padding:4px 10px;border-radius:999px;background:var(--acc-soft);color:var(--acc-ink);font-size:13px;font-weight:650}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.seg-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border:0;margin:0 0 14px;padding:0}
body .capture-stage .seg-tabs a,body .message-views .seg-tabs a{border:0;border-radius:8px;padding:6px 12px;margin:0;color:var(--muted);font-size:13px;font-weight:650;background:transparent;box-shadow:none}
body .message-views .seg-tabs a.message-labelled{width:auto;height:auto;min-height:32px;padding:6px 12px!important}
body .capture-stage .seg-tabs a[aria-current=page],body .message-views .seg-tabs a[aria-current=page]{background:#171614;color:#fff;border:0;border-bottom:0;font-weight:650}
body .capture-stage .seg-tabs a:hover,body .message-views .seg-tabs a:hover{text-decoration:none;color:var(--ink);background:transparent;border:0}
.seg-tabs svg{display:none}
.aux-tools{display:flex;flex-wrap:wrap;gap:4px}
.aux-tab{margin-left:auto}
.message-workbench{margin-bottom:8px}
.mail-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-top:8px}
.mail-card .email-preview{border:0;margin:0}
.mail-card iframe{border:0;border-radius:8px;background:#fff}
.code-callout{display:inline-flex;align-items:center;gap:12px;border:1px dashed var(--control-border);border-radius:12px;padding:12px 16px;margin:0 0 8px;background:var(--canvas)}
.code-digits{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:28px;font-weight:600;letter-spacing:.16em;color:var(--ink)}
.code-tag{background:#f6e7c8;color:#7a4e0d;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:650}
.code-context{margin:0 0 12px;color:var(--muted);font-size:13px}
.json-key{color:#0f6e63}
.json-string{color:#1b7a43}
.json-number{color:var(--ink)}
.json-literal{color:#c2610c}
html[data-theme=dark] .json-key{color:#7ee0d0}
html[data-theme=dark] .json-string{color:#8ddea8}
html[data-theme=dark] .json-literal{color:#f0b429}
html[data-theme=dark] body .capture-stage .seg-tabs a[aria-current=page],html[data-theme=dark] body .message-views .seg-tabs a[aria-current=page]{background:#f4f1ea;color:#171614}
html[data-theme=dark] .capture-stage .method-post{background:#0b8a7a;color:#fff}
html[data-theme=dark] .capture-stage .method-get{background:#1b2d48;color:#c5d4ff}
.payload-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:18px;align-items:start}
.pane-kicker{margin:0 0 8px;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.request-side{border-left:1px solid var(--line);padding-left:16px}
.header-pairs{margin:0 0 16px}
.header-pairs div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;padding:4px 0;font-size:12px}
.header-pairs dt{margin:0;color:var(--muted);font-weight:500}
.header-pairs dd{margin:0;text-align:right}
.request-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.request-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;color:var(--ink)}
.response-chip{margin-left:auto;background:var(--acc-soft);color:var(--acc-ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:650}
.request-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.replay-button{background:#171614;border-color:#171614;color:#fff;border-radius:10px;min-height:36px}
.replay-button:hover{background:#171614;color:#fff;filter:brightness(1.12)}
html[data-theme=dark] .replay-button{background:#f4f1ea;border-color:#f4f1ea;color:#171614}
html[data-theme=dark] .replay-button:hover{background:#f4f1ea;color:#171614}
.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:650;text-decoration:none}
.ghost-btn:hover{text-decoration:none;background:var(--hover);color:var(--ink)}
.curl-fold{margin:0;width:100%}
.request-actions .ghost-btn,body .request-actions summary.ghost-btn{width:100%;box-sizing:border-box;color:var(--ink);background:var(--surface)}
.curl-fold summary{list-style:none}
.curl-fold summary::-webkit-details-marker{display:none}
.curl-fold pre{margin-top:8px;font-size:11px}
.side-note{margin:14px 0 0;padding:12px;border-radius:12px;background:var(--hover);color:var(--muted);font-size:12px;line-height:1.45}
.path-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:var(--hover);color:var(--muted);font-size:11px;padding:3px 8px}
.capture-url{text-align:left;width:min(100%,640px)}
::selection{background:var(--selection);color:var(--selection-ink)}

@media(max-width:1100px){
  .capture-grid,.payload-split{grid-template-columns:minmax(0,1fr)}
  .capture-list-pane{border-right:0;border-bottom:1px solid var(--line);max-height:460px;overflow:auto}
  .request-side{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
  .response-chip{margin-left:0}
}
@media(max-width:800px){
  body.signed-in.nav-enhanced #app-sidebar{display:none}
  body.signed-in.nav-enhanced #mobile-navigation #app-sidebar{display:flex;position:relative;inset:auto;width:100%;height:100%;overflow:auto}
  body.signed-in .app-top{padding-inline:12px;gap:8px}
  .capture-detail-pane{padding:16px}
  .code-digits{font-size:22px}
}

body.signed-in .app-footer a{color:#d9d5cc}body.signed-in .app-footer a:hover{color:#fff}