/* Concentric card frames; the inset outline follows the same radius as its surface. */
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid)>.il-card {--ai-card-radius:32px;--ai-card-inset:16px;--ai-dot-inset:24px;--ai-stage-radius:calc(var(--ai-card-radius) - var(--ai-card-inset));padding:var(--ai-card-inset);border-radius:var(--ai-card-radius);box-shadow:inset 0 0 0 .5px #1217221a;overflow:hidden}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid)>.il-card>.il-copy {padding:16px 24px 32px;min-height:0}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid)>.il-card>:is(.dock-illustration,.mcp-agent-visual) {width:100%;margin-top:auto;padding:var(--ai-dot-inset);border:0;border-radius:var(--ai-stage-radius);overflow:hidden;box-shadow:inset 0 0 0 .5px #1217220a;background:radial-gradient(circle,#c8cbd1 1px,transparent 1.3px) 7.2px 7.2px/20.4px 20.4px #f7f7f8}
/* Scale only the product screen. Dots and the four equal gutters stay in page pixels. */
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid)>.il-card>.dock-illustration {--ai-screen-width:440;--ai-screen-height:332;container-type:inline-size;height:auto;min-height:0;max-height:none;aspect-ratio:auto}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .ba-expertise-grid>.il-card>.dock-illustration {--ai-screen-height:368}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .ba-card-grid>.il-card>.dock-illustration:has(>.bc-wide) {--ai-screen-width:680;--ai-screen-height:420}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid) .dock-illustration>.gi-scene {position:relative;top:auto;left:auto;display:block;width:100%;height:auto;min-height:0;margin:0;padding:0;aspect-ratio:var(--ai-screen-width) / var(--ai-screen-height);transform:none;background:none}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid) .dock-illustration>.gi-scene>.gi-composition {position:absolute;top:0;left:0;width:calc(var(--ai-screen-width) * 1px);height:calc(var(--ai-screen-height) * 1px);margin:0;padding:0;gap:0;align-items:stretch;align-self:stretch;transform:scale(calc(100cqw / (var(--ai-screen-width) * 1px)));transform-origin:top left}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid) .dock-illustration>.gi-scene>.gi-composition>* {width:100%;height:100%;flex:none}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .mcp-agent-grid>.il-card>.mcp-agent-visual {align-items:stretch}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .mcp-agent-visual>.mcp-agent-output {padding:20px;background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px #12172214,0 2px 6px #1217220a}
/* Keep unframed conversations on a white surface inside the dotted stage. */
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .ba-card-grid .gi-composition>.ga-conversation {padding:16px;gap:12px;background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px #12172214,0 2px 6px #1217220a}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid) .gi-composition>:is(.be-window,.bc-mini,.mx-mini-card) {border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #12172214,0 2px 6px #1217220a}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .ba-card-grid .gi-composition>.ga-conversation>.ga-chat-thread {padding:0}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .ba-card-grid .gi-composition>.ga-conversation>.ga-home-composer {width:100%;margin-top:auto}
/* One centered arrow in one circular button; the old SVG also contained a disk. */
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .ba-card-grid .rd-send {display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 34px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#0068f9;color:#fff;overflow:hidden}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .ba-card-grid .rd-send>img {position:static;inset:auto;display:block;width:20px;height:20px;max-width:none;margin:0;transform:none;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7M12 19V5'/%3E%3C/svg%3E")}
:is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ga-user-question,.ga-preview-question,.ga-chat-user,.mao-chat-question) {background:#f0f1f3;color:#121722}
@media(max-width:900px){
 :is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid)>.il-card{--ai-card-radius:24px;--ai-card-inset:12px;--ai-dot-inset:20px}
 :is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) :is(.ba-card-grid,.mcp-agent-grid)>.il-card>.il-copy{padding:12px 12px 28px}
}
@media(max-width:800px){
 :is(#dock-p0-page .ds-page,#dock-mcp-page.ds-page) .ba-card-grid>.il-card>.dock-illustration:has(>.bc-wide){--ai-screen-width:440}
}