/* Egytag API Studio 2026 — a dedicated API workbench, not an article skin.
   Scoped to the independent api-client.egytag.com app only. */
body.standalone-api-client{
  --studio-bg:#080e17;--studio-shell:#0c1421;--studio-rail:#0a111d;
  --studio-pane:#101b2b;--studio-input:#0a1320;--studio-line:#233449;
  --studio-text:#e7effa;--studio-muted:#91a5bb;--studio-blue:#69a6ff;
  --studio-accent:#477fe8;--studio-green:#59c8ac;
  --xl-bg:var(--studio-bg);--xl-panel:var(--studio-pane);--xl-color:var(--studio-blue);
  --xl-surface:var(--studio-shell);--xl-border:var(--studio-line);
  --xl-soft:var(--studio-muted);--xl-strong:var(--studio-text);
  background:var(--studio-bg);color:var(--studio-text);
  font-family:Inter,system-ui,"Segoe UI","Readex Pro",sans-serif;
}
body.standalone-api-client .standalone-header{
  max-width:none;width:100%;box-sizing:border-box;margin:0;padding:12px clamp(20px,2vw,36px);
  background:#080d15;border-bottom:1px solid var(--studio-line);min-height:58px;
}
body.standalone-api-client .standalone-main{
  max-width:1920px;width:100%;box-sizing:border-box;padding:0;margin:0 auto;min-height:calc(100vh - 100px);
}
body.standalone-api-client .standalone-hero,
body.standalone-api-client .studio-superseded-bar,
body.standalone-api-client .api-client--pro>.api-workbench-head,
body.standalone-api-client .api-client--pro>.api-library-details,
body.standalone-api-client .api-client--pro>.api-runner-panel{display:none!important}
body.standalone-api-client .standalone-workspace{
  padding:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;min-width:0;
}
body.standalone-api-client .standalone-workspace>.tool-workspace{margin:0!important;min-width:0;padding:0!important;}
body.standalone-api-client .tool-controls.api-client--pro{display:block!important;margin:0!important;min-width:0;}
body.standalone-api-client .studio-shell{
  display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 59px);gap:0;
  align-items:stretch;background:var(--studio-shell);
}
body.standalone-api-client .studio-sidebar{
  min-width:0;background:var(--studio-rail);border-inline-end:1px solid var(--studio-line);
  display:flex;flex-direction:column;padding:18px 11px;gap:12px;
}
body.standalone-api-client .studio-side-head{
  display:flex;align-items:center;gap:10px;padding:5px 8px 14px;border-bottom:1px solid var(--studio-line);
}
body.standalone-api-client .studio-side-logo{
  display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:9px;
  color:white;background:#3767c2;font-weight:900;font-size:17px;
}
body.standalone-api-client .studio-side-title{font-size:14px;font-weight:800;color:var(--studio-text);letter-spacing:-.01em;}
body.standalone-api-client .studio-side-nav{display:flex;flex-direction:column;gap:5px}
body.standalone-api-client .studio-side-tab{
  width:100%;display:flex;align-items:center;gap:12px;min-height:40px;text-align:start;cursor:pointer;
  padding:9px 11px;border:0!important;border-radius:9px;background:transparent!important;
  color:var(--studio-muted)!important;font-size:13px;font-family:inherit;line-height:1.3;font-weight:650;
}
body.standalone-api-client .studio-side-tab[aria-pressed=true]{background:#152843!important;color:var(--studio-blue)!important;box-shadow:inset 3px 0 0 var(--studio-blue)}
body.standalone-api-client .studio-side-tab:hover{background:#18273b!important;color:var(--studio-text)!important}
body.standalone-api-client .studio-side-icon{font-size:17px;width:24px;text-align:center;flex:none}
body.standalone-api-client .studio-side-views{padding:7px 4px;min-width:0;flex:1;overflow-y:auto;max-height:calc(100vh - 220px)}
body.standalone-api-client .studio-side-panel{min-width:0;display:grid;align-content:start;gap:12px}
body.standalone-api-client .studio-side-panel[hidden]{display:none!important}
body.standalone-api-client .studio-side-panel>.api-collectionbar,
body.standalone-api-client .studio-side-panel>.api-localbar{
  display:flex!important;flex-direction:column;align-items:stretch;gap:11px;
  background:transparent;border:0!important;padding:0;margin:0;min-width:0;
}
body.standalone-api-client .studio-side-panel :is(label,small){font-size:12px;line-height:1.5;color:var(--studio-muted)}
body.standalone-api-client .studio-side-panel label{display:grid;gap:7px;min-width:0}
body.standalone-api-client .studio-side-panel :is(input,select){
  width:100%;min-width:0;min-height:38px!important;padding:8px 10px!important;box-sizing:border-box;
  color:var(--studio-text);background:var(--studio-input);border:1px solid var(--studio-line);border-radius:8px;font-size:12px;
}
body.standalone-api-client .studio-side-panel .lab-actionbar{display:flex!important;flex-wrap:wrap!important;gap:6px;align-items:center}
body.standalone-api-client .studio-side-panel button:not(.studio-side-tab){
  min-height:32px!important;padding:6px 9px!important;border-radius:7px!important;
  font-size:11px!important;white-space:normal;border:1px solid var(--studio-line);background:var(--studio-pane);color:var(--studio-text)
}
body.standalone-api-client .studio-side-panel .api-panel-note{font-size:11px;margin:0;line-height:1.65}
body.standalone-api-client .studio-side-panel .api-runner-panel{margin:7px 0 0;background:var(--studio-pane);border:1px solid var(--studio-line);padding:10px;border-radius:9px;min-width:0}
body.standalone-api-client .studio-side-panel .api-runner-panel>summary{font-size:12px}
body.standalone-api-client .studio-side-panel .api-runner-choices{max-height:180px;overflow:auto}
body.standalone-api-client .studio-side-panel details[data-studio-side=history]{display:block;background:transparent;border:0;overflow:visible}
body.standalone-api-client .studio-side-panel details[data-studio-side=history]>summary{display:none}
body.standalone-api-client .studio-side-panel .api-history{max-height:330px;overflow-y:auto}
body.standalone-api-client .studio-side-close{display:none}
body.standalone-api-client .studio-primary{min-width:0;display:flex;flex-direction:column;gap:0;padding:0 clamp(15px,2.2vw,36px) 26px;background:var(--studio-shell)}
body.standalone-api-client .studio-appbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px;
  padding:16px 0 14px;border-bottom:1px solid var(--studio-line);
}
body.standalone-api-client .studio-appbar-title{min-width:0;display:grid;gap:6px}
body.standalone-api-client .studio-breadcrumb{color:var(--studio-muted);font-size:11px;letter-spacing:.02em}
body.standalone-api-client .studio-appbar h1{color:var(--studio-text);font-size:clamp(21px,2vw,28px);margin:0;line-height:1.2;font-weight:800;letter-spacing:-.02em}
body.standalone-api-client .studio-appbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.standalone-api-client .studio-shortcut{border:1px solid var(--studio-line);padding:6px 9px;color:var(--studio-muted);border-radius:6px;font-size:11px;direction:ltr}
body.standalone-api-client .studio-appbar .studio-example{
  color:var(--studio-blue)!important;background:#14263f!important;border:1px solid var(--studio-line)!important;
  min-height:35px!important;font-size:12px!important;font-weight:700;
}
body.standalone-api-client .studio-sidebar-toggle{display:none}
body.standalone-api-client .api-request-line{
  display:grid!important;grid-template-columns:112px minmax(0,1fr) 115px!important;gap:0!important;
  direction:ltr;padding:0!important;margin:20px 0 12px;background:var(--studio-input)!important;
  border:1px solid #3a5679!important;border-radius:11px!important;overflow:hidden!important;min-height:53px;
}
body.standalone-api-client .api-request-line :is(input,select){
  height:53px!important;min-height:53px!important;max-height:53px!important;
  font:600 14px/1.3 ui-monospace,Consolas,monospace!important;color:var(--studio-text)!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.standalone-api-client .api-request-line select{
  border-inline-end:1px solid var(--studio-line)!important;padding:0 12px!important;
  color:var(--studio-green)!important;font-weight:750!important;
}
body.standalone-api-client .api-request-line input{padding:0 15px!important;min-width:0!important}
body.standalone-api-client .api-request-line input:focus-visible{outline:2px solid var(--studio-blue);outline-offset:-2px}
body.standalone-api-client .api-request-line button{
  margin:5px;min-height:43px!important;padding:8px 16px!important;border-radius:8px!important;
  color:#07101b!important;background:var(--studio-blue)!important;border:0!important;font-size:14px!important;font-weight:850!important
}
body.standalone-api-client .api-request-line button:hover{background:#98c3ff!important}
body.standalone-api-client .studio-request-status{margin:0 0 8px!important;min-height:0;color:var(--studio-muted);font-size:12px}
body.standalone-api-client .studio-request-status:empty{display:none}
body.standalone-api-client .api-network-details{margin:0 0 16px;background:transparent;border:0!important;padding:0}
body.standalone-api-client .api-network-details>summary{
  font-size:12px;color:var(--studio-muted);padding:4px 0;min-height:23px;
}
body.standalone-api-client .api-network-details[open]{margin-bottom:13px}
body.standalone-api-client .api-network-details .api-request-options{justify-content:start;padding:10px;background:var(--studio-pane);border-radius:8px}
body.standalone-api-client .api-main-grid{
  display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:16px!important;align-items:stretch;min-width:0;
}
body.standalone-api-client .api-main-grid>section{
  background:var(--studio-pane)!important;border:1px solid var(--studio-line)!important;
  border-radius:13px!important;box-shadow:none!important;padding:0!important;
  display:flex!important;flex-direction:column;gap:0!important;min-width:0;min-height:570px;
}
body.standalone-api-client .api-column-heading{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  margin:0;padding:19px 20px 16px!important;border-bottom:1px solid var(--studio-line)
}
body.standalone-api-client .api-column-heading strong,
body.standalone-api-client .api-response-head>strong{
  font-size:15px!important;color:var(--studio-text)!important;line-height:1.4;font-weight:800!important
}
body.standalone-api-client .api-column-heading>span{font-size:11px;color:var(--studio-muted)}
body.standalone-api-client .studio-request-tabs,
body.standalone-api-client .studio-response-nav{
  display:flex;gap:4px;overflow-x:auto;flex-wrap:nowrap;border-bottom:1px solid var(--studio-line);
  padding:0 14px;min-height:47px;scrollbar-width:thin;
}
body.standalone-api-client .studio-tab{
  cursor:pointer;flex:none;position:relative;min-height:46px!important;padding:12px 14px!important;
  white-space:nowrap;background:transparent!important;border:0!important;border-radius:0!important;
  font-size:12px;font-family:inherit;line-height:1.25;font-weight:700;color:var(--studio-muted)!important;
}
body.standalone-api-client .studio-tab[aria-selected=true]{color:var(--studio-blue)!important}
body.standalone-api-client .studio-tab[aria-selected=true]:after{
  content:"";position:absolute;bottom:0;inset-inline:0;height:2px;background:var(--studio-blue);border-radius:2px
}
body.standalone-api-client .studio-tab:hover{color:var(--studio-text)!important}
body.standalone-api-client .studio-tab:focus-visible,
body.standalone-api-client .studio-side-tab:focus-visible{outline:2px solid var(--studio-blue);outline-offset:-3px}
body.standalone-api-client .api-panels{display:block;min-width:0;flex:1;}
body.standalone-api-client .api-panels > details[data-studio-request]{display:none!important;background:transparent!important;border:0!important;border-radius:0!important;min-width:0}
body.standalone-api-client .api-panels > details[data-selected=true]{display:block!important;padding:18px 19px!important}
body.standalone-api-client .api-panels > details[data-studio-request] > summary{display:none!important}
body.standalone-api-client .api-panels > details > :not(summary){margin:0 0 12px!important;max-width:100%}
body.standalone-api-client .api-panels > details > :last-child{margin-bottom:0!important}
body.standalone-api-client .api-panels textarea{
  display:block;width:100%;box-sizing:border-box;min-height:245px;max-height:55vh;resize:vertical;
  background:var(--studio-input);border:1px solid var(--studio-line);border-radius:9px;
  padding:14px!important;color:var(--studio-text);font:500 13px/1.7 ui-monospace,Consolas,monospace;
}
body.standalone-api-client .api-panels :is(select,input),body.standalone-api-client .api-assertions__fields input{
  background:var(--studio-input)!important;color:var(--studio-text)!important;border:1px solid var(--studio-line)!important;
  min-height:39px;border-radius:8px;padding:9px 12px;max-width:100%;width:100%;box-sizing:border-box;
}
body.standalone-api-client .api-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body.standalone-api-client .api-auth-grid label:first-child{grid-column:1/-1}
body.standalone-api-client .api-assertions__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body.standalone-api-client .api-assertions[data-studio-request=tests]>summary{display:none!important}
body.standalone-api-client .api-assertions__report{margin-top:8px;font-size:13px}
body.standalone-api-client .api-response-head{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;
  padding:17px 19px!important;margin:0!important;border-bottom:1px solid var(--studio-line)!important;min-height:24px
}
body.standalone-api-client .api-response-head .api-code-actions{gap:6px}
body.standalone-api-client .api-response-head .api-code-actions button{
  border:1px solid var(--studio-line)!important;border-radius:7px;padding:7px 10px!important;
  color:var(--studio-muted);font-size:11px;min-height:32px
}
body.standalone-api-client .api-metrics{display:flex;flex-wrap:wrap;gap:6px!important;margin:0}
body.standalone-api-client .api-metrics>span{
  background:#0e2430!important;border:1px solid #21444b!important;border-radius:8px;
  min-width:unset!important;min-height:unset!important;padding:5px 10px!important;gap:2px!important;
}
body.standalone-api-client .api-metrics strong{font-size:12px!important;color:var(--studio-green)!important}
body.standalone-api-client .api-metrics small{font-size:10px!important;color:var(--studio-muted)!important}
body.standalone-api-client .api-response-toolbar{
  display:grid;gap:0;padding:0!important;margin:0;border:0;background:transparent;
}
body.standalone-api-client .api-response-toolbar .api-response-tabs{display:none!important}
body.standalone-api-client .api-response-search{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 16px 6px;
  font-size:11px;color:var(--studio-muted)
}
body.standalone-api-client .api-response-search input{
  flex:1;min-width:120px;max-width:330px;min-height:34px!important;
  border:1px solid var(--studio-line);border-radius:7px;background:var(--studio-input);font-size:12px;
}
body.standalone-api-client .api-response-extra{margin:4px 16px 7px;border:0!important}
body.standalone-api-client .api-response-extra>summary{padding:5px 0!important;font-size:11px;color:var(--studio-muted)}
body.standalone-api-client .api-response-panes{
  display:block!important;padding:0 16px 15px!important;min-width:0;flex:1;
}
body.standalone-api-client .api-response-panes>[data-api-response-pane]{display:none!important;min-width:0}
body.standalone-api-client .api-response-editor[data-studio-view=body] #apiResponseBodyPane,
body.standalone-api-client .api-response-editor[data-studio-view=headers] #apiResponseHeadersPane,
body.standalone-api-client .api-response-editor[data-studio-view=preview] #apiResponsePreviewPane,
body.standalone-api-client .api-response-editor[data-studio-view=analytics] .studio-analytics-pane,
body.standalone-api-client .api-response-editor[data-studio-view=all] .api-response-panes>[data-api-response-pane]{
  display:flex!important;flex-direction:column;gap:10px;padding:0!important;margin:0 0 10px!important;
  border:0!important;background:transparent!important;min-width:0;
}
body.standalone-api-client .lab-v3-api-pane-heading{
  display:none!important
}
body.standalone-api-client .api-response-editor[data-studio-view=all] .lab-v3-api-pane-heading{
  display:block!important;margin:7px 0 0!important;font-size:12px!important;color:var(--studio-blue)
}
body.standalone-api-client .api-response-panes textarea{
  box-sizing:border-box;display:block;width:100%;height:370px;min-height:370px!important;max-height:65vh!important;
  background:var(--studio-input)!important;border:1px solid var(--studio-line)!important;
  border-radius:10px!important;padding:15px!important;
  font:500 13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  direction:ltr;text-align:left;color:#dbe9fb!important;resize:vertical;
}
body.standalone-api-client .api-response-panes textarea[hidden]{display:none!important}
body.standalone-api-client #apiJsonPreview{
  min-height:340px;max-height:560px;overflow-y:auto;border:1px solid var(--studio-line);
  background:var(--studio-input);border-radius:10px;padding:14px;
}
body.standalone-api-client .api-empty-state{
  min-height:310px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;gap:10px;background:var(--studio-input)!important;
  border:1px dashed #344c68!important;border-radius:10px;padding:25px!important
}
body.standalone-api-client .api-empty-state__symbol{
  display:grid;place-items:center;width:54px;height:54px;border-radius:16px;
  font-size:25px;font-weight:800;background:#132947;color:var(--studio-blue)
}
body.standalone-api-client .api-empty-state strong{font-size:17px;color:var(--studio-text)}
body.standalone-api-client .api-empty-state p{font-size:12px;color:var(--studio-muted);max-width:340px;line-height:1.8}
body.standalone-api-client .api-diff-panel{margin:3px 17px 15px!important;background:transparent;border-top:1px solid var(--studio-line)}
body.standalone-api-client .api-diff-panel>summary{padding:12px 0;color:var(--studio-muted);font-size:12px}
body.standalone-api-client .api-response-editor>.insight-section{margin:9px 16px 16px!important}
body.standalone-api-client .studio-primary>.api-error{margin:12px 0;color:#ff9d9d}
body.standalone-api-client .studio-primary>details.api-library-details{display:none!important}
body.standalone-api-client .standalone-links,
body.standalone-api-client .tool-usage-guide{max-width:inherit}
body.standalone-api-client .tool-usage-guide{margin:14px 20px}
body.standalone-api-client .standalone-footer{
  max-width:none;margin:0;padding:15px 22px;background:#080d15;border-top:1px solid var(--studio-line)
}
@media(min-width:851px) and (max-width:1230px){
 body.standalone-api-client .studio-shell{grid-template-columns:215px minmax(0,1fr)}
 body.standalone-api-client .api-main-grid{grid-template-columns:1fr!important}
 body.standalone-api-client .api-main-grid>section{min-height:360px}
 body.standalone-api-client .api-panels textarea{min-height:170px}
 body.standalone-api-client .api-response-panes textarea{height:280px;min-height:280px!important}
}
@media(max-width:850px){
 body.standalone-api-client .studio-shell{display:block;min-height:70vh}
 body.standalone-api-client .studio-primary{padding:0 14px 20px}
 body.standalone-api-client .studio-sidebar{
   display:none;position:absolute;z-index:45;inset-inline:0;top:60px;
   box-shadow:0 20px 60px #000b;width:min(360px,100%);box-sizing:border-box;
   min-height:400px;max-height:90vh;overflow:auto
 }
 body.standalone-api-client .studio-sidebar[data-drawer-open=true]{display:flex}
 body.standalone-api-client .studio-side-close{display:inline-flex;margin-inline-start:auto;font-size:12px}
 body.standalone-api-client .studio-side-views{max-height:none}
 body.standalone-api-client .studio-sidebar-toggle{
   display:inline-flex!important;min-height:36px!important;align-items:center;
   flex:none;padding:8px 10px;border:1px solid var(--studio-line);
   border-radius:8px;background:var(--studio-pane);color:var(--studio-text);font-size:12px
 }
 body.standalone-api-client .studio-appbar{gap:10px;flex-wrap:wrap;min-height:76px}
 body.standalone-api-client .studio-appbar-title{flex:1}
 body.standalone-api-client .studio-shortcut{display:none}
 body.standalone-api-client .api-main-grid{grid-template-columns:1fr!important}
 body.standalone-api-client .api-main-grid>section{min-height:340px}
 body.standalone-api-client .api-panels textarea{min-height:190px}
 body.standalone-api-client .api-response-panes textarea{height:260px;min-height:260px!important}
}
@media(max-width:520px){
 body.standalone-api-client .studio-appbar{padding:12px 0}
 body.standalone-api-client .studio-appbar h1{font-size:20px}
 body.standalone-api-client .studio-appbar-right{flex-basis:100%;justify-content:flex-end}
 body.standalone-api-client .api-request-line{grid-template-columns:88px minmax(0,1fr) 75px!important}
 body.standalone-api-client .api-request-line select,body.standalone-api-client .api-request-line input{font-size:12px!important;padding:0 7px!important}
 body.standalone-api-client .api-request-line button{padding:7px!important;font-size:12px!important}
 body.standalone-api-client .studio-request-tabs,body.standalone-api-client .studio-response-nav{padding:0 8px}
 body.standalone-api-client .studio-tab{padding:11px!important}
 body.standalone-api-client .api-column-heading{padding:14px!important}
 body.standalone-api-client .api-column-heading>span{display:none}
 body.standalone-api-client .api-panels > details[data-selected=true]{padding:14px!important}
 body.standalone-api-client .api-assertions__fields{grid-template-columns:1fr}
 body.standalone-api-client .api-response-head{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){body.standalone-api-client *{scroll-behavior:auto!important}}

body.standalone-api-client .studio-primary>.api-workbench-head{display:none!important}
body.standalone-api-client .studio-sidebar .api-collectionbar .lab-actionbar{grid-column:auto!important}
body.standalone-api-client .studio-side-panel .api-history-item{min-width:0;max-width:100%;overflow-wrap:anywhere}
body.standalone-api-client .studio-side-panel .api-history-item small{font-size:10px}

/* Keep response body immediately in view. Detailed analytics are opt-in. */
body.standalone-api-client .studio-analytics-pane{min-width:0;max-width:100%;padding:0;background:transparent!important}
body.standalone-api-client .studio-analytics-pane>.lab-experience,
body.standalone-api-client .studio-analytics-pane>.insight-section{
 width:100%;max-width:100%;box-sizing:border-box;margin:0 0 14px!important;
 background:var(--studio-input)!important;border:1px solid var(--studio-line)!important;border-radius:11px!important;
}
body.standalone-api-client .studio-analytics-pane .lab-experience__cards{grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr))}
body.standalone-api-client .studio-analytics-pane .lab-experience__chart{margin-top:12px}
body.standalone-api-client .api-response-toolbar{background:transparent!important}
body.standalone-api-client .api-response-toolbar>.studio-response-nav{background:var(--studio-pane)!important}

/* Compact secondary workflows in the sidebar. */
body.standalone-api-client .studio-side-panel .api-runner-panel{
  background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;
  border-radius:0!important;padding:13px 2px!important;margin-top:2px!important;
}
body.standalone-api-client .studio-side-panel .api-runner-panel>summary{font-size:12px!important;font-weight:750;color:var(--studio-text)}
body.standalone-api-client .studio-side-panel .api-runner-panel>summary span{display:none}
body.standalone-api-client .studio-side-privacy{border-top:1px solid var(--studio-line);margin-top:2px;padding-top:13px}
body.standalone-api-client .studio-side-privacy>summary{cursor:pointer;color:var(--studio-muted);font-weight:700;font-size:11px;line-height:1.4}
body.standalone-api-client .studio-side-privacy .api-panel-note{font-size:11px;margin:10px 0 0}
/* Native text area remains the canonical response; pretty highlighting is a
   safe read-only projection (text nodes/spans only, no inline HTML). */
body.standalone-api-client .api-response-panes #apiResponseBody[data-studio-highlighted=true]{display:none!important}
body.standalone-api-client .api-response-panes .studio-body-mode{
  display:flex;gap:5px;justify-content:flex-end;align-items:center;margin:0 0 7px;padding:0;background:transparent
}
body.standalone-api-client .api-response-panes .studio-body-mode[hidden]{display:none!important}
body.standalone-api-client .studio-mode-button{
  min-height:28px!important;padding:5px 10px!important;font-size:11px!important;
  border-radius:6px!important;border:1px solid var(--studio-line)!important;
  background:transparent!important;color:var(--studio-muted)!important;font-weight:650;cursor:pointer
}
body.standalone-api-client .studio-mode-button[aria-pressed=true]{
  color:var(--studio-blue)!important;background:#172a47!important;border-color:#2d568d!important
}
body.standalone-api-client .api-response-panes .studio-json-highlight{
  box-sizing:border-box;margin:0;width:100%;height:370px;min-height:370px;max-height:65vh;
  overflow:auto;white-space:pre;tab-size:2;padding:15px;
  border:1px solid var(--studio-line);border-radius:10px;
  background:var(--studio-input);color:#dbe9fb;
  font:500 13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;
  direction:ltr;text-align:left;
}
body.standalone-api-client .studio-json-highlight[hidden]{display:none!important}
body.standalone-api-client .studio-json-key{color:#82c8fa}
body.standalone-api-client .studio-json-string{color:#8ee2ba}
body.standalone-api-client .studio-json-number{color:#e8c778}
body.standalone-api-client .studio-json-bool{color:#e1adff}
body.standalone-api-client .studio-json-null{color:#a7afbd}
body.standalone-api-client .studio-json-punctuation{color:#9aaec3}
body.standalone-api-client .api-response-extra{background:transparent!important;border:0!important;box-shadow:none!important}
body.standalone-api-client .api-response-extra>summary{
  background:transparent!important;color:var(--studio-muted)!important;
  font-size:11px!important;padding:4px 0!important;min-height:unset!important
}
body.standalone-api-client .api-response-extra>summary:hover{color:var(--studio-blue)!important}
@media(max-width:850px){
 body.standalone-api-client .api-response-panes .studio-json-highlight{height:260px;min-height:260px}
}

/* Production full-bleed workspace — remove inherited CMS / tool max-width.
   This is intentionally scoped to the independent API application. */
html:has(body.standalone-api-client),html:has(body.standalone-api-client) body{width:100%;max-width:none;margin:0;min-width:0}
body.standalone-api-client{width:100%;max-width:none!important;margin:0!important;min-width:0;overflow-x:clip}
body.standalone-api-client .standalone-main.tool-detail{
  box-sizing:border-box!important;display:block!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;float:none!important;
}
body.standalone-api-client .standalone-workspace,
body.standalone-api-client .standalone-workspace>.tool-workspace{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  padding:0!important;margin:0!important;min-width:0!important;
}
body.standalone-api-client .tool-controls.api-client--pro,
body.standalone-api-client .studio-shell{
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;box-sizing:border-box!important
}
body.standalone-api-client .studio-shell{grid-template-columns:218px minmax(0,1fr)!important;}
body.standalone-api-client .studio-primary{padding-inline:clamp(12px,1.55vw,27px)!important;min-width:0}
body.standalone-api-client .api-main-grid{gap:13px!important}
body.standalone-api-client .studio-side-tab{font-size:12.5px!important}
body.standalone-api-client .api-request-line{margin-top:16px!important;margin-bottom:6px!important}
body.standalone-api-client .studio-method-info{
  display:block;padding:0 2px;margin:0 0 5px;
  font-size:11px;line-height:1.5;color:var(--studio-muted)
}
body.standalone-api-client .studio-method-info[data-method=POST],
body.standalone-api-client .studio-method-info[data-method=PUT],
body.standalone-api-client .studio-method-info[data-method=PATCH],
body.standalone-api-client .studio-method-info[data-method=DELETE]{color:#f3ba83}
body.standalone-api-client .api-request-line select[data-verb=GET]{color:var(--studio-green)!important}
body.standalone-api-client .api-request-line select[data-verb=POST]{color:#e7c36d!important}
body.standalone-api-client .api-request-line select[data-verb=PUT],
body.standalone-api-client .api-request-line select[data-verb=PATCH]{color:#8bb6fa!important}
body.standalone-api-client .api-request-line select[data-verb=DELETE]{color:#ff9999!important}
body.standalone-api-client .api-panels .api-auth-grid label,
body.standalone-api-client .api-panels > details[data-studio-request] label{
  font-size:12.5px!important;line-height:1.5!important;font-weight:700;color:var(--studio-muted)!important;
}
body.standalone-api-client .api-panels > details[data-studio-request] label{
  display:grid;gap:8px;align-content:start
}
body.standalone-api-client .api-panels .api-auth-grid label[hidden],
body.standalone-api-client .api-panels textarea[hidden],
body.standalone-api-client .studio-secret-actions[hidden]{display:none!important}
body.standalone-api-client .api-auth-grid[data-auth-type=bearer]{grid-template-columns:1fr!important}
/* Never hide the entire Auth grid: the Type select is how users enable Auth. */
body.standalone-api-client .api-auth-grid[data-auth-type=none]{display:grid!important;grid-template-columns:1fr!important}
body.standalone-api-client .api-auth-grid>label:first-child{display:grid!important}
body.standalone-api-client .api-auth-grid>label[hidden]:not(:first-child){display:none!important}
body.standalone-api-client .studio-field-hint{
  margin:11px 0 0!important;color:var(--studio-muted);
  font-size:12px;line-height:1.7
}
body.standalone-api-client .studio-secret-actions{display:flex;justify-content:flex-end;margin-top:2px}
body.standalone-api-client .studio-visibility-toggle{
  font-family:inherit!important;font-size:11px!important;line-height:1.3!important;font-weight:650!important;cursor:pointer;
  border:1px solid var(--studio-line)!important;
  border-radius:7px!important;padding:7px 10px!important;min-height:30px!important;
  background:var(--studio-input)!important;color:var(--studio-blue)!important;
}
body.standalone-api-client .api-auth-grid>:first-child{margin-bottom:5px}
body.standalone-api-client .api-panels :is(input,select,textarea){font-size:13px!important}
body.standalone-api-client .studio-field-caption{font-size:12.5px;color:var(--studio-muted)}
body.standalone-api-client .studio-side-views .api-collectionbar{gap:9px}
@media(min-width:851px) and (max-width:1229px){
 body.standalone-api-client .studio-shell{grid-template-columns:200px minmax(0,1fr)!important}
}
@media(max-width:850px){
 body.standalone-api-client .studio-shell{display:block!important;width:100%!important}
 body.standalone-api-client .studio-primary{padding-inline:12px!important}
 body.standalone-api-client .studio-method-info{font-size:10.5px}
}

/* Postman-style structured parameter, header and variable editing. */
body.standalone-api-client .api-panels textarea[data-kv-mode=table]{display:none!important}
body.standalone-api-client .studio-kv{
 display:grid;gap:12px;min-width:0;width:100%;max-width:100%;
 margin:0!important;box-sizing:border-box;color:var(--studio-text)
}
body.standalone-api-client .studio-kv-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
body.standalone-api-client .studio-kv-heading>strong{font-size:13px;font-weight:750;color:var(--studio-text)}
body.standalone-api-client .studio-kv-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}
body.standalone-api-client .studio-kv-mode{
 cursor:pointer;min-height:32px!important;padding:6px 10px!important;
 font-size:11px!important;font-weight:650!important;line-height:1.4!important;font-family:system-ui,sans-serif!important;border-radius:7px!important;
 background:transparent!important;color:var(--studio-muted)!important;border:1px solid var(--studio-line)!important
}
body.standalone-api-client .studio-kv-mode[aria-pressed=true]{
 color:var(--studio-blue)!important;background:#172b48!important;border-color:#375b8d!important
}
body.standalone-api-client .studio-kv-head,
body.standalone-api-client .studio-kv-row{
 display:grid;grid-template-columns:32px minmax(100px,.95fr) minmax(115px,1.25fr) 31px;
 align-items:center;gap:7px;min-width:0
}
body.standalone-api-client .studio-kv-head{
 padding:8px 0 6px;color:var(--studio-muted);font-size:11px;font-weight:700;
 border-bottom:1px solid var(--studio-line)
}
body.standalone-api-client .studio-kv-entries{display:grid;gap:7px;min-width:0;max-height:410px;overflow-y:auto}
body.standalone-api-client .studio-kv-row{padding:0;min-height:40px}
body.standalone-api-client .studio-kv-row[data-enabled=false]{opacity:.5}
body.standalone-api-client .studio-kv-on{display:grid;place-items:center;min-height:38px;cursor:pointer}
body.standalone-api-client .studio-kv-on input{
 appearance:auto!important;display:block;width:16px!important;height:16px!important;min-width:16px;min-height:16px!important;margin:0!important;
 accent-color:var(--studio-blue);cursor:pointer
}
body.standalone-api-client .studio-kv-row>input,
body.standalone-api-client .studio-kv-row .studio-kv-value>input{
 min-height:39px!important;height:39px!important;min-width:0;width:100%!important;
 box-sizing:border-box;padding:8px 10px!important;
 border:1px solid var(--studio-line)!important;background:var(--studio-input)!important;
 color:var(--studio-text)!important;border-radius:7px!important;
 font:500 12px/1.4 ui-monospace,Consolas,monospace!important
}
body.standalone-api-client .studio-kv-row>input:focus,
body.standalone-api-client .studio-kv-row .studio-kv-value>input:focus{
 outline:1px solid var(--studio-blue);border-color:var(--studio-blue)!important
}
body.standalone-api-client .studio-kv-value{display:flex;align-items:center;position:relative;min-width:0}
body.standalone-api-client .studio-kv-value input[type=password]{padding-inline-end:43px!important}
body.standalone-api-client .studio-kv-reveal{
 position:absolute;inset-inline-end:3px;z-index:1;cursor:pointer;
 border:0!important;border-radius:5px!important;background:var(--studio-input)!important;
 padding:5px!important;color:var(--studio-blue)!important;font-size:10px!important;min-height:27px!important
}
body.standalone-api-client .studio-kv-reveal[hidden]{display:none!important}
body.standalone-api-client .studio-kv-remove{
 display:grid;place-items:center;cursor:pointer;width:29px!important;height:32px!important;
 min-height:32px!important;padding:0!important;border:1px solid transparent!important;
 background:transparent!important;color:var(--studio-muted)!important;border-radius:6px!important;
 font-size:19px!important
}
body.standalone-api-client .studio-kv-remove:hover{color:#ff9898!important;background:#48222a!important}
body.standalone-api-client .studio-kv-add{
 justify-self:start;cursor:pointer;min-height:34px!important;padding:7px 11px!important;
 background:#122641!important;color:var(--studio-blue)!important;
 border:1px solid #34547e!important;border-radius:7px!important;
 font-size:12px!important;font-weight:650!important
}
body.standalone-api-client .studio-kv-info{font-size:11px!important;line-height:1.6;color:var(--studio-muted);margin:0!important}
body.standalone-api-client .studio-kv[data-mode=bulk] .studio-kv-head,
body.standalone-api-client .studio-kv[data-mode=bulk] .studio-kv-entries,
body.standalone-api-client .studio-kv[data-mode=bulk] .studio-kv-add{display:none!important}
body.standalone-api-client .studio-kv[data-mode=bulk]+textarea[data-kv-mode=bulk]{display:block!important}
@media(max-width:650px){
 body.standalone-api-client .studio-kv-head,
 body.standalone-api-client .studio-kv-row{
  grid-template-columns:24px minmax(80px,.9fr) minmax(100px,1.2fr) 24px;gap:4px
 }
 body.standalone-api-client .studio-kv-row>input,
 body.standalone-api-client .studio-kv-row .studio-kv-value>input{
  padding:7px 5px!important;font-size:11px!important
 }
 body.standalone-api-client .studio-kv-heading{flex-wrap:wrap}
 body.standalone-api-client .studio-kv-head{font-size:10px}
 body.standalone-api-client .studio-kv-remove{width:24px!important}
}

/* Keep request/response tabs visually clean. Accessible horizontal scrolling
   remains available via touchpad, touch and keyboard when a viewport is small. */
body.standalone-api-client .studio-request-tabs,
body.standalone-api-client .studio-response-nav{
 scrollbar-width:none!important;
}
body.standalone-api-client .studio-request-tabs::-webkit-scrollbar,
body.standalone-api-client .studio-response-nav::-webkit-scrollbar{
 display:none!important;height:0!important;width:0!important
}
body.standalone-api-client .studio-request-tabs .studio-tab{
 padding:11px 10px!important;
}
body.standalone-api-client .studio-request-tabs{
 border-bottom:1px solid var(--studio-line)!important
}

body.standalone-api-client .api-auth-grid>label:first-child{
 padding:12px 14px 14px;border:1px solid var(--studio-line);
 border-radius:10px;background:var(--studio-input)!important;
}
body.standalone-api-client .api-auth-grid>label:first-child select{
 font-size:14px!important;min-height:43px!important;
 border:1px solid #436491!important;background:#12243a!important;color:#f4f8ff!important;
}
body.standalone-api-client .studio-upload-box{
 display:grid;gap:12px;border:1px solid var(--studio-line);
 padding:16px;border-radius:12px;background:var(--studio-input);
 margin:12px 0 0;min-width:0;
}
body.standalone-api-client .studio-upload-box[hidden],
body.standalone-api-client .studio-upload-box>label[hidden],
body.standalone-api-client .studio-custom-method[hidden]{display:none!important}
body.standalone-api-client .studio-upload-label{
 display:grid;gap:8px;color:var(--studio-text);font-size:13px;
}
body.standalone-api-client .studio-upload-box input[type=file]{
 padding:12px;background:var(--studio-pane);cursor:pointer;
 border:1px dashed #436491!important;
}
body.standalone-api-client .studio-upload-box textarea{
 min-height:110px!important;height:auto!important;font-size:12px!important;
}
body.standalone-api-client .studio-custom-method{
 box-sizing:border-box;min-height:42px!important;width:100%;max-width:340px;
 margin:5px 0 8px;padding:9px 12px;border-radius:8px;
 border:1px solid #436491;background:var(--studio-input);color:var(--studio-text);
 font:650 13px/1.4 ui-monospace,Consolas,monospace;
}
body.standalone-api-client .studio-custom-method[aria-invalid=true]{
 border-color:#eb8b88!important
}


/* API Studio control legibility, matching the other Lab tools. */
body.standalone-api-client .api-panels :is(select,input,textarea),
body.standalone-api-client .api-auth-grid :is(select,input),
body.standalone-api-client .api-request-line select,
body.standalone-api-client .studio-side-panel select {
  font-size:16px!important;
  line-height:1.5!important;
}
body.standalone-api-client .api-panels select,
body.standalone-api-client .api-auth-grid select,
body.standalone-api-client .studio-side-panel select {
  min-height:48px!important;
  padding:10px 13px!important;
  font-weight:700!important;
  border-radius:9px!important;
}
body.standalone-api-client .studio-tab {
  font-size:14px!important;
  min-height:48px!important;
  padding-block:11px!important;
}
body.standalone-api-client .api-panels label,
body.standalone-api-client .api-auth-grid label,
body.standalone-api-client .studio-field-caption,
body.standalone-api-client .studio-field-hint {
  font-size:14px!important;
  line-height:1.7!important;
}
body.standalone-api-client .api-column-heading strong,
body.standalone-api-client .api-response-head>strong {
  font-size:17px!important;
}
body.standalone-api-client .studio-side-tab{
  font-size:14px!important;
  min-height:44px;
}
body.standalone-api-client .api-request-line select:focus-visible,
body.standalone-api-client .api-panels select:focus-visible{
  outline:2px solid var(--studio-blue);
  outline-offset:2px;
}
body.standalone-api-client .api-panels select.lab-selection-committed,
body.standalone-api-client .studio-side-panel select.lab-selection-committed {
  border-color:var(--studio-blue)!important;
  background-color:#19334f!important;
}