:root{--background:#f5f7f9;--foreground:#17212b;--muted:#667085;--panel:#ffffff;--border:#d9e0e8;--green:#137a2f;--danger:#bc1b1b;--builder-bg:#101418;--builder-surface:#111820;--builder-surface-2:#151d26;--builder-surface-3:#0d141c;--builder-border:#344454;--builder-border-soft:#2d3d4d;--builder-text:#f4f7fb;--builder-muted:#9fb0c0;--builder-radius:14px;--builder-radius-panel:18px;--builder-control-height:38px;--builder-gap:12px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;background:var(--green);color:#fff;cursor:pointer;padding:10px 14px}button.secondary{background:#eef2f5;color:var(--foreground)}.buttonLink{align-items:center;background:var(--green);border-radius:10px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:10px 14px;text-decoration:none}.buttonLink.secondary{background:#eef2f5;color:var(--foreground)}button:disabled{cursor:not-allowed;opacity:.55}input,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px}textarea{min-height:520px;resize:vertical;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.page{padding:28px}.panel,.topbar{background:var(--panel);border:1px solid var(--border);border-radius:18px}.topbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;padding:18px 20px}.actions,.row,.tabs{display:flex;gap:10px;align-items:center}.merchantRow{margin-top:8px}.routePanel{background:var(--panel);border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:16px;gap:16px;min-width:0;padding:18px}.actionGrid,.formActions,.routePanelToolbar,.scenarioRouteActions,.tableActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.routePanelToolbar{justify-content:space-between}.routePanelToolbar label{color:var(--muted);display:grid;flex:1 1 220px;font-size:12px;grid-gap:4px;gap:4px}.detailLayout,.scenarioCreatePanel,.scenarioRouteList,.scenarioVersionList{display:grid;grid-gap:12px;gap:12px}.scenarioCreatePanel{background:#f8fafc;border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(160px,.45fr) minmax(220px,.8fr) auto;padding:14px}.scenarioCreatePanel h2{font-size:18px;margin:0 0 4px}.detailTabs{background:#eef2f5;border:1px solid var(--border);border-radius:12px;display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px}.detailTab{background:transparent;border:0;color:var(--foreground);min-height:34px;padding:8px 12px}.detailTab.active{background:var(--panel);box-shadow:inset 0 0 0 1px var(--border);color:var(--foreground)}.scenarioCreatePanel label{color:var(--muted);display:grid;font-size:12px;grid-gap:4px;gap:4px}.scenarioRenamePanel{align-items:end;grid-template-columns:minmax(220px,1fr) minmax(260px,.9fr) auto}.scenarioRenamePanel h2{font-size:18px;margin:0 0 4px}.scenarioRenamePanel label{color:var(--muted);display:grid;font-size:12px;grid-gap:4px;gap:4px}.scenarioRenamePanel>.meta{grid-column:1/-1;margin:0}.scenarioDetailHero,.scenarioRouteCard,.scenarioVersionRow{border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:14px}.scenarioDetailHero,.scenarioRouteCard{align-items:center;grid-template-columns:minmax(0,1fr) auto}.scenarioDetailHero h2,.scenarioRouteCard h2{font-size:20px;margin:6px 0 4px;overflow-wrap:anywhere}.scenarioVersionRow{color:var(--foreground);grid-template-columns:minmax(0,1fr) 80px 100px 180px;text-decoration:none}.statusPill{border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:700;padding:4px 8px;width:-moz-fit-content;width:fit-content}.status-active,.status-published{background:#ecfdf3;border-color:#b8e8c6;color:#167d35}.status-draft{background:#fff8e6;border-color:#eed48a;color:#8a5b00}.status-archived,.status-disabled{background:#f7f7f7;color:#667085}.auditPanel{gap:18px}.auditFilters{align-items:flex-end}.auditFilters label{min-width:150px}.auditEventList{display:grid;grid-gap:10px;gap:10px}.auditEventRow{align-items:start;border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:170px minmax(0,1fr) minmax(170px,auto);padding:14px}.auditEventRow time{color:var(--muted);font-size:13px}.auditEventMain{display:grid;grid-gap:8px;gap:8px;min-width:0}.auditEventTitle{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.auditEventTitle strong{overflow-wrap:anywhere}.auditAction{background:#eef6ff;border:1px solid #bed8f6;border-radius:999px;color:#155a9c;display:inline-flex;font-size:12px;font-weight:800;padding:4px 8px}.auditAction-publish{background:#ecfdf3;border-color:#b8e8c6;color:#167d35}.auditAction-delete,.auditAction-disable,.auditAction-rollback,.auditAction-unpublish{background:#fff4ed;border-color:#ffd1bd;color:#a33b11}.auditMetaLine{color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.auditMetaLine span{background:#f7f9fb;border-radius:999px;padding:4px 8px}.auditPayload{justify-self:end;max-width:360px;min-width:0}.auditPayload summary{color:var(--muted);cursor:pointer;font-size:13px;font-weight:700}.auditPayload pre{background:#111827;border-radius:8px;color:#f8fafc;font-size:12px;margin:10px 0 0;max-height:260px;max-width:100%;overflow:auto;padding:12px}.auditEmptyState{background:#f8fafc;border:1px dashed var(--border);border-radius:8px;display:grid;grid-gap:6px;gap:6px;padding:22px}.auditEmptyState h2{font-size:20px;margin:0}.merchantOverviewGrid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(150px,1fr));margin-bottom:16px}.merchantMetricCard{background:var(--panel);border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:6px;gap:6px;min-width:0;padding:16px}.merchantMetricCard small,.merchantMetricCard span,.merchantRuntime small,.merchantRuntime span{color:var(--muted);font-size:13px}.merchantMetricCard strong{color:var(--foreground);font-size:30px;line-height:1}.standardFlowPanel{margin-bottom:16px}.standardFlowList{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:12px}.standardFlowRow{background:#f7f9fb;border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:4px;gap:4px;min-width:0;padding:10px 12px}.standardFlowRow small,.standardFlowRow span{color:var(--muted);font-size:12px}.standardFlowRow strong{color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standardFlowGrid{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr) auto}.standardFlowGrid.compact{grid-template-columns:minmax(280px,1fr) auto}.standardFlowGrid label,.standardFlowGrid>div{display:grid;grid-gap:5px;gap:5px;min-width:0}.standardFlowGrid label,.standardFlowGrid small,.standardFlowGrid span{color:var(--muted);font-size:12px}.standardFlowGrid strong{color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchantCatalogPanel{gap:18px}.merchantCatalogHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.merchantCatalogHeader h2{font-size:22px;margin:0 0 4px}.merchantFilters{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(220px,1fr) 180px 180px}.merchantHeaderActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.merchantCreatePanel{background:#f7fbff;border:1px solid #bfdcff;border-radius:8px;display:grid;grid-gap:14px;gap:14px;padding:16px}.merchantCreatePanel h3{font-size:18px;margin:0 0 4px}.merchantCreateForm{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(160px,.8fr) minmax(220px,1fr) 160px auto}.merchantCreateForm label,.merchantFilters label{color:var(--muted);display:grid;font-size:12px;grid-gap:4px;gap:4px}.merchantList{display:grid;grid-gap:10px;gap:10px}.merchantListItem{align-items:center;border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr) minmax(150px,.55fr) auto;padding:14px}.merchantIdentity{align-items:center;display:flex;gap:12px;min-width:0}.merchantIdentity>div,.merchantRuntime{display:grid;grid-gap:4px;gap:4px;min-width:0}.merchantIdentity small,.merchantIdentity strong,.merchantRuntime small,.merchantRuntime strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchantIdentity small{color:var(--muted)}.merchantAvatar{align-items:center;background:#eef6ff;border:1px solid #bfdcff;border-radius:8px;color:#1b5d96;display:inline-flex;flex:0 0 42px;font-weight:850;height:42px;justify-content:center;width:42px}.merchantBadges,.merchantListActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.merchantListActions{justify-content:flex-end}.modePill{border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:700;padding:4px 8px;width:-moz-fit-content;width:fit-content}.mode-custom{background:#f3eefc;border-color:#d7c6f5;color:#6436a6}.mode-standard{background:#eef6ff;border-color:#bfdcff;color:#1b5d96}.mode-fallback{background:#f7f7f7;color:#667085}.merchantEmptyState{border:1px dashed var(--border);border-radius:8px;padding:24px;text-align:center}.merchantEmptyState h2{font-size:20px;margin:0 0 6px}.adminManagementPanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);grid-gap:16px;gap:16px;margin-bottom:20px;position:relative}.adminManagementColumn{background:var(--panel);border:1px solid var(--border);border-radius:12px;display:grid;grid-gap:12px;gap:12px;min-width:0;padding:16px}.adminManagementHead,.adminMerchantActions,.adminMerchantModeGroup,.adminMerchantRow,.adminScenarioActions,.adminScenarioCardHead{align-items:center;display:flex;gap:12px}.adminManagementHead,.adminMerchantRow,.adminScenarioCardHead{justify-content:space-between}.adminManagementHead{align-items:flex-start}.adminManagementHead strong{display:block;margin-top:2px}.adminMerchantList,.adminScenarioList{display:grid;grid-gap:10px;gap:10px;max-height:460px;overflow:auto}.adminScenarioFilters{display:grid;grid-gap:8px;gap:8px;min-width:min(100%,360px)}.adminScenarioFilters input,.adminScenarioFilters select{min-height:40px}.adminMerchantRow,.adminScenarioCard{border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:10px;gap:10px;padding:12px}.adminMerchantCreate{align-items:end;border:1px dashed var(--border);border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(120px,.9fr) minmax(150px,1fr) 120px auto;padding:12px}.adminMerchantCreate label,.adminMerchantProfile label{color:var(--muted);display:grid;font-size:12px;grid-gap:4px;gap:4px}.adminMerchantSummary,.adminScenarioCardHead>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.adminMerchantRow small,.adminMerchantRow span,.adminMerchantRow strong,.adminScenarioCard span,.adminScenarioCard strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminScenarioStatus{border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700;padding:5px 8px;text-transform:uppercase}.adminScenarioStatus-published{background:#ecfdf3;border-color:#b8e8c6;color:#167d35}.adminScenarioStatus-draft{background:#fff8e6;border-color:#eed48a;color:#8a5b00}.adminManagementEmpty,.adminScenarioMeta{color:var(--muted);font-size:13px}.adminMerchantActions,.adminScenarioActions{flex-wrap:wrap}.adminMerchantActions button,.adminMerchantModeGroup button,.adminScenarioActions .buttonLink,.adminScenarioActions button{min-height:36px;padding:8px 10px}.adminMerchantRow{align-items:start;grid-template-columns:minmax(170px,.5fr) minmax(280px,1fr)}.adminMerchantAssignment{display:grid;grid-gap:10px;gap:10px}.adminMerchantProfile{border-top:1px solid var(--border);display:grid;grid-gap:8px;gap:8px;margin-top:8px;padding-top:10px}.adminMerchantAssignmentHeader{display:grid;grid-gap:3px;gap:3px}.adminMerchantAssignmentHeader span{color:var(--muted);font-size:12px;line-height:1.35;white-space:normal}.adminResolverPreview{background:#101923;border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:8px;gap:8px;padding:10px}.adminResolverPreview div{display:grid;grid-gap:3px;gap:3px}.adminResolverPreview small,.adminResolverPreview span{color:var(--muted);font-size:12px;line-height:1.35}.adminResolverPreview strong{overflow-wrap:anywhere}.adminMerchantAssignment label{color:var(--muted);display:grid;font-size:12px;grid-gap:4px;gap:4px}.adminMerchantStandardHint{color:var(--muted);font-size:12px;margin:0}.adminMerchantModeGroup{flex-wrap:wrap}.adminMerchantModeActive{background:var(--green);color:#fff}.adminMerchantCheckbox{align-items:center;display:flex!important;gap:8px!important}.adminMerchantCheckbox input{width:auto}.assignmentWizardHead{align-items:flex-start;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}.assignmentWizardHead h2{margin:0 0 4px}.assignmentFlowSummary{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.assignmentFlowSummary small,.assignmentFlowSummary span{background:#f7f9fb;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px;line-height:1.2;padding:6px 10px}.assignmentFlowSummary span{color:var(--foreground);font-weight:700}.assignmentDiff{background:#f6fff8;border:1px solid #b8e8c6;border-radius:8px;color:#17212b;display:grid;grid-gap:5px;gap:5px;grid-template-columns:auto minmax(0,1fr);padding:10px}.assignmentDiff span{color:#4f6658;font-size:12px}.assignmentDiff strong{color:#103f21;min-width:0;overflow-wrap:anywhere}.assignmentAdvanced{border:1px solid var(--border);border-radius:8px;padding:10px 12px}.assignmentAdvanced summary{color:var(--foreground);cursor:pointer;font-size:13px;font-weight:700}.assignmentAdvancedGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.cloneStandardBox{align-items:center;background:#f7fbff;border:1px solid #bfdcff;border-radius:8px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.cloneStandardBox strong{display:block;margin-bottom:4px}.cloneStandardBox .meta{margin:0}.adminMerchantCreate button{min-height:40px}.adminManagementStatus{background:#f6fff8;border:1px solid var(--border);border-radius:8px;color:#103f21;grid-column:1/-1;padding:10px 12px}.adminManagementStatusNotice{background:#f6fff8;border-color:#b8e8c6;color:#103f21}.adminManagementStatusError{background:#fff1f1;border-color:#f0b7b7;color:#8f1f1f}.adminManagementError,.adminManagementNotice{margin:0;white-space:pre-wrap}.adminManagementNotice{color:#103f21}.adminManagementError{color:#8f1f1f}@media (max-width:1100px){.adminManagementPanel,.adminMerchantCreate,.adminMerchantRow,.assignmentAdvancedGrid,.assignmentWizardHead,.auditEventRow,.cloneStandardBox,.merchantCreateForm,.merchantFilters,.merchantListItem,.scenarioCreatePanel,.scenarioRenamePanel,.standardFlowGrid{grid-template-columns:1fr}.auditPayload{justify-self:stretch;max-width:none}.merchantOverviewGrid{grid-template-columns:repeat(2,minmax(150px,1fr))}.merchantCatalogHeader{display:grid}.merchantHeaderActions,.merchantListActions{justify-content:flex-start}.graphCoachPanel{grid-template-columns:1fr}.graphCoachSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.graphCoachActions{justify-content:flex-start}}@media (max-width:720px){.graphCoachSteps,.merchantOverviewGrid{grid-template-columns:1fr}.graphCoachActions .buttonLink,.graphCoachActions button{width:100%}}.grid{display:grid;grid-template-columns:290px 1fr 420px;grid-gap:16px;gap:16px}.noCodeOnlyGrid{grid-template-columns:minmax(0,1fr) 420px}.panel{padding:16px}.builder{border:1px solid var(--border);border-radius:12px;padding:12px;margin:12px 0}.noCodeBuilder{display:grid;grid-gap:14px;gap:14px;margin:12px 0}.noCodeHero{align-items:center;background:radial-gradient(circle at top left,#dff7e8 0,transparent 34%),linear-gradient(135deg,#122033,#20384f);border-radius:22px;color:#fff;display:flex;justify-content:space-between;gap:20px;padding:22px}.noCodeHero h2{font-size:30px;margin:4px 0 8px}.noCodeHero p{color:#d8e2ef;margin:0}.screenHero{margin-bottom:12px}.screenHero button{white-space:nowrap}.eyebrow{color:#1b9e3e;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.noCodeActions,.scenarioToolbar{display:flex;flex-wrap:wrap;gap:8px}.noCodeActions button{white-space:nowrap}.scenarioToolbar{align-items:end;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px}.scenarioToolbar label{color:var(--muted);flex:1 1;font-size:12px;min-width:180px}.noCodeWorkbench{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr)}.stepInspector{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px}.stepInspector.empty{background:#f8fafc;border-style:dashed}.inspectorAdd,.inspectorHead{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.requestConfigurator{background:#fff;border:1px solid var(--border);border-radius:18px;display:grid;grid-gap:12px;gap:12px;margin-top:14px;padding:16px}.requestGrid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.requestGrid .wide{grid-column:1/-1}.requestConfigurator textarea{font-size:12px;min-height:96px}.requestTest{display:grid;grid-gap:10px;gap:10px}.requestTest textarea{min-height:80px}.inspectorHead h3{margin:0}.inspectorAdd{justify-content:flex-start;margin-top:12px}.advancedJson{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.advancedJson textarea{margin-top:10px;min-height:260px}.helpCard,.runtimeBox{background:#f8fafc;border:1px solid var(--border);border-radius:14px;margin-bottom:12px;padding:12px}.helpCard p{color:var(--muted);margin:8px 0}.scenarioFlow{display:flex;flex-wrap:wrap;gap:8px}.scenarioFlow span{background:#eef2f5;border-radius:999px;color:var(--foreground);font-size:12px;padding:6px 10px}.builderGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:10px}.builderGrid label{font-size:12px;color:var(--muted)}.checkboxLabel{display:flex;align-items:center;gap:8px}.checkboxLabel input{width:auto}.customBuilder{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.customElements{display:grid;grid-gap:10px;gap:10px}.customElement{border:1px solid var(--border);border-radius:10px;padding:10px;cursor:move}.customElement.selected{outline:2px solid var(--green)}.customElementTop{display:flex;gap:8px;align-items:center;margin-bottom:8px}.customElementTop input{max-width:240px}.elementJson{min-height:170px}.elementEditor{border:1px dashed var(--border);border-radius:10px;padding:10px;margin-top:10px}.list{display:grid;grid-gap:8px;gap:8px}.list button{text-align:left}.list button.active{outline:2px solid var(--green)}.meta{color:var(--muted);font-size:13px}.error{color:var(--danger);white-space:pre-wrap}.flowPreviewPage{min-height:100vh;padding:24px}.flowPreviewTopbar{align-items:flex-end;background:var(--panel);border:1px solid var(--border);border-radius:18px;display:flex;gap:18px;justify-content:space-between;margin-bottom:16px;padding:18px 20px}.flowPreviewTopbar h1{font-size:28px;line-height:1.15;margin:0}.flowPreviewControls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.flowPreviewControls label{color:var(--muted);display:grid;font-size:12px;grid-gap:4px;gap:4px;min-width:150px}.flowPreviewControls select{min-width:150px}.flowPreviewError{background:#fff1f1;border:1px solid #f0b8b8;border-radius:12px;color:var(--danger);margin-bottom:16px;padding:12px;white-space:pre-wrap}.flowPreviewLayout{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(360px,430px) minmax(320px,1fr);align-items:start}.flowPreviewPhone{background:#111820;border:1px solid #26384a;border-radius:34px;box-shadow:0 22px 60px #15202b33;min-height:760px;overflow:hidden;padding:14px}.flowPreviewChrome{align-items:center;display:flex;height:24px;justify-content:center}.flowPreviewChrome span{background:#3a4a5c;border-radius:999px;display:block;height:5px;width:76px}.flowPreviewViewport{background:#ffffff;border-radius:24px;height:704px;overflow:auto}.flowPreviewPanel{background:var(--panel);border:1px solid var(--border);border-radius:18px;display:grid;grid-gap:12px;gap:12px;padding:16px}.flowPreviewPanel h2{font-size:16px;margin:4px 0 0}.flowPreviewActions,.flowPreviewTrail{display:flex;flex-wrap:wrap;gap:8px}.flowPreviewTrail{align-items:center}.flowPreviewTrail span{background:#eef2f5;border:1px solid var(--border);border-radius:999px;color:var(--foreground);font-size:12px;font-weight:700;padding:7px 10px}.flowPreviewTrail span:not(:last-child):after{color:var(--muted);content:"->";margin-left:10px}.flowPreviewMeta{display:grid;grid-gap:6px;gap:6px}.flowPreviewMeta span{background:#f8fafc;border:1px solid var(--border);border-radius:10px;color:var(--muted);padding:8px 10px}.flowPreviewMeta span,.flowPreviewPanel pre{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.flowPreviewPanel pre{background:#111820;border-radius:12px;color:#dce8f5;margin:0;max-height:360px;overflow:auto;padding:12px;white-space:pre-wrap}.flowPreviewEmpty{color:var(--muted);margin:0;padding:24px}@media (max-width:900px){.flowPreviewPage{padding:12px}.flowPreviewLayout{grid-template-columns:minmax(0,1fr)}.flowPreviewPhone{border-radius:28px;min-height:0;padding:10px;max-width:100%;width:100%}.flowPreviewViewport{aspect-ratio:390/844;height:auto;max-height:calc(100vh - 180px);min-height:560px}.flowPreviewPanel{min-width:0}}.notice{color:#167d35;white-space:pre-wrap}.graphAdmin{background:radial-gradient(circle at 20% 10%,#243b57 0,transparent 26%),radial-gradient(circle at 80% 70%,#1b9e3e33 0,transparent 22%),#101418;color:#f6f7f8;min-height:100vh;padding:22px}.graphTopbar{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.graphTopbar h1{margin:0}.graphHeaderLinks{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.graphHeaderLinks .buttonLink{min-height:34px}.graphModeTabs{background:#101923;border:1px solid #344454;border-radius:12px;display:inline-flex;gap:4px;margin-top:12px;padding:4px}.graphModeTab{background:transparent!important;border:0!important;color:#aebdca!important;min-height:34px;padding:8px 12px}.graphModeTab.active{background:#223143!important;color:#ffffff!important;box-shadow:inset 0 0 0 1px #ffffff1f}.graphStatusStack{display:grid;grid-gap:8px;gap:8px;margin-bottom:10px}.graphStatusError,.graphStatusNotice{border-radius:12px;font-size:13px;font-weight:600;padding:10px 12px}.graphStatusNotice{background:#102515;border:1px solid #2f7b44;color:#a9f0ba}.graphStatusError{background:#2b1b1b;border:1px solid #704040;color:#ffb7b7}.graphBottomBar,.graphControls,.graphInspectorActions,.graphQuickActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.graphBottomBar label,.graphControls label,.graphInspectorGrid label{color:#b7c0ca;font-size:12px}.graphControls label{display:grid;min-width:180px}.graphBottomBar input,.graphControls input,.graphControls select,.graphInspectorGrid input,.graphInspectorGrid select{background:#171d24;border-color:#364554;color:#f6f7f8;margin-top:4px;max-width:100%}.graphScenarioBadge{align-self:center;background:#111a24;border:1px solid #334356;border-radius:10px;color:#dce8f5;font-size:12px;font-weight:600;margin-top:0;padding:8px 10px}.graphCoachPanel{align-items:stretch;background:linear-gradient(135deg,#121a23,#16212c);border:1px solid var(--builder-border);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a,0 18px 44px #0000003d;color:var(--builder-text);display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(220px,.75fr) minmax(360px,1.25fr) minmax(240px,.8fr);margin-bottom:14px;padding:14px}.graphCoachIntro{display:grid;grid-gap:5px;gap:5px}.graphCoachIntro h2{color:var(--builder-text);font-size:18px;line-height:1.2;margin:0}.graphCoachIntro p{color:var(--builder-muted);font-size:13px;line-height:1.45;margin:0}.graphCoachSteps{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.graphCoachStep{background:var(--builder-surface-2);border:1px solid var(--builder-border-soft);border-radius:10px;display:grid;grid-gap:4px;gap:4px;min-width:0;padding:10px}.graphCoachStep span{align-items:center;background:#263442;border-radius:999px;color:var(--builder-muted);display:inline-flex;font-size:12px;font-weight:800;height:22px;justify-content:center;width:22px}.graphCoachStep.done span{background:#1b9e3e;color:#ffffff}.graphCoachStep strong{color:var(--builder-text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graphCoachStep small{color:var(--builder-muted);font-size:11px;line-height:1.3;overflow-wrap:anywhere}.graphCoachActions{align-content:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.graphCoachActions .buttonLink,.graphCoachActions button{min-height:34px;padding:8px 10px}.graphCanvas{border:1px solid #344454;border-radius:28px;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 80px #00000055;height:min(760px,calc(100vh - 112px));min-height:560px;overflow:hidden;padding:0;position:relative}.graphCanvas:before{background:linear-gradient(135deg,#121922,#0e141b);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.graphViewport{inset:0;overflow:auto;position:absolute;z-index:1}.graphStage{background-image:radial-gradient(#ffffff18 1px,transparent 0);background-size:18px 18px;height:100%;min-height:100%;min-width:100%;padding:18px;position:relative;width:100%}.graphQuickActions{left:18px;position:absolute;top:18px;z-index:6}.graphCreateButton{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;border:1px solid #ffffff44!important;box-shadow:0 10px 24px #24123f66,inset 0 1px 0 #ffffff55;color:#ffffff!important;font-weight:700;letter-spacing:.2px;padding:12px 16px;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease}.graphCreateButton:hover{box-shadow:0 14px 30px #24123f88,inset 0 1px 0 #ffffff66;filter:brightness(1.06);transform:translateY(-1px)}.graphEdges{inset:0;pointer-events:none;position:absolute;z-index:1}.graphEdgeLine{animation:graphEdgeFlow 1.8s linear infinite;filter:drop-shadow(0 0 8px #8cc8ff66);fill:none;stroke:#9ec5ffcc;stroke-dasharray:12 10;stroke-linecap:round;stroke-width:3;transition:stroke .18s ease,stroke-width .18s ease,filter .18s ease}.graphEdgeArrowMarker{fill:#9ec5ffcc;transition:fill .18s ease}.graphEdgeHit{cursor:pointer;fill:none;pointer-events:stroke;stroke:transparent;stroke-linecap:round;stroke-width:26}.graphEdgeGroup.active .graphEdgeLine,.graphEdgeGroup:hover .graphEdgeLine{filter:drop-shadow(0 0 12px #b67cffcc);stroke:#b67cff;stroke-width:5}.graphEdgeGroup.active .graphEdgeArrowMarker,.graphEdgeGroup:hover .graphEdgeArrowMarker{fill:#b67cff}.graphEdges .graphLoop{stroke:#c1844c}.graphEdgeChip{animation:graphChipFloat 2.6s ease-in-out infinite;background:#111820ee;border:1px solid #7b8ea3;border-radius:999px;box-shadow:0 10px 28px #00000066,inset 0 0 0 1px #ffffff14;color:#dce8f5;font-size:12px;font-weight:800;max-width:180px;overflow:hidden;padding:7px 11px;position:absolute;text-overflow:ellipsis;white-space:nowrap;z-index:3}.graphEdgeChip.active,.graphEdgeChip:hover{background:linear-gradient(135deg,#7b3ff2,#1b9e3e);border-color:#d8c7ff;color:#fff}.graphActionPin,.graphStartPin{background:#c1844c;border:2px solid #f5c28f;border-radius:999px;box-shadow:0 8px 24px #00000055;color:#fff;font-size:11px;font-weight:800;padding:8px 11px;position:absolute;z-index:3}.graphStartPin{left:42px;top:92px}.graphActionPin{right:42px;top:92px}.graphNode{background:#111820;border:1px solid #6b778599;border-radius:16px;box-shadow:0 16px 34px #00000070,inset 0 0 0 1px #ffffff12;color:#f6f7f8;display:grid;grid-gap:4px;gap:4px;min-width:190px;padding:14px;position:absolute;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.graphNodeRename{align-items:center;background:#1a2430!important;border:1px solid #41576f!important;border-radius:999px;color:#dce8f5!important;display:inline-flex;font-size:13px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;top:10px;width:24px}.graphNodeRename:hover{background:#28384a!important}.graphNode.active{border-color:#b67cff;box-shadow:0 0 0 3px #7b3ff244,0 20px 38px #00000080}.graphNode .nodeIcon{align-items:center;background:linear-gradient(135deg,#a855f7,#6d5dfc);border-radius:10px;box-shadow:0 0 18px #a855f788;display:inline-flex;height:28px;justify-content:center;line-height:1;width:28px}.graphNode .nodeIconStart{background:linear-gradient(135deg,#1b9e3e,#24c463);box-shadow:0 0 18px #24c46388}.graphStepIndex{color:#b7c8da;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.graphNode small{color:#98a6b3}.graphEdgePanel,.graphEmptyState,.graphInspector{background:#111820ee;border:1px solid #344454;border-radius:20px;box-shadow:0 18px 44px #00000055;padding:18px;position:absolute;z-index:4}.graphEmptyState{left:50%;max-width:360px;text-align:center;top:50%;transform:translate(-50%,-50%)}.graphEmptyState p,.graphInspector .meta{color:#98a6b3}.graphBrokenBadge{background:#2a1616;border:1px solid #884343;border-radius:12px;color:#ffcccc;display:grid;grid-gap:4px;gap:4px;max-width:260px;padding:10px 12px;position:absolute;right:18px;top:18px;z-index:6}.graphBrokenBadge strong{font-size:12px}.graphBrokenBadge span{color:#ffb4b4;font-size:11px}.graphInspector{bottom:24px;display:flex;flex-direction:column;left:24px;max-height:none;max-width:none;overflow:hidden;right:22px;top:24px;width:auto}.graphInspectorLayout{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);min-height:0}.graphInspectorMain{padding-right:4px}.graphInspectorDesigner,.graphInspectorMain{max-height:100%;overflow:auto}.graphEdgePanel{left:22px;max-width:460px;top:76px;width:min(460px,calc(100% - 44px))}.graphEdgePanel h3{margin:0 0 12px}.graphActionStepsPanel{background:#0d141c;border:1px solid #2d3d4f;border-radius:14px;display:grid;grid-gap:10px;gap:10px;margin:4px 0 12px;padding:12px}.graphActionStepsHead{align-items:center;display:flex;gap:8px;justify-content:space-between}.graphActionStepsPanel ol{display:grid;grid-gap:6px;gap:6px;margin:0;padding-left:20px}.graphActionStepsPanel li{color:#dce8f5;font-size:12px}.graphActionStepsPanel li span{background:#223143;border-radius:999px;color:#a9c3dd;font-weight:700;margin-right:8px;padding:3px 7px}.graphActionStepAddRow{display:flex;flex-wrap:wrap;gap:6px}.graphActionStepAddRow button{min-height:32px;padding:6px 9px}.graphActionStepEditor{background:#101923;border:1px solid #2d3d4f;border-radius:10px;display:grid;grid-gap:8px;gap:8px;margin-top:8px;padding:10px}.graphActionStepEditorHead{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:auto minmax(0,1fr) auto}.graphActionStepEditorHead strong{color:#f6f7f8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graphActionStepEditor label{color:#9fb0c0;display:grid;font-size:12px;grid-gap:4px;gap:4px}.graphActionStepEditor input{min-height:34px}.graphInspector h2{margin:0 0 12px}.graphInspectorTop{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.graphInspectorTop .eyebrow{margin:0}.graphInspectorTitle{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.graphInspectorTitle h2{margin:0}.graphInspectorTitleActions{display:flex;gap:8px}.graphBgPreview{background:#0f161e;border:1px solid #2f3d4b;border-radius:12px;display:grid;grid-gap:10px;gap:10px;padding:10px}.graphBgPreview img{border-radius:10px;height:120px;object-fit:cover;width:100%}.graphInspectorHeading{align-items:center;display:flex;gap:8px}.graphCollapsibleSection{background:#0f161e;border:1px solid #2d3d4d;border-radius:12px;margin-bottom:12px;padding:10px 12px}.graphCollapsibleSection>summary{cursor:pointer;font-weight:700;list-style:none;margin:-2px 0 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.graphCollapsibleSection>summary::-webkit-details-marker{display:none}.graphCollapsibleSection>summary:before{content:"▾";display:inline-block;margin-right:8px;transition:transform .14s ease}.graphCollapsibleSection:not([open])>summary:before{transform:rotate(-90deg)}.graphDesignerSection{margin-bottom:0}.graphLinksWideSection{flex:1 1;margin:0;min-height:260px;overflow:auto}.graphWorkflowPanel{background:#111820ee;border:1px solid #344454;border-radius:22px;box-shadow:0 18px 44px #00000055;display:grid;grid-gap:16px;gap:16px;margin-top:18px;padding:18px}.graphWorkflowHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.graphWorkflowHeader h2{margin:2px 0 6px}.graphWorkflowHeader p{color:#aebdca;margin:0;max-width:720px}.graphWorkflowActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.graphManagementShell{display:grid;grid-gap:16px;gap:16px}.graphManagementShell .adminManagementPanel{margin-bottom:0}.graphManagementShell .adminManagementColumn,.graphManagementShell .adminManagementStatus{background:#111820ee;border-color:#344454;box-shadow:0 18px 44px #00000055}.graphManagementShell .adminManagementStatusError,.graphManagementShell .adminManagementStatusNotice{box-shadow:none}.graphManagementShell .adminManagementStatusNotice{background:#f6fff8;border-color:#b8e8c6;color:#103f21}.graphManagementShell .adminManagementStatusError{background:#fff1f1;border-color:#f0b7b7;color:#8f1f1f}.graphManagementShell .adminMerchantCreate,.graphManagementShell .adminMerchantRow,.graphManagementShell .adminScenarioCard{background:#0f161e;border-color:#2d3d4d}.graphManagementShell .adminMerchantProfile{border-color:#2d3d4d}.graphManagementShell .adminManagementHead,.graphManagementShell .adminMerchantRow strong,.graphManagementShell .adminScenarioCard strong{color:#f6f7f8}.graphManagementShell .adminManagementEmpty,.graphManagementShell .adminMerchantAssignment label,.graphManagementShell .adminMerchantAssignmentHeader span,.graphManagementShell .adminMerchantCreate label,.graphManagementShell .adminMerchantProfile label,.graphManagementShell .adminMerchantRow small,.graphManagementShell .adminMerchantRow span,.graphManagementShell .adminMerchantStandardHint,.graphManagementShell .adminResolverPreview small,.graphManagementShell .adminResolverPreview span,.graphManagementShell .adminScenarioCard span,.graphManagementShell .adminScenarioMeta{color:#aebdca}.graphManagementShell .adminResolverPreview{border-color:#2d3d4d}.graphManagementShell input,.graphManagementShell select{background:#0e151d;border-color:#344454;color:#f4f7fb}.graphManagementShell .adminScenarioStatus-published{background:#173f28;border-color:#315f43;color:#b7f3c9}.graphManagementShell .adminScenarioStatus-draft{background:#4b3518;border-color:#8a6a26;color:#ffd8a8}.iconButton{align-items:center;background:transparent!important;border-radius:10px;display:inline-flex;font-size:18px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0}.iconButtonClose{backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);background:linear-gradient(180deg,#ffffff38,#ffffff1f)!important;border:1px solid #ffffff55;border-radius:999px;box-shadow:0 10px 28px #0000004a,inset 0 1px 0 #ffffff99;color:#f6f8fb;font-size:21px;font-weight:600;min-height:48px;min-width:48px;padding-bottom:1px;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease,background .18s ease}.iconButtonClose:hover{background:linear-gradient(180deg,#ffffff55,#ffffff2a)!important;box-shadow:0 14px 32px #0000005c,inset 0 1px 0 #ffffffcc;filter:brightness(1.05);transform:scale(1.03)}.iconButtonClose:active{transform:scale(.98)}.graphNameDialogBackdrop{align-items:center;background:#070b10b8;display:flex;inset:0;justify-content:center;position:absolute;z-index:9}.graphNameDialog{background:#111820;border:1px solid #344454;border-radius:16px;box-shadow:0 24px 46px #00000088;display:grid;grid-gap:12px;gap:12px;min-width:340px;padding:16px;width:min(420px,calc(100% - 32px))}.graphNameDialog h3{margin:0}.graphNameDialog input{background:#171d24;border:1px solid #364554;color:#f6f7f8;margin-top:6px;width:100%}.graphNameDialogActions{display:flex;gap:8px;justify-content:flex-end}.graphInspectorGrid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.graphBrokenLinkField input{border-color:#aa4d4d!important}.graphActionHints,.graphLinkActions,.graphLinkFields,.graphLinkRow,.graphLinkRows,.graphLinksEmpty,.graphLinksMatrix,.graphLinksMatrixRow,.graphLinksPanel,.graphLinksTargetPicker{display:grid;grid-gap:10px;gap:10px}.graphLinkRowTop,.graphLinkTitle,.graphLinksHeader,.graphLinksMatrixHead,.graphLinksOverview,.graphLinksSubhead{align-items:center;display:flex;gap:10px;justify-content:space-between}.graphLinksOverview{background:#0b1219;border:1px solid #2a3a4b;border-radius:14px;padding:14px}.graphLinksOverview h3{margin:2px 0 4px}.graphLinksHeader>div{display:grid;grid-gap:4px;gap:4px}.graphLinksEmpty,.graphLinksHeader span,.graphLinksMatrixRow label span,.graphLinksMatrixRow small,.graphLinksOverview span,.graphLinksSearchMeta,.graphLinksSubhead span{color:#9fb0c0;font-size:13px}.graphLinksStats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.graphLinksStats span{border-radius:999px;font-size:12px;font-weight:800;padding:6px 9px}.graphLinksStats .ok{background:#173f28;color:#b7f3c9}.graphLinksStats .warn{background:#4b3518;color:#ffd8a8}.graphLinksStats .error{background:#4a2020;color:#ffd1d1}.graphLinksHeader .graphLinksTargetPicker{min-width:min(460px,50%)}.graphLinksMatrix{overflow-x:auto}.graphLinksMatrixHead,.graphLinksMatrixRow{grid-template-columns:minmax(160px,.9fr) minmax(180px,.9fr) minmax(260px,1.25fr) minmax(150px,.7fr) minmax(260px,1fr);min-width:1060px}.graphLinksMatrixHead{color:#9fb0c0;display:grid;font-size:12px;font-weight:800;letter-spacing:.04em;padding:0 10px;text-transform:uppercase}.graphLinksMatrixRow{align-items:start;background:#121a23;border:1px solid #344454;border-radius:12px;padding:10px}.graphLinksMatrixRow.ok{border-color:#315f43}.graphLinksMatrixRow.warn{border-color:#8a6a26}.graphLinksMatrixRow.error{border-color:#aa4d4d}.graphLinksHandlerState,.graphLinksMatrixRow>div{display:grid;grid-gap:6px;gap:6px;min-width:0}.graphLinksMatrixRow small,.graphLinksMatrixRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graphLinksMatrixRow input,.graphLinksMatrixRow select{background:#0e151d;border-color:#344454;color:#f4f7fb;min-height:40px}.graphLinksMatrixActions{display:flex!important;flex-wrap:wrap;gap:8px}.graphLinksMatrixActions button{min-height:36px;padding:8px 10px}.graphSelectedOutgoingRows{border-top:1px solid #2d3d4d;margin-top:4px;padding-top:12px}.graphLinkRow{background:#151d26;border:1px solid #344454;border-radius:12px;padding:12px}.graphLinkRow.broken{border-color:#aa4d4d}.graphLinkRow.warn{border-color:#8a6a26}.graphLinkRow.ok{border-color:#315f43}.graphLinkFields{grid-template-columns:1.2fr 1.2fr .8fr}.graphLinksTargetPicker input,.graphLinksTargetPicker select{width:100%}.graphLinksTargetPicker select{margin-top:6px}.graphLinkActionName{font-weight:700}.graphLinkStatus{background:#273341;border-radius:999px;color:#c5d0dc;font-size:12px;padding:4px 8px}.graphLinkStatus.linked{background:#173f28;color:#b7f3c9}.graphLinkStatus.broken{background:#4a2020;color:#ffd1d1}.graphLinksBrokenSelect{border-color:#aa4d4d!important}.graphLinkActions{display:flex;flex-wrap:wrap}.graphActionMissing .graphEdgeLine{filter:drop-shadow(0 0 10px #ffb45488);stroke:#ffb454}.graphActionMissing.graphEdgeChip{border-color:#ffb454;color:#ffd8a8}.graphActionMissingStatus{background:#4b3518;color:#ffd8a8}.graphActionInputWarning{border-color:#ffb454!important}.graphActionHints{list-style:none;margin:0;padding:0}.graphActionHint{border-left:3px solid #516171;color:#c8d3df;font-size:12px;line-height:1.35;padding-left:8px}.graphActionHint.ok{border-left-color:#42b66b;color:#b7f3c9}.graphActionHint.warn{border-left-color:#ffb454;color:#ffd8a8}.graphActionHint.error{border-left-color:#ff7b7b;color:#ffd1d1}.graphEdgeRuntimeCommand{align-items:center;background:#101923;border:1px solid #2d3d4f;border-radius:12px;display:flex;gap:10px;justify-content:space-between;margin:4px 0 12px;padding:10px}.graphEdgeRuntimeCommand div{display:grid;grid-gap:3px;gap:3px;min-width:0}.graphEdgeRuntimeCommand span{color:#9fb0c0;font-size:12px}.graphEdgeRuntimeResult{background:#0d141c;border:1px solid #2d3d4f;border-radius:12px;color:#dce8f5;display:grid;grid-gap:8px;gap:8px;margin:0 0 12px;padding:10px}.graphEdgeRuntimeResult.compact{margin:2px 0 0;width:100%}.graphEdgeRuntimeResult.ok{border-color:#315f43}.graphEdgeRuntimeResult.error{border-color:#aa4d4d}.graphEdgeRuntimeResult.skipped{border-color:#8a6a26}.graphEdgeRuntimeResult.running{border-color:#4f74a6}.graphEdgeRuntimeResultHead{align-items:center;display:flex;gap:8px;justify-content:space-between}.graphEdgeRuntimeResultHead span{background:#273341;border-radius:999px;color:#dce8f5;font-size:12px;padding:4px 8px}.graphEdgeRuntimeResultGrid{display:grid;grid-gap:4px;gap:4px}.graphEdgeRuntimeResult p,.graphEdgeRuntimeResult summary,.graphEdgeRuntimeResultGrid span{color:#9fb0c0;font-size:12px;margin:0}.graphEdgeRuntimeResult details{display:grid;grid-gap:6px;gap:6px}.graphEdgeRuntimeResult summary{cursor:pointer}.graphEdgeRuntimeResult pre{background:#080d12;border-radius:8px;color:#dce8f5;font-size:11px;margin:6px 0 0;max-height:220px;overflow:auto;padding:8px}.graphActionPathSummary{background:#0d141c;border:1px solid #2d3d4f;border-radius:12px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr;margin:0 0 12px;padding:10px}.graphActionPathLine,.graphActionPathSummary>div{display:grid;grid-gap:3px;gap:3px}.graphActionPathLine span,.graphActionPathSummary small,.graphActionPathSummary span{color:#9fb0c0;font-size:12px}.graphActionPathStep{border-left:3px solid #516171;padding-left:8px}.graphActionPathStep.ready{border-left-color:#42b66b}.graphActionPathStep.missing{border-left-color:#ffb454}.graphActionPathLine{align-items:center;background:#101923;border:1px solid #2d3d4f;border-radius:10px;grid-template-columns:1fr auto 1fr;padding:8px}.graphActionPathLine strong{background:#273341;border-radius:999px;color:#dce8f5;font-size:12px;padding:4px 8px}.graphActionEdgePanel.warn{border-color:#8a6a26}.graphActionEdgePanel.error{border-color:#aa4d4d}.graphAdmin{background:var(--builder-bg);padding:18px}.componentLibrary h4,.graphAdmin h1,.graphAdmin h2,.graphAdmin h3,.graphAdmin h4,.propertyInspector h3{letter-spacing:0}.graphAdmin .buttonLink,.graphAdmin button,.graphAdmin input,.graphAdmin select,.graphAdmin textarea{font-size:13px}.graphAdmin .buttonLink,.graphAdmin button{align-items:center;border-radius:10px;display:inline-flex;font-weight:700;justify-content:center;min-height:var(--builder-control-height);padding:8px 12px}.graphAdmin .buttonLink.secondary,.graphAdmin button.secondary{background:#1a2430;border:1px solid var(--builder-border);color:var(--builder-text)}.graphAdmin .dangerButton{background:#8f1f1f;border:1px solid #c95c5c;color:#fff}.componentLibrary input,.graphAdmin input,.graphAdmin select,.graphAdmin textarea,.graphBottomBar input,.graphControls input,.graphControls select,.graphInspectorGrid input,.graphInspectorGrid select,.graphLinksMatrixRow input,.graphLinksMatrixRow select,.graphLinksTargetPicker input,.graphLinksTargetPicker select,.graphManagementShell input,.graphManagementShell select{background:var(--builder-surface-3);border:1px solid var(--builder-border);border-radius:10px;color:var(--builder-text);min-height:var(--builder-control-height);padding:8px 10px}.graphAdmin textarea{min-height:180px}.graphBottomBar label,.graphControls label,.graphInspectorGrid label,.graphLinksMatrixRow label,.graphLinksTargetPicker label,.inspectorSection label,.propertyInspector label{color:var(--builder-muted);display:grid;font-size:12px;font-weight:650;grid-gap:6px;gap:6px}.componentLibrary,.graphBottomBar,.graphEdgePanel,.graphEmptyState,.graphInspector,.graphTopbar,.graphWorkflowPanel,.layerTree,.productScreenBuilder,.propertyInspector,.visualCanvasEditor{background:color-mix(in srgb,var(--builder-surface) 94%,transparent);border:1px solid var(--builder-border);border-radius:var(--builder-radius-panel);box-shadow:0 18px 44px #00000042}.graphTopbar{margin-bottom:12px;padding:14px}.graphTopbar h1{font-size:22px;line-height:1.2}.graphControls,.graphInspectorActions,.graphInspectorTitleActions,.graphLinkActions,.graphNameDialogActions,.graphQuickActions,.graphWorkflowActions,.layerTreeActions,.selectedBlockTools{gap:8px}.graphActionPathLine strong,.graphActionPin,.graphActionStepsPanel li span,.graphEdgeChip,.graphEdgeRuntimeResultHead span,.graphLinkStatus,.graphLinksStats span,.graphScenarioBadge,.graphStartPin{border-radius:999px;font-size:12px;font-weight:750;min-height:26px;padding:5px 9px}.graphCanvas,.visualCanvasEditor{border-radius:var(--builder-radius-panel)}.graphCanvas{box-shadow:inset 0 0 0 1px #ffffff08,0 20px 60px #00000045}.componentLibraryGrid button,.graphActionPathLine,.graphActionPathSummary,.graphActionStepsPanel,.graphBgPreview,.graphCollapsibleSection,.graphEdgeRuntimeCommand,.graphEdgeRuntimeResult,.graphLinkRow,.graphLinksMatrixRow,.graphLinksOverview,.graphNode,.inspectorHint,.layerTreeItem,.layerTreeSection,.visualCanvasNode{border-radius:var(--builder-radius)}.graphNode{min-width:184px;padding:12px}.componentLibraryGrid strong,.graphLinkActionName,.graphLinksMatrixRow strong,.graphNode strong,.visualCanvasNode strong{color:var(--builder-text);font-size:13px;line-height:1.25}.componentLibraryGrid span,.graphEdgeRuntimeResult p,.graphEdgeRuntimeResult summary,.graphEdgeRuntimeResultGrid span,.graphLinksHeader span,.graphLinksMatrixRow small,.graphLinksOverview span,.graphLinksSubhead span,.graphNode small,.layerTreeItem small,.visualCanvasNode span{color:var(--builder-muted);font-size:12px;line-height:1.35}.graphWorkflowPanel{gap:var(--builder-gap);margin-top:14px;padding:14px}.graphEdgePanel h3,.graphInspector h2,.graphLinksOverview h3,.graphWorkflowHeader h2{font-size:18px;line-height:1.25}.graphWorkflowHeader p{font-size:13px;line-height:1.45}.componentLibraryGrid,.graphActionHints,.graphLinkRows,.graphLinksMatrix,.graphLinksPanel,.inspectorSection,.smartPropertyInspector{gap:var(--builder-gap)}.graphLinksMatrixHead,.graphLinksMatrixRow{grid-template-columns:minmax(150px,.9fr) minmax(170px,.9fr) minmax(240px,1.15fr) minmax(150px,.75fr) minmax(240px,.95fr);min-width:1010px}.graphLinksMatrixHead{padding:0 12px}.graphLinkRow,.graphLinksMatrixRow{background:var(--builder-surface-2);padding:12px}.graphLinkActions button,.graphLinksMatrixActions button,.graphWorkflowActions .buttonLink,.graphWorkflowActions button{min-height:34px;padding:7px 10px}.graphLinksTargetPicker select{margin-top:0}.graphEdgePanel,.graphInspector{padding:14px}.graphInspectorGrid,.graphInspectorLayout{gap:var(--builder-gap)}.graphActionPathSummary,.graphActionStepsPanel,.graphBgPreview,.graphCollapsibleSection,.graphEdgeRuntimeCommand,.graphEdgeRuntimeResult,.graphLinksOverview,.inspectorHint{background:var(--builder-surface-3);border-color:var(--builder-border-soft);padding:12px}.graphNodeRename,.iconButton{min-height:32px;min-width:32px}.iconButtonClose{min-height:40px;min-width:40px}.componentLibrary input{margin-bottom:var(--builder-gap)}.componentLibrary h4{margin:8px 0}.componentLibraryGrid button{min-height:66px}.builderWorkspace,.productBuilderGrid{gap:var(--builder-gap)}.graphCollapsibleSection>summary,.inspectorSectionDetails summary,.layerTreeSection>summary,.screenJsonDetails summary{color:var(--builder-text);font-size:12px;letter-spacing:0;text-transform:none}.graphBottomBar{background:#111820ee;border:1px solid #344454;border-radius:18px;bottom:22px;left:22px;padding:12px;position:absolute;right:22px;z-index:5}@media (max-width:1500px){.graphInspectorLayout{grid-template-columns:1fr}}@media (max-width:900px){.graphAdmin{padding:16px}.graphLinksHeader,.graphLinksOverview,.graphLinksSubhead,.graphTopbar,.graphWorkflowHeader{align-items:stretch;flex-direction:column}.graphControls,.graphLinksStats,.graphWorkflowActions{justify-content:stretch;width:100%}.graphControls label,.graphControls select,.graphCreateButton,.graphScenarioBadge,.graphWorkflowActions .buttonLink,.graphWorkflowActions button{width:100%}.graphCanvas{height:620px;min-height:620px}.graphInspector{bottom:14px;left:14px;right:14px;top:14px}.graphLinksHeader .graphLinksTargetPicker{min-width:0}.graphManagementShell .adminManagementPanel{grid-template-columns:1fr}.graphManagementShell .adminManagementHead,.graphManagementShell .adminMerchantRow{align-items:stretch;grid-template-columns:1fr}.graphManagementShell .adminMerchantList,.graphManagementShell .adminScenarioList{max-height:none}.graphLinksMatrixHead{display:none}.graphLinksMatrixRow{grid-template-columns:1fr;min-width:0}.graphLinksMatrixRow small,.graphLinksMatrixRow strong{white-space:normal}.graphLinkFields{grid-template-columns:1fr}}.dangerButton{background:#bc1b1b}@keyframes graphEdgeFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-22}}@keyframes graphChipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.screenEditorInline{border-top:1px solid #344454;margin-top:14px;padding-top:14px}.screenEditorHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.screenEditorHeader h3{margin:0}.screenEditorHeaderActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.screenEditorStat{color:#98a6b3;display:inline-block;font-size:12px;margin-top:4px}.screenDesigner{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) minmax(240px,280px);margin-top:14px;align-items:start}.screenDesignerPanel{background:linear-gradient(135deg,#151d26,#10161d);border:1px solid #344454;border-radius:18px;padding:12px}.screenTitleField{color:#b7c0ca;display:block;font-size:12px}.screenTitleField input{background:#0d1218;border-color:#344454;color:#f6f7f8;margin-top:6px}.screenBuilderCards{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px}.screenBuilderCards button{background:#101821;border:1px solid #344454;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff08;color:#f6f7f8;display:grid;grid-gap:4px;gap:4px;padding:12px;text-align:left;transition:border-color .16s ease,transform .16s ease}.screenBuilderCards button:hover{border-color:#b67cff;transform:translateY(-1px)}.screenBuilderCards span{color:#98a6b3;font-size:11px}.actionBindingList{border-top:1px solid #344454;margin-top:10px;padding-top:10px}.actionBindingRow{background:#0f151d;border:1px solid #2f3d4b;border-radius:12px;display:grid;grid-gap:6px;gap:6px;margin-top:8px;padding:8px}.actionBindingRow strong{font-size:12px}.actionBindingRow input,.actionBindingRow select{background:#0d1218;border-color:#344454;color:#f6f7f8}.bindingStatus{background:#2b1b1b;border:1px solid #704040;border-radius:999px;color:#ffb7b7;display:inline-block;font-size:12px;margin-bottom:8px;padding:6px 10px}.bindingStatus.linked{background:#102515;border-color:#2f7b44;color:#a9f0ba}.screenEditorBlocks{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.screenPhonePreview{background:#05070a;border:1px solid #344454;border-radius:32px;box-shadow:0 18px 40px #00000066,inset 0 0 0 1px #ffffff12;aspect-ratio:9/19.5;display:flex;flex-direction:column;height:auto;max-height:620px;min-height:520px;overflow:hidden;padding:10px;width:100%}.screenPhoneChrome{display:flex;justify-content:center;padding:4px 0 10px}.screenPhoneChrome span{background:#2a3440;border-radius:999px;height:5px;width:54px}.screenPreviewModeSwitch{display:flex;gap:6px;margin-bottom:8px}.runtimeBadge{color:#8cd99f;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-align:center;text-transform:uppercase}.screenPreviewModeSwitch button{background:#111820;border:1px solid #344454;border-radius:999px;color:#b7c0ca;font-size:11px;font-weight:700;padding:6px 10px}.screenPreviewModeSwitch button.active{background:linear-gradient(135deg,#6d5dfc,#1b9e3e);border-color:#d8d4ff;color:#fff}.screenPhoneCanvas{background:#f4f6f8;border-radius:24px;color:#111;display:flex;flex:1 1 auto;justify-content:center;align-items:flex-start;min-height:0;overflow:hidden;padding:12px}.screenPhoneViewport{background:#f4f6f8;border-radius:18px;width:100%;max-height:100%;aspect-ratio:390/844;overflow:auto}.divkitRuntimePreview{min-height:100%}.previewSelectable{border-radius:10px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.previewSelectable.active{box-shadow:0 0 0 2px #7b3ff2}.previewSelectable:hover{box-shadow:0 0 0 2px #11182722}.editorPreviewTree{display:flex;flex-direction:column;gap:8px;min-height:100%}.parityCheckPanel{color:#111827;display:grid;grid-gap:10px;gap:10px}.parityCheckPanel h4{margin:0 0 4px}.parityIssue{background:#ffffff;border:1px solid #d8e2ef;border-left:5px solid #667085;border-radius:12px;color:#111827;display:grid;grid-gap:4px;gap:4px;padding:10px;text-align:left}.parityIssue.warning{border-left-color:#c1844c}.parityIssue.error{border-left-color:#b42318}.parityIssue span{color:#667085;font-size:12px}.selectedBlockPanel{border-top:1px solid #344454;margin-top:10px;padding-top:10px}.selectedBlockHeader{align-items:center;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.selectedBlockTools{display:flex;gap:8px}.screenJsonDetails{margin-top:12px}.screenJsonDetails summary{color:#b7c0ca;cursor:pointer;font-size:12px;font-weight:800;margin-bottom:8px;text-transform:uppercase}@media (max-width:1480px){.screenDesigner{grid-template-columns:1fr}.screenPhonePreview{max-width:300px;min-height:500px}}.screenJsonEditor{background:#0d1218;border-color:#344454;color:#f6f7f8;min-height:300px}.productScreenBuilder{background:linear-gradient(135deg,#101821,#0b1118);border:1px solid #344454;border-radius:22px;padding:14px}.productBuilderGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr) minmax(200px,.9fr);margin-top:14px}.componentLibrary,.layerTree,.propertyInspector{background:#0f151d;border:1px solid #344454;border-radius:16px;padding:12px}.componentLibrary input{background:#0d1218;border-color:#344454;color:#f6f7f8;margin-bottom:10px}.componentLibrary h4{color:#dce8f5;font-size:12px;margin:12px 0 8px;text-transform:uppercase}.componentLibrarySection{border-bottom:1px solid #263340;margin-bottom:8px;padding-bottom:8px}.componentLibrarySectionSummary{cursor:pointer;list-style:none;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.componentLibrarySectionSummary::-webkit-details-marker{display:none}.componentLibrarySectionSummary h4:before{content:"▾";display:inline-block;margin-right:6px;transition:transform .14s ease}.componentLibrarySection:not([open]) .componentLibrarySectionSummary h4:before{transform:rotate(-90deg)}.componentLibrarySectionSummary h4{margin:8px 0}.componentLibraryGrid{display:grid;grid-gap:8px;gap:8px}.componentLibraryGrid button{background:#121b25;border:1px solid #2f3d4b;border-radius:12px;color:#f6f7f8;display:grid;grid-gap:4px;gap:4px;padding:10px;text-align:left}.componentLibraryGrid button:hover,.layerTreeItem.active{border-color:#b67cff;box-shadow:0 0 0 2px #7b3ff244}.componentLibraryGrid span,.layerTreeItem small{color:#98a6b3;font-size:11px}.builderWorkspace{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.visualCanvasEditor{background:#0f151d;border:1px solid #344454;border-radius:16px;min-height:620px;overflow:auto;padding:12px}.visualCanvasGrid{background-image:radial-gradient(#ffffff22 1px,transparent 0);background-size:12px 12px;min-height:820px;min-width:760px;position:relative}.visualCanvasNode{background:#121b25;border:1px solid #2f3d4b;border-radius:14px;box-shadow:0 12px 28px #00000033;color:#f6f7f8;cursor:-webkit-grab;cursor:grab;display:grid;grid-gap:4px;gap:4px;padding:12px;position:absolute;text-align:left;transition:box-shadow .14s ease,border-color .14s ease,transform .14s ease}.visualCanvasNode.active{border-color:#b67cff;box-shadow:0 0 0 2px #7b3ff244,0 14px 32px #00000055}.visualCanvasNode:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.01)}.visualCanvasNode span{color:#98a6b3;font-size:11px}.layerTree{max-height:620px;overflow:auto}.layerTreeSection{background:#0f151d;border:1px solid #344454;border-radius:16px;padding:10px}.layerTreeSection>summary{color:#dce8f5;cursor:pointer;font-size:12px;font-weight:800;list-style:none;margin:0 0 10px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layerTreeSection>summary::-webkit-details-marker{display:none}.layerTreeSection>summary:before{content:"▾";display:inline-block;margin-right:6px;transition:transform .14s ease}.layerTreeSection:not([open])>summary:before{transform:rotate(-90deg)}.layerTreeItemWrap{margin-top:6px}.layerTreeItem{align-items:center;background:#121b25;border:1px solid #2f3d4b;border-radius:10px;color:#f6f7f8;display:flex;justify-content:space-between;min-height:34px;width:100%}.layerTreeActions{display:flex;gap:4px;margin:4px 0 4px 8px}.layerTreeActions button{font-size:11px;padding:4px 6px}.propertyInspector{max-height:620px;overflow:auto}.propertyInspector h3{margin:0 0 12px}.smartPropertyInspector{display:grid;grid-gap:10px;gap:10px}.inspectorSection,.inspectorSectionDetails{border-top:1px solid #2f3d4b;padding-top:10px}.inspectorSection{display:grid;grid-gap:9px;gap:9px}.smartPropertyInspector .inspectorSectionDetails .inspectorSection{grid-template-columns:repeat(2,minmax(0,1fr))}.smartPropertyInspector .inspectorSectionDetails .inspectorSection .checkboxControl{grid-column:span 2}.inspectorSectionDetails summary{color:#dce8f5;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.inspectorHint{background:#101d18;border:1px solid #1b9e3e55;border-radius:12px;color:#b8f0c8;display:grid;grid-gap:5px;gap:5px;padding:10px}.inspectorHint span{color:#d7ffe1;font-size:12px}.checkboxControl{align-items:center;display:flex;gap:8px}.productPhonePreview{justify-self:center;max-width:300px}@media (max-width:1450px){.builderWorkspace,.productBuilderGrid{grid-template-columns:1fr}.componentLibrary,.layerTree,.propertyInspector{max-height:none}.smartPropertyInspector .inspectorSectionDetails .inspectorSection{grid-template-columns:1fr}}.smokeFail,.smokeOk{border-radius:999px;font-size:12px;padding:6px 10px}.smokeOk{background:#e9f8ee;color:#167d35}.smokeFail{background:#fdecec;color:#b42318}.diagnostics{background:#101418;border-radius:12px;color:#f6f7f8;margin-top:12px;padding:12px}.diagnostics .meta{color:#b7c0ca}.timeline{border:1px dashed var(--border);border-radius:12px;margin:10px 0 12px;padding:10px}.wowTimeline{background:linear-gradient(180deg,#f8fbff,#f6f9fc);border-style:solid}.timelineTop{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timelineLane{margin-top:8px}.timelineLaneTitle{color:var(--muted);font-size:12px;margin-bottom:8px}.timelineTrack{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.timelineCard{background:#fff;border:1px solid #d8e2ef;border-radius:14px;box-shadow:0 2px 10px #00000008;cursor:pointer;min-width:240px;padding:10px;position:relative}.timelineCard.active{border-color:#1b9e3e;box-shadow:0 0 0 2px #1b9e3e33}.timelineCardHead{align-items:center;display:flex;gap:8px}.timelineCardHead strong{background:#17212b;border-radius:999px;color:#fff;font-size:11px;padding:3px 8px}.timelineCardHead span{color:var(--muted);font-size:12px;text-transform:uppercase}.timelineCardBody{font-size:13px;margin-top:8px;min-height:34px}.timelineAddRow,.timelineCardActions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.timelineEmpty{background:#fff;border:1px dashed var(--border);border-radius:14px;min-width:260px;padding:14px}.timelineEmpty p{color:var(--muted);font-size:13px}.timelineRow{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.timelineBadge{background:#17212b;border-radius:999px;color:#fff;font-size:12px;padding:6px 10px}.timelineStep{background:#eef2f5;border-radius:10px;color:var(--foreground);display:flex;flex-direction:column;font-size:12px;gap:2px;min-width:120px;padding:8px}.timelineArrow,.timelineStep small{color:var(--muted)}.timelineArrow{font-size:12px;margin-top:10px}.timelinePaths{display:flex;gap:8px;margin-top:10px}.errorPath,.okPath{border-radius:999px;font-size:12px;padding:6px 10px}.okPath{background:#e9f8ee;color:#167d35}.errorPath{background:#fdecec;color:#b42318}.preview{background:#101418;border-radius:22px;color:#f6f7f8;max-height:720px;overflow:auto;padding:18px}.visualPreview{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff;margin-bottom:12px;min-height:220px}pre{white-space:pre-wrap;word-break:break-word}@media (max-width:900px){.graphCoachPanel,.graphCoachSteps{grid-template-columns:minmax(0,1fr)}.graphCoachActions{justify-content:flex-start}.graphCoachActions .buttonLink,.graphCoachActions button{width:100%}.graphCoachStep strong{overflow:visible;text-overflow:clip;white-space:normal}.scenarioDetailHero{grid-template-columns:minmax(0,1fr)}}