/* Only the in-model station description surface is translucent. */
.bb-studio .bb-studio-callout {
 background:color-mix(in srgb,var(--bb-guide-panel,var(--paper,#fff9ee)) 50%,transparent)!important;
}
/* Reserve a real header cell for the close control; body spans the next row. */
.bb-studio .bb-studio-callout {
 display:grid;grid-template-columns:minmax(0,1fr) 44px;
 grid-template-rows:auto minmax(0,1fr);column-gap:8px;row-gap:5px;
 max-height:calc(30% + 28px);
}
.bb-studio .bb-studio-callout-label {grid-column:1;grid-row:1;align-self:center;padding-right:0}
.bb-studio .bb-studio-callout-text {grid-column:1 / -1;grid-row:2}
.bb-studio main .bb-studio-callout-close {
 position:static;grid-column:2;grid-row:1;align-self:start;
 width:44px;height:44px;min-height:44px;
}
@media(min-width:1100px){.bb-studio .bb-studio-callout{max-height:calc(28% + 28px)}}
/* Keep the operation hint safely inside the model card's rounded edges. */
.bb-studio .guide-model > .legend,
.bb-studio .guide-select-hint {
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 margin:0!important;padding:0 16px 12px!important;text-indent:0!important;
 white-space:normal!important;overflow-wrap:anywhere;
}