.home-playground-art,.home-infrastructure-art{--art-border:var(--pilot-border,#e8e8eb);--art-muted:var(--home-color-muted,#71717a);--art-blue:var(--home-color-link,#2563eb);color:var(--pilot-ink,#18181b);text-align:left;font-size:13px;line-height:1.6}.home-playground-art{border:1px solid var(--art-border);border-radius:var(--home-radius-card,8px);background:var(--home-color-panel,#fff);margin:0;overflow:hidden}.home-playground-art :is(p,h4,ul),.home-infrastructure-art :is(p,ul){margin:0;padding:0;list-style:none}.home-playground-art svg,.home-infrastructure-art svg{flex-shrink:0}.home-art-topbar,.home-art-brand,.home-art-modes,.home-art-modes li,.home-art-toolbar-model,.home-art-model-label{align-items:center;display:flex}.home-art-topbar{border-bottom:1px solid var(--art-border);flex-wrap:wrap;gap:12px 24px;padding:14px 16px 0}.home-art-brand{white-space:nowrap;gap:8px;padding-bottom:14px;font-size:15px}.home-art-modes{flex:1;align-self:stretch;gap:20px}.home-art-modes li{min-height:42px;color:var(--art-muted);white-space:nowrap;border-bottom:2px solid #0000;justify-content:center;gap:6px;padding-bottom:12px}.home-art-modes li.is-selected{border-bottom-color:var(--art-blue);color:var(--art-blue)}.home-art-toolbar-model{color:var(--art-muted);gap:12px;margin-bottom:14px}.home-art-model-label{border:1px solid var(--art-border);border-radius:var(--home-radius-control,6px);background:var(--home-color-panel,#fff);min-width:0;color:var(--home-color-ink,#27272a);gap:8px;padding:7px 9px;font-size:11px}.home-art-model-label img,.home-art-brand img{object-fit:contain;flex-shrink:0}.home-art-model-label>span{flex:1}.home-art-workspace{grid-template-columns:185px minmax(0,1fr) 210px;display:grid}.home-art-conversations{border-right:1px solid var(--art-border);background:var(--home-color-bg,#fafafa);padding:16px 12px}.home-art-new-chat,.home-art-search,.home-art-history li,.home-art-advanced{align-items:center;gap:8px;display:flex}.home-art-new-chat{border-radius:var(--home-radius-control,6px);background:var(--home-color-blue,#2563eb);color:var(--home-color-on-blue,#fff);justify-content:center;padding:8px;font-weight:500}.home-art-search{border:1px solid var(--art-border);border-radius:var(--home-radius-control,6px);background:var(--home-color-panel,#fff);color:var(--art-muted);margin-top:10px;padding:7px 8px;font-size:11px}.home-playground-art .home-art-today{color:var(--art-muted);margin:18px 8px 8px;font-size:11px}.home-art-history li{border-radius:var(--home-radius-control,6px);align-items:flex-start;gap:7px;padding:10px 8px;font-size:11px}.home-art-history li>svg{margin-top:2px}.home-art-history li>div{flex:1;min-width:0}.home-art-history small{color:var(--art-muted);margin-top:2px;font-size:10px;display:block}.home-art-history li.is-selected{background:var(--home-color-blue-soft,#eff6ff);color:var(--art-blue)}.home-art-history li.is-selected small{color:var(--home-color-body,#52525b)}.home-art-conversation{min-width:0;padding:22px 20px}.home-art-message{align-items:flex-start;gap:10px;min-width:0;display:flex}.home-art-avatar{border:1px solid var(--art-border);background:var(--home-color-bg,#fafafa);width:28px;height:28px;color:var(--home-color-body,#52525b);border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;font-weight:600;display:flex}.home-art-user-message p{background:var(--home-art-user-bg,#f4f4f5);color:var(--home-color-body,#52525b);border-radius:6px;padding:10px 12px}.home-art-response{margin-top:24px}.home-art-response .home-art-avatar{border-color:var(--home-color-blue-border,#dbeafe);background:var(--home-color-blue-soft,#eff6ff);color:var(--art-blue)}.home-art-answer{flex:1;min-width:0}.home-art-answer>p{color:var(--home-color-body,#52525b);margin:2px 0 12px}.home-art-code{border:1px solid var(--art-border);border-radius:var(--home-radius-control,6px);background:var(--home-color-bg,#fafafa);overflow:hidden}.home-art-code-heading,.home-art-code-heading>span:last-child{justify-content:space-between;align-items:center;gap:5px;display:flex}.home-art-code-heading{border-bottom:1px solid var(--art-border);color:var(--art-muted);padding:6px 10px;font-size:10px}.home-art-code pre{max-width:100%;color:var(--home-color-body,#3f3f46);font-family:var(--home-font-code,ui-monospace, SFMono-Regular, Menlo, monospace);tab-size:4;margin:0;padding:14px 12px;font-size:11px;line-height:1.85;overflow-x:auto}.home-art-code-keyword{color:var(--home-code-keyword,#7c3aed)}.home-art-code-type{color:var(--home-code-type,#2563eb)}.home-art-code-comment{color:var(--home-code-comment,#15803d)}.home-art-settings{border-left:1px solid var(--art-border);background:var(--home-color-bg,#fafafa);min-width:0;padding:18px 14px}.home-art-settings h4{color:var(--home-color-body,#3f3f46);margin-bottom:10px;font-size:11px;font-weight:600}.home-art-model-description>p{color:var(--art-muted);margin-top:10px;font-size:11px}.home-art-parameters{margin-top:26px}.home-art-parameter+.home-art-parameter{margin-top:18px}.home-art-parameter>div{justify-content:space-between;gap:8px;font-size:11px;display:flex}.home-art-parameter>div>span:last-child{border:1px solid var(--art-border);border-radius:var(--home-radius-tag,4px);background:var(--home-color-panel,#fff);font-variant-numeric:tabular-nums;padding:0 5px}.home-art-slider,.home-art-slider>span{border-radius:4px;height:4px;display:block}.home-art-slider{background:var(--home-color-border,#e4e4e7);margin-top:10px}.home-art-slider>span{background:var(--art-blue);width:52%;position:relative}.home-art-slider>span:after{background:var(--art-blue);content:"";border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-4px}.home-art-advanced{border:1px solid var(--art-border);border-radius:var(--home-radius-control,6px);background:var(--home-color-panel,#fff);margin-top:28px;padding:8px;font-size:11px}.home-art-advanced>span{flex:1}.home-infrastructure-art{border:1px solid var(--art-border);border-radius:var(--home-radius-card,8px);background:var(--home-color-panel,#fff);margin:auto 20px 20px;padding:16px;container-type:inline-size}.home-infra-map{grid-template-columns:32% 24% 32%;column-gap:6%;height:312px;display:grid;position:relative}.home-infra-connectors{fill:none;width:100%;height:100%;stroke:var(--home-art-connector,#93b4f5);stroke-width:1.5px;stroke-dasharray:4 4;position:absolute;inset:0}.home-infra-connectors path{vector-effect:non-scaling-stroke}.home-infra-connectors .home-infra-arrowheads{stroke:var(--art-blue);stroke-dasharray:none}.home-infra-inputs,.home-infra-outputs{z-index:1;gap:12px;min-width:0;display:grid}.home-infra-inputs{grid-template-rows:repeat(4,minmax(0,1fr))}.home-infra-outputs{grid-template-rows:repeat(3,minmax(0,1fr));gap:16px}.home-infra-node{border:1px solid var(--art-border);border-radius:var(--home-radius-control,6px);background:var(--home-color-panel,#fff);align-items:center;gap:9px;min-width:0;padding:10px;font-size:12px;line-height:1.45;display:flex}.home-infra-node>svg{width:20px;height:20px;color:var(--art-blue);stroke-width:1.6px}.home-infra-node strong{font-size:11px;font-weight:500;display:block}.home-infra-node small{color:var(--art-muted);margin-top:4px;font-size:10px;display:block}.home-infra-hub{z-index:1;text-align:center;align-self:center;min-width:0}.home-infra-platform{max-width:112px;margin:0 auto 12px;position:relative}.home-infra-platform>svg{width:100%;height:auto;stroke:var(--home-art-layer-stroke,#bfdbfe);stroke-width:1px;stroke-linejoin:round;display:block}.home-infra-platform img{object-fit:contain;width:40%;height:40%;position:absolute;top:14%;left:30%}.home-infra-hub>strong{font-size:14px;font-weight:600}.home-infra-hub>p{color:var(--art-muted);margin-top:4px;font-size:10px}.home-infra-vertical-connector{display:none}@media (width<=1000px){.home-art-topbar{gap:0 20px}.home-art-modes{flex-basis:100%;order:3;justify-content:space-between;gap:8px}.home-art-toolbar-model{margin-left:auto}.home-art-workspace{grid-template-columns:160px minmax(0,1fr)}.home-art-settings{border-top:1px solid var(--art-border);border-left:0;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.home-art-parameters,.home-art-advanced{margin-top:0}.home-art-advanced{grid-column:1/-1}}@container (width<=440px){.home-infra-map{flex-direction:column;gap:10px;height:auto;display:flex}.home-infra-connectors{display:none}.home-infra-inputs{grid-template-rows:repeat(2,minmax(58px,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-infra-hub{width:100%}.home-infra-platform{width:90px}.home-infra-outputs{grid-template-rows:repeat(3,minmax(64px,auto));gap:10px}.home-infra-node{padding:12px;font-size:12px}.home-infra-node strong{font-size:12px}.home-infra-node small,.home-infra-hub>p{font-size:11px}.home-infra-vertical-connector{fill:none;width:24px;height:28px;stroke:var(--home-art-connector,#93b4f5);stroke-width:1.5px;align-self:center;display:block}}@media (width<=640px){.home-art-topbar{gap:0 8px;padding:10px 10px 0}.home-art-brand{gap:6px;padding-bottom:8px;font-size:12px}.home-art-brand img{width:22px;height:22px}.home-art-toolbar-model{justify-content:space-between;gap:6px;width:100%;margin:0 0 8px}.home-art-toolbar-model>svg{width:14px;height:14px}.home-art-toolbar-model .home-art-model-label{gap:5px;padding:4px 5px;font-size:10px}.home-art-toolbar-model .home-art-model-label img{width:14px;height:14px}.home-art-toolbar-model .home-art-model-label>svg{width:12px;height:12px}.home-art-modes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.home-art-modes li{flex-direction:column;gap:3px;min-height:40px;padding-block:5px;font-size:11px}.home-art-modes svg{width:14px;height:14px}.home-art-workspace{flex-direction:column;display:flex}.home-art-conversations{border-right:0;border-bottom:1px solid var(--art-border);grid-template-columns:auto minmax(0,1fr);gap:6px 8px;padding:10px;display:grid}.home-art-new-chat{gap:5px;padding:5px 8px;font-size:11px}.home-art-search{gap:5px;margin:0;padding:5px 6px;font-size:10px}.home-playground-art .home-art-today{grid-column:1/-1;margin:0 4px;font-size:10px}.home-art-history{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;display:grid}.home-art-history li{gap:5px;padding:4px;font-size:11px}.home-art-history small{margin-top:0}.home-art-history li>svg:last-child:not(:first-child){display:none}.home-art-conversation{padding:12px 10px;font-size:12px;line-height:1.55}.home-art-message{gap:7px}.home-art-avatar{flex-basis:22px;width:22px;height:22px}.home-art-user-message p{padding:8px}.home-art-response{grid-template-columns:22px minmax(0,1fr);gap:8px;margin-top:14px;display:grid}.home-art-answer{display:contents}.home-art-answer>p{margin:0}.home-art-code{grid-column:1/-1}.home-art-code-heading{padding:4px 8px}.home-art-code pre{padding:10px;font-size:11px;line-height:1.55}.home-art-settings{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 10px}.home-art-model-description{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px;display:grid}.home-art-model-description h4{margin:0}.home-art-model-description .home-art-model-label{padding:4px 6px}.home-art-model-description>p{grid-column:1/-1;margin:0}.home-art-parameters h4{margin-bottom:5px}.home-art-parameter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-art-parameter+.home-art-parameter{margin-top:0}.home-art-slider{margin-top:6px}.home-art-advanced{gap:6px;padding:5px 6px}.home-infrastructure-art{margin:0 12px 12px;padding:10px}@container (width<=440px){.home-infra-map{flex-direction:column;gap:6px;height:auto;display:flex}.home-infra-connectors{display:none}.home-infra-inputs{grid-template-rows:repeat(2,minmax(44px,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.home-infra-node{gap:8px;padding:8px;font-size:12px}.home-infra-hub{text-align:left;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:0 10px;width:fit-content;max-width:100%;margin-inline:auto;display:grid}.home-infra-platform{grid-row:1/3;width:58px;margin:0}.home-infra-hub>strong{align-self:end;font-size:13px}.home-infra-hub>p{align-self:start;margin-top:2px;font-size:11px}.home-infra-vertical-connector{fill:none;width:16px;height:16px;stroke:var(--home-art-connector,#93b4f5);stroke-width:1.5px;align-self:center;display:block}.home-infra-outputs{grid-template-rows:repeat(3,minmax(46px,auto));gap:6px}.home-infra-outputs .home-infra-node>div{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.home-infra-outputs .home-infra-node small{margin:0}}}@media (width>=360px) and (width<=640px){.home-art-toolbar-model{width:auto;margin-left:auto}}
