/* Instagram color/motion parity with the existing Mini App.
 * Paint-only overrides: keep the current HTML, sizing and responsive layout.
 * Materials and action states match surface-backplates.css / bridge.css.
 */
.instagram-workspace{
  --ig-surface:var(--bh-readable-surface,var(--surface));
  --ig-muted:var(--text-2);
  --ig-line:var(--bh-readable-border,var(--border));
}
.instagram-workspace .tool-workspace-head{display:grid!important}
.instagram-workspace .pill--online{display:flex}
@media(max-width:360px){.instagram-workspace .tool-workspace-online .pill--online{display:none}}
.instagram-workspace .instagram-lab .tool-form-card:not(.instagram-browser-card),
.instagram-workspace .tool-history-card,
.instagram-workspace .tool-result-card{
  background:var(--bh-readable-surface,var(--surface))!important;
  border-color:var(--bh-readable-border,var(--border))!important;
  box-shadow:var(--bh-readable-shadow)!important;
  backdrop-filter:var(--bh-readable-blur)!important;
  -webkit-backdrop-filter:var(--bh-readable-blur)!important;
}
.instagram-workspace .instagram-account-card-item{
  background:var(--bh-readable-nested)!important;border-color:var(--border)!important;
}
.instagram-workspace .instagram-lab .tool-input,
.instagram-workspace .instagram-select-trigger,
.instagram-workspace .instagram-lab .tool-segment,
.instagram-workspace .instagram-protocol-switch{
  background:var(--surface)!important;border-color:var(--border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.instagram-workspace .instagram-lab .tool-input,
.instagram-workspace .instagram-select-trigger{color:#DDE6F4!important}
.instagram-workspace .instagram-lab .tool-input:focus,
.instagram-workspace .instagram-select-trigger:focus-visible{
  background:rgba(255,255,255,.03)!important;border-color:rgba(89,134,255,.30)!important;
  box-shadow:0 0 0 3px rgba(47,107,255,.06)!important;
}
.instagram-workspace .instagram-lab .tool-input::placeholder{color:#60718C}
.instagram-workspace .instagram-lab .tool-segment button,
.instagram-workspace .instagram-protocol-switch button{color:#71829C!important}
.instagram-workspace .instagram-lab .tool-segment button.on,
.instagram-workspace .instagram-protocol-switch button.on{
  background:#24272C!important;border-color:rgba(255,255,255,.13)!important;
  color:#F2F4F7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.instagram-workspace .instagram-type-grid .tool-chip{
  background:rgba(255,255,255,.015)!important;border-color:rgba(255,255,255,.07)!important;color:#71829C!important;
}
.instagram-workspace .instagram-type-grid .tool-chip.on{
  background:#24272C!important;border-color:rgba(255,255,255,.13)!important;color:#E8ECF2!important;
}
.instagram-workspace .instagram-select-menu,
.instagram-workspace .instagram-card-menu-pop{background:#17191F!important;border-color:var(--border)!important}
.instagram-workspace .instagram-editor-dialog,
.instagram-workspace .instagram-lab .instagram-browser-card{background:rgba(13,16,22,.985)!important;border-color:rgba(255,255,255,.105)!important}
.instagram-workspace .instagram-lab .instagram-browser-card{box-shadow:0 24px 100px #0009,0 0 0 9999px #02050BB8!important}
.instagram-workspace .instagram-select-option:hover,
.instagram-workspace .instagram-select-option.on{background:rgba(255,255,255,.06)!important}
.instagram-workspace .instagram-tab.on{background:#22252A!important;border-color:rgba(255,255,255,.12)!important;color:#F2F4F7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
.instagram-workspace .instagram-tab:hover{background:rgba(255,255,255,.05);color:#fff}
.instagram-workspace .instagram-lab .tool-action{
  transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
}
.instagram-workspace .instagram-lab .tool-action:not(.secondary){
  background:rgba(47,107,255,.13)!important;border-color:rgba(125,165,255,.22)!important;
  color:#DCE7FF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.instagram-workspace .instagram-lab .tool-action:not(.secondary):hover{
  background:rgba(47,107,255,.17)!important;border-color:rgba(125,165,255,.28)!important;
}
.instagram-workspace .instagram-lab .tool-action:not(.secondary):active{background:rgba(47,107,255,.21)!important}
.instagram-workspace .instagram-lab .tool-action:active{transform:scale(.995)}
.instagram-workspace .instagram-lab .tool-result-link,
.instagram-workspace .instagram-lab .tool-action.secondary,
.instagram-workspace .instagram-lab .tool-result-link:hover,
.instagram-workspace .instagram-lab .tool-action.secondary:hover,
.instagram-workspace .instagram-card-menu>summary,
.instagram-workspace .instagram-browser-close{
  background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.09)!important;
  color:#B9CBE8!important;box-shadow:none!important;
}
.instagram-workspace .instagram-lab .tool-action:disabled{transform:none!important}
@media(prefers-reduced-motion:reduce){
  .instagram-workspace .instagram-lab .tool-action{transition:none!important}
  .instagram-workspace .instagram-lab .tool-action:active{transform:none!important}
}