.city-agent-preview{position:relative;width:min(100%,660px);margin-inline:auto;color:var(--ag-text-strong)}.city-agent-preview__atmosphere{display:none}.city-agent-preview__window{position:relative;overflow:hidden;border:1px solid var(--ag-border);border-radius:var(--ag-r-lg);background:var(--ag-surface-1)}.city-agent-preview__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ag-space-4);min-height:66px;padding:var(--ag-space-3) var(--ag-space-4);border-bottom:1px solid var(--ag-hairline)}.city-agent-preview__approval-copy>span:last-child,.city-agent-preview__brand,.city-agent-preview__brand>span:last-child,.city-agent-preview__flow-row>span:nth-child(2),.city-agent-preview__workspace-head>span:first-child{display:flex;flex-direction:column}.city-agent-preview__brand{flex-direction:row;align-items:center;gap:var(--ag-space-3)}.city-agent-preview__brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--ag-r-sm);background:var(--ag-canvas)}.city-agent-preview__approval strong,.city-agent-preview__brand strong,.city-agent-preview__flow-row strong,.city-agent-preview__workspace-head strong{color:var(--ag-text-strong);font-size:var(--ag-small-size);line-height:var(--ag-small-leading);font-weight:600;letter-spacing:var(--ag-small-tracking)}.city-agent-preview__approval small,.city-agent-preview__brand small,.city-agent-preview__flow-row small,.city-agent-preview__workspace-head small{color:var(--ag-text-muted);font-size:var(--ag-micro-size);line-height:var(--ag-micro-leading);letter-spacing:var(--ag-micro-tracking)}.city-agent-preview__review-state,.city-agent-preview__source,.city-agent-preview__status{display:inline-flex;align-items:center;gap:var(--ag-space-2);border:1px solid var(--ag-hairline);border-radius:var(--ag-r-pill);background:var(--ag-surface-2);color:var(--ag-text);font-size:var(--ag-micro-size);line-height:var(--ag-micro-leading);font-weight:500;white-space:nowrap}.city-agent-preview__review-state{padding:var(--ag-space-2) var(--ag-space-3)}.city-agent-preview__review-state i{width:6px;height:6px;border-radius:50%;background:var(--ag-text-strong)}.city-agent-preview__body{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:408px}.city-agent-preview__rail{display:flex;flex-direction:column;gap:var(--ag-space-2);padding:var(--ag-space-4) var(--ag-space-3);border-right:1px solid var(--ag-hairline);background:var(--ag-surface-2)}.city-agent-preview__rail-label{margin:0 var(--ag-space-2) var(--ag-space-1)}.city-agent-preview__rail-label,.city-agent-preview__rail>span:not(.city-agent-preview__rail-label){color:var(--ag-text-muted);font-size:var(--ag-micro-size);line-height:var(--ag-micro-leading);font-weight:500}.city-agent-preview__rail>span:not(.city-agent-preview__rail-label){display:flex;align-items:center;gap:var(--ag-space-2);padding:var(--ag-space-3) var(--ag-space-2);border-radius:var(--ag-r-sm)}.city-agent-preview__rail>span.is-active{background:var(--ag-action);color:var(--ag-action-ink)}.city-agent-preview__workspace{min-width:0;padding:var(--ag-space-5)}.city-agent-preview__workspace-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ag-space-3);padding-bottom:var(--ag-space-4);border-bottom:1px solid var(--ag-hairline)}.city-agent-preview__status{padding:var(--ag-space-2) var(--ag-space-3)}.city-agent-preview__flow{padding-top:var(--ag-space-4)}.city-agent-preview__flow-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ag-space-3);min-height:64px;padding:var(--ag-space-3);border:1px solid var(--ag-hairline);border-radius:var(--ag-r-md);background:var(--ag-surface-1)}.city-agent-preview__flow-row--prepared{background:var(--ag-surface-2)}.city-agent-preview__flow-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid var(--ag-hairline);border-radius:var(--ag-r-sm);background:var(--ag-surface-1);color:var(--ag-text)}.city-agent-preview__source{padding:var(--ag-space-1) var(--ag-space-2);color:var(--ag-text-muted)}.city-agent-preview__connector{width:1px;height:17px;margin-left:28px;background:var(--ag-border)}.city-agent-preview__connector i{display:none}.city-agent-preview__approval{padding:var(--ag-space-4);border:1px solid var(--ag-hairline);border-radius:var(--ag-r-md);background:var(--ag-surface-1)}.city-agent-preview__approval-copy{display:flex;align-items:flex-start;gap:var(--ag-space-3)}.city-agent-preview__approval p{margin:var(--ag-space-1) 0 0;color:var(--ag-text-muted);font-size:var(--ag-micro-size);line-height:var(--ag-micro-leading)}.city-agent-preview__actions{display:flex;justify-content:flex-end;gap:var(--ag-space-2);margin-top:var(--ag-space-3)}.city-agent-preview__actions span{padding:var(--ag-space-2) var(--ag-space-3);border:1px solid var(--ag-border);border-radius:var(--ag-r-pill);background:var(--ag-surface-1);color:var(--ag-text);font-size:var(--ag-micro-size);line-height:var(--ag-micro-leading);font-weight:500}.city-agent-preview__actions span.is-active{border-color:var(--ag-action);background:var(--ag-action);color:var(--ag-action-ink)}@media (max-width:640px){.city-agent-preview__window{border-radius:var(--ag-r-md)}.city-agent-preview__review-state{display:none}.city-agent-preview__body{grid-template-columns:1fr;min-height:0}.city-agent-preview__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--ag-space-3);overflow:hidden;border-right:0;border-bottom:1px solid var(--ag-hairline)}.city-agent-preview__rail-label{display:none}.city-agent-preview__rail>span:not(.city-agent-preview__rail-label){min-width:0;justify-content:center;gap:var(--ag-space-1);padding:var(--ag-space-2) var(--ag-space-1);white-space:nowrap}.city-agent-preview__workspace{padding:var(--ag-space-4)}.city-agent-preview__workspace-head{align-items:flex-start}.city-agent-preview__flow-row{grid-template-columns:auto minmax(0,1fr)}.city-agent-preview__source{grid-column:2;width:fit-content}}