:root{--viz-accent:var(--accent);--viz-1:#2a78d6;--viz-2:#eb6834;--viz-3:#1baf7a;--viz-4:#eda100;--viz-grid:var(--line)}.viz-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;padding:12px 16px;display:grid}.viz-chips{flex-wrap:wrap;gap:8px;margin-top:-8px;display:flex}.viz-chip{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:24px;color:var(--text-2);align-items:center;gap:4px;max-width:100%;padding:0 4px 0 8px;font-size:12px;display:inline-flex}.viz-chip strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.viz-chip button{border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:3px;display:inline-flex}.viz-chip button:hover{background:var(--surface-hover);color:var(--text)}.viz-tabs button.tab{font:inherit;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;font-weight:500}.viz-body[data-loading]{opacity:.55;transition:opacity .12s}.viz-stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.viz-stat{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px 16px 14px}.viz-stat:nth-child(4n){border-right:0}.viz-stat:nth-last-child(-n+4){border-bottom:0}.viz-stat-label{color:var(--text-3);font-size:12px;font-weight:500}.viz-stat-value{color:var(--text);margin-top:2px;font-size:22px;font-weight:600;line-height:28px}.viz-stat-value[data-hidden]{color:var(--text-4);font-size:16px}.viz-stat-note{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (width<=860px){.viz-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.viz-stat:nth-child(4n){border-right:1px solid var(--line)}.viz-stat:nth-child(2n){border-right:0}.viz-stat:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.viz-stat:nth-last-child(-n+2){border-bottom:0}}.viz-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}@media (width<=1000px){.viz-pair{grid-template-columns:minmax(0,1fr)}}.viz-frame{position:relative}.viz-tip{z-index:5;border-radius:var(--radius);background:var(--surface);min-width:120px;box-shadow:var(--shadow-pop);pointer-events:none;white-space:nowrap;padding:8px 10px;font-size:12px;line-height:18px;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.viz-tip-head{color:var(--text-3);margin-bottom:2px}.viz-tip-row{color:var(--text-3);align-items:center;gap:6px;display:flex}.viz-tip-row strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.viz-key-line{border-radius:1px;width:12px;height:2px;display:inline-block}[tabindex="0"].viz-stage:focus-visible,[tabindex="0"].viz-col-slot:focus-visible,[tabindex="0"].viz-compare-row:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:var(--radius-sm)}.viz-bar-h{background:var(--viz-accent);border-radius:0 4px 4px 0;min-width:2px;height:100%}.viz-stages{flex-direction:column;gap:6px;display:flex}.viz-stage{outline:none;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;padding:2px 0;display:grid}.viz-stage:hover .viz-bar-h,.viz-compare-row:hover .viz-bar-h{filter:brightness(1.12)}.viz-stage-label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.viz-stage-track{border-left:1px solid var(--line-strong);align-items:center;gap:8px;height:20px;display:flex}.viz-stage-track .viz-bar-h{max-width:calc(100% - 120px)}.viz-stage-value{color:var(--text);white-space:nowrap;font-size:13px;font-weight:500}.viz-stage-value .muted{font-weight:400}.viz-columns{grid-template-rows:168px auto;grid-template-columns:auto minmax(0,1fr);column-gap:8px;display:grid}.viz-y{color:var(--text-4);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;margin:-5px 0;font-size:11px;line-height:1;display:flex}.viz-plot{border-bottom:1px solid var(--line-strong);position:relative}.viz-grid{border-top:1px solid var(--viz-grid);position:absolute;left:0;right:0}.viz-cols{align-items:stretch;gap:2px;display:flex;position:absolute;inset:0}.viz-col-slot{outline:none;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative}.viz-col-slot:hover{background:var(--surface-hover)}.viz-col{background:var(--viz-accent);border-radius:4px 4px 0 0;width:100%;max-width:24px}.viz-col-slot:hover .viz-col{filter:brightness(1.12)}.viz-x{color:var(--text-4);font-variant-numeric:tabular-nums;gap:2px;padding-top:6px;font-size:11px;display:flex}.viz-x span{white-space:nowrap;text-align:center;flex:1 1 0;min-width:0;overflow:visible}.viz-x span:first-child{text-align:left}.viz-x span:last-child{text-align:right;direction:rtl}.table .viz-bar-col{width:28%;min-width:96px;padding-left:0}.viz-inline{height:8px}.viz-inline div{background:var(--viz-accent);border-radius:0 4px 4px 0;min-width:2px;height:100%}.viz-legend{color:var(--text-2);flex-wrap:wrap;gap:6px 16px;margin-bottom:12px;font-size:12px;display:flex}.viz-legend>span{align-items:center;gap:6px;display:inline-flex}.viz-swatch{vertical-align:-1px;border-radius:2px;flex:none;width:10px;height:10px;margin-right:6px;display:inline-block}.viz-legend .viz-swatch{margin-right:0}.viz-compare{flex-direction:column;gap:12px;display:flex}.viz-compare-stage{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;display:grid}.viz-compare-bars{border-left:1px solid var(--line-strong);flex-direction:column;gap:2px;display:flex}.viz-compare-row{outline:none;height:12px}.viz-side th .viz-swatch{margin-right:6px}@media (width<=860px){.viz-stage,.viz-compare-stage{grid-template-columns:96px minmax(0,1fr);gap:8px}.viz-columns{grid-template-rows:140px auto}.viz-stage-label{white-space:normal;line-height:16px}}.viz-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.viz-segmented{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);display:inline-flex;overflow:hidden}.viz-segmented button{border:0;border-right:1px solid var(--line-strong);height:28px;font:inherit;color:var(--text-2);cursor:pointer;background:0 0;padding:0 12px;font-size:13px;font-weight:500}.viz-segmented button:last-child{border-right:0}.viz-segmented button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong)}.viz-check{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.viz-check input,.viz-pick input{accent-color:var(--accent)}.table td.viz-pick{white-space:nowrap;width:44px;padding-right:0}.viz-pick .viz-swatch{margin:0 0 0 6px}.viz-link{font:inherit;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:500}.viz-link:hover{color:var(--accent-strong);text-decoration:underline}.table tfoot td{border-top:1px solid var(--line-strong);background:var(--surface-sunken);height:40px;padding:8px 12px}.table tfoot td:first-child{padding-left:16px}.table tfoot td:last-child{padding-right:16px}.viz-count-label{font-variant-numeric:tabular-nums;text-overflow:clip}.viz-node-counts{font-variant-numeric:tabular-nums;justify-content:space-between}.viz-node-counts strong{color:var(--text);font-weight:600}.flow-node[data-quiet]{border-style:dashed}.flow-node[data-quiet] .flow-node-name{color:var(--text-3)}.viz-body .table td.num{white-space:nowrap}.page:has(.look){max-width:1680px}.design-drop{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-3);text-align:center;margin-bottom:16px;padding:16px;font-size:13px}.design-drop[data-over]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.design-filters{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(130px,1fr));align-items:start;gap:12px;margin-bottom:16px;display:grid}.design-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.design-tile{text-align:left;width:100%;height:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:4px;padding:8px;display:flex}.design-tile:hover{border-color:var(--line-strong);background:var(--surface-hover)}.design-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;overflow:hidden}.design-thumb{object-fit:contain;background:var(--surface-sunken);border-radius:var(--radius-sm);width:100%;height:130px;display:block}.design-thumb-font{color:var(--text-3);justify-content:center;align-items:center;display:flex}.design-usage{gap:4px;margin:4px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.design-pick-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:340px;display:grid;overflow:auto}.design-pick{font:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:6px;display:flex}.design-pick:hover{border-color:var(--accent)}.design-pick img{object-fit:contain;background:var(--surface-sunken);border-radius:var(--radius-sm);width:100%;height:80px}.design-image-field{align-items:flex-start;gap:12px;display:flex}.design-image-field>img,.design-image-none{object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);width:72px;height:72px;color:var(--text-4);flex:none;justify-content:center;align-items:center;display:flex}.design-avatar{object-fit:cover;background:var(--surface-sunken);border-radius:50%;flex:none;width:48px;height:48px}.design-record{align-items:flex-start;gap:12px;display:flex}.design-count-label{justify-content:space-between;gap:8px;width:100%;display:flex}.design-count{color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:400}.design-over{color:var(--red);font-weight:600}.design-quote-locked{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:10px 12px;display:grid}.look{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:20px;display:grid}.look-controls{max-height:calc(100vh - 80px);position:sticky;top:60px;overflow:auto}.look-color{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.look-color input[type=color]{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:none;width:28px;height:28px;padding:0}.look-color-label{flex:90px;min-width:0;font-size:13px}.look-hex{flex:none;width:86px!important}.look-slider{grid-template-columns:64px minmax(0,1fr) 40px;align-items:center;gap:8px;font-size:13px;display:grid}.look-slider input{width:100%;accent-color:var(--accent)}.look-slider code{font:12px var(--mono);text-align:right}.look-phones{flex-wrap:wrap;gap:16px;display:flex}.look-phone{justify-items:center;gap:6px;margin:0;display:grid}.phone-frame.look-phone-empty{text-align:center;justify-content:center;align-items:center;width:212px;height:428px;padding:16px;display:flex}.design-phone{position:relative;overflow:hidden}.design-phone iframe{border:0;display:block}.slide-layouts{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.slide-layout{font:inherit;text-align:left;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;justify-items:start;gap:2px;padding:8px;display:grid}.slide-layout:hover{border-color:var(--line-strong)}.slide-layout[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.slide-thumb{width:40px;height:60px;margin-bottom:4px}.thumb-frame{fill:var(--surface);stroke:var(--line-strong)}.thumb-strong{fill:var(--text-2)}.thumb-soft{fill:var(--line-strong)}.thumb-mark{fill:var(--text-2);font:700 16px Georgia,serif}.thumb-line{fill:none;stroke:var(--text-2);stroke-width:1.5px}.slide-settings{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;display:grid}.slide-preview{position:sticky;top:60px}.slide-row{align-items:flex-start;gap:8px;display:flex}@media (width<=1100px){.look,.slide-settings{grid-template-columns:minmax(0,1fr)}.look-controls,.slide-preview{max-height:none;position:static}.design-filters{grid-template-columns:minmax(0,1fr)}.slide-preview .design-phone{max-width:377px;margin:0 auto;width:100%!important}.slide-preview .design-phone iframe{width:100%}.slide-layouts{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.piece-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.piece-row{border:1px solid var(--border,#dde3ea);background:var(--surface,#fff);border-radius:8px}.piece-row[data-over]{outline:2px solid var(--accent,#2d4f71);outline-offset:1px}.piece-head{align-items:center;gap:4px;padding:4px 6px;display:flex}.piece-grip{width:24px;height:28px;color:var(--muted,#6a7077);cursor:grab;place-items:center;display:grid}.piece-title{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:4px;display:flex}.piece-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.piece-body{border-top:1px solid var(--border,#dde3ea);padding:8px 12px 12px}.piece-style>summary{cursor:pointer;padding:4px 0}.piece-style>.ed-grid{margin-top:6px}.piece-color{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.piece-color-input{border:1px solid var(--border,#dde3ea);background:0 0;border-radius:6px;width:44px;height:32px;padding:2px}.piece-add{border:1px dashed var(--border,#dde3ea);border-radius:8px;padding:10px}.piece-add-grid{flex-wrap:wrap;gap:6px;display:flex}.snippet-warning{border:1px solid var(--red);border-radius:var(--radius);background:var(--red-soft);color:var(--text);padding:12px 14px;line-height:1.5}.snippet-code{resize:vertical;white-space:pre;width:100%;height:auto;min-height:200px;padding:10px;font-size:12.5px;line-height:1.5;overflow:auto}.snippet-h3{margin:0 0 4px;font-size:13px;font-weight:600}.snippet-hosts{margin-top:8px}.snippet-hosts th:not(:first-child),.snippet-hosts td:not(:first-child){text-align:center;width:76px}.snippet-hosts td:first-child{overflow-wrap:anywhere;min-width:170px}.snippet-add{align-items:flex-start;gap:8px;margin:12px 0;display:flex}.snippet-add>:first-child{flex:1;min-width:0}.snippet-add>.btn{margin-top:22px}.snippet-tick{align-items:flex-start;gap:8px;font-weight:500;display:flex}.snippet-tick input{margin-top:3px}.snippet-history{margin:0;padding:0;list-style:none}.snippet-history>li+li{border-top:1px solid var(--line)}.snippet-history-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 16px;display:flex}.snippet-history-row:hover{background:var(--surface-hover)}.snippet-history-sites{margin-left:auto}.snippet-history-detail{padding:4px 16px 14px}.snippet-diff{border:1px solid var(--line);border-radius:var(--radius);white-space:pre;margin:0 0 10px;padding:8px 10px;font-size:12px;list-style:none;overflow-x:auto}.snippet-diff .diff-added{color:var(--green)}.snippet-diff .diff-removed{color:var(--red)}.snippet-pre{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);white-space:pre;max-height:320px;margin:4px 0 8px;padding:10px;font-size:12px;overflow:auto}.page:has(.editor){max-width:1440px}.ed-toolbar{z-index:5;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;display:flex;position:sticky;top:0}.ed-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ed-status[data-dirty]{color:var(--amber)}.ed-problems-button{cursor:pointer;background:0 0;border:0;gap:6px;padding:0;display:inline-flex}.ed-views{overflow-x:auto}.ed-views .tab{font:inherit;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0}.ed-split{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}.ed-steps{flex-direction:column;max-height:calc(100vh - 88px);display:flex;position:sticky;top:64px}.ed-step-list{margin:0;padding:4px;list-style:none;overflow-y:auto}.ed-step{border-radius:var(--radius-sm);width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;display:flex}.ed-step:hover{background:var(--surface-hover)}.ed-step[aria-current=true]{background:var(--accent-soft)}.ed-step-n{width:20px;color:var(--text-4);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.ed-step-text{flex-direction:column;flex:1;min-width:0;display:flex}.ed-step-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.ed-step-type{color:var(--text-3);font-size:12px}.ed-dot{background:#e5a000;border-radius:50%;flex:none;width:8px;height:8px}.ed-main{min-width:0}.ed-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.ed-field{flex-direction:column;gap:4px;min-width:0;display:flex}.ed-wide{grid-column:1/-1}.ed-textarea{resize:vertical;height:auto;font:inherit;padding:6px 10px}.ed-select{appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23697386' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;text-overflow:ellipsis;padding-right:28px}.ed-check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.ed-check input{accent-color:var(--accent);margin:0}.ed-checks{flex-wrap:wrap;gap:8px 20px;display:flex}.opt-card,.edge-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px 12px 12px}.edge-card[data-conditional]{border-left:3px solid var(--accent)}.opt-head{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;margin-bottom:8px;display:flex}.opt-n{color:var(--text-4);font-variant-numeric:tabular-nums;font-size:12px}.link-button{font:inherit;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link-button:hover{color:var(--accent-strong)}.cond-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);padding:8px}.cond-group[data-depth="1"],.cond-group[data-depth="3"]{background:var(--surface)}.cond-children{border-left:2px solid var(--line-strong);flex-direction:column;gap:6px;margin:8px 0 0 12px;padding-left:10px;display:flex}.cond-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cond-row .ed-select{width:auto;max-width:100%}.cond-value{flex:120px;width:140px}.palette{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;display:grid}.palette-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.palette-item:hover{border-color:var(--accent);background:var(--accent-soft)}.dialog-popup:has(.palette){width:min(720px,100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto}.flow-split-editor .flow{height:calc(100vh - 332px);min-height:420px}.flow .flow-handle-drop{border-radius:var(--radius);z-index:5;width:100%;min-width:100%;height:100%;min-height:100%;top:0;left:0;transform:none}.ed-edge-line{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:8px;padding:6px 8px;display:flex}.ed-edge-line:hover{border-color:var(--accent)}.flow-node[data-problem=error]{border-color:var(--red)}.flow-node[data-problem=warning]{border-color:#e5a000}.flow-node[data-problem][data-selected=true]{box-shadow:0 0 0 3px var(--focus)}.flow .flow-handle-source{opacity:1;background:var(--line-strong);border:1px solid var(--surface);cursor:crosshair;border-radius:4px;width:28px;min-width:28px;height:8px;min-height:8px}.flow .flow-handle-source:hover,.flow .react-flow__handle.connectingfrom{background:var(--accent)}.flow .flow-edge.selected{stroke-width:3px}.flow .react-flow__edge.selected .flow-edge.conditional{stroke:var(--accent-strong)}.flow-edge-label.selected{box-shadow:0 0 0 2px var(--focus)}.flow .react-flow__edge{cursor:pointer}.flow .react-flow__connection-path{stroke:var(--accent);stroke-width:2px}.ed-preview{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;display:grid}.phone-frame{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;width:377px;overflow:hidden}.phone-frame iframe{border:0;display:block}@media (width<=1000px){.ed-split,.ed-preview{grid-template-columns:minmax(0,1fr)}.ed-steps{max-height:none;position:static}.ed-step-list{max-height:280px}}@media (width<=860px){.ed-toolbar{top:0}.phone-frame{width:100%;max-width:377px;margin:0 auto}.phone-frame iframe{width:100%}}.ai-diff{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ai-diff-row{border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:8px 10px}.ai-diff-field{margin-bottom:6px;font-size:13px;font-weight:600}.ai-diff-values{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.ai-diff-old,.ai-diff-new{min-width:0;font-size:13px}.ai-diff-new{font-weight:500}.ai-diff-old .ai-diff-text{text-decoration:line-through;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);opacity:.75}.ai-diff-text{overflow-wrap:anywhere;white-space:pre-wrap}.ai-diff-tag{text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.ai-phone{overflow-x:auto}.ed-copy-group{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.ed-copy-summary{cursor:pointer}.ed-copy-group[open]>.ed-copy-summary{margin-bottom:10px}.ed-copy-actions{flex-wrap:wrap;gap:12px;display:flex}[data-over]{color:var(--danger,#b42318);font-weight:600}.page:has(.sw):not(:has(.ed-with-phone)){max-width:1640px}.page:has(.ed-with-phone){--ed-phone-room:425px;max-width:none;padding-right:var(--ed-phone-room)}.ed-phone{z-index:4;width:377px;position:fixed;top:12px;bottom:12px;right:32px;overflow:auto}.ed-phone .sw-phone-stage{height:min(760px,100vh - 106px)}.ed-phone-switch{justify-content:flex-end;gap:4px;margin-bottom:12px;display:none}.editor{min-width:0;container:ed-main/inline-size}.sw-phone-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}@container ed-main (width<=800px){.look{grid-template-columns:minmax(0,1fr)}.look-controls{max-height:none;position:static}}@container ed-main (width<=575px){.editor .ed-split:has(.sw){grid-template-columns:minmax(0,1fr)}.editor .ed-steps{max-height:none;position:static}.editor .ed-step-list{max-height:240px}.editor .flow-split[data-open]{grid-template-columns:minmax(0,1fr)}.editor .flow-split[data-open] .flow{height:300px;position:static}}@media (width<=999px) and (width>=861px),(width<=759px){.page:has(.ed-with-phone){padding-right:16px}.ed-phone{width:100%;max-width:377px;margin:0 auto;position:static;overflow:visible}.ed-phone-switch{z-index:6;background:var(--surface);border-radius:10px;margin:0;padding:4px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 12px #0000002e}.ed-with-phone[data-pane=edit] .ed-phone,.ed-with-phone[data-pane=phone] .editor{display:none}}@media (width<=860px) and (width>=760px){.ed-phone{top:64px;right:16px}.ed-phone .sw-phone-stage{height:min(760px,100vh - 158px)}.page:has(.ed-with-phone){--ed-phone-room:409px}}.sw{min-width:0;container:sw/inline-size}.sw-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}:root{--sw-top:12px}.editor{--sw-top:96px}.sw{scroll-margin-top:var(--sw-top)}.sw-count{flex:auto}.sw-switch{gap:4px;display:none}.sw-body{grid-template-columns:minmax(0,1fr) 377px;align-items:start;gap:16px;display:grid}.sw-settings{min-width:0}.sw-read-only-action{margin-top:8px}.sw-ways{padding:10px 14px}.sw-ways summary{cursor:pointer;font-size:13px;font-weight:600}.sw-ways[open] summary{margin-bottom:8px}.sw-phone{top:var(--sw-top);min-width:0;position:sticky}.sw-phone-card{flex-direction:column;gap:8px;display:flex}.sw-phone-head{align-items:center;gap:4px;min-height:30px;display:flex}.sw-phone-stage{height:min(760px, calc(100vh - var(--sw-top) - 98px));min-height:420px;position:relative}.sw-phone-stage iframe{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.sw-phone-stage iframe[data-shown]{visibility:visible}.sw-phone-loading{text-align:center;padding:24px}.sw-phone-foot{margin:0}.sw [data-read-only]{opacity:.75}@container sw (width<=740px){.sw-switch{display:flex}.sw-body{grid-template-columns:minmax(0,1fr)}.sw[data-pane=settings] .sw-phone,.sw[data-pane=phone] .sw-settings{display:none}.sw-phone{width:100%;max-width:377px;margin:0 auto;position:static}}.ed-split:has(.sw){grid-template-columns:208px minmax(0,1fr)}.flow-split[data-open]{grid-template-columns:minmax(200px,1fr) minmax(760px,3fr)}.flow-split-editor:not([data-open]){grid-template-columns:minmax(0,1fr)}.flow-split-editor[data-open]{grid-template-columns:minmax(200px,1fr) minmax(360px,2fr)}.flow-split[data-open] .flow{top:var(--sw-top);height:calc(100vh - var(--sw-top) - 12px);min-height:420px;position:sticky;container:flow-card/inline-size}@container flow-card (width<=420px){.flow-toolbar>:not(:first-child){display:none}.flow-toolbar>:first-child{flex:auto;min-width:0}}.ed-split:has(.sw) .ed-steps{top:var(--sw-top)}.flow-split[data-open] .flow-side{position:static}@media (width<=1000px){.ed-split:has(.sw){grid-template-columns:minmax(0,1fr)}}@media (width<=1240px){.flow-split:not(.flow-split-editor)[data-open]{grid-template-columns:minmax(0,1fr)}.flow-split:not(.flow-split-editor)[data-open] .flow{height:calc(100vh - 230px);position:static}.flow-split:not(.flow-split-editor)[data-open] .flow-side{--sw-top:12px;z-index:60;background:var(--bg,#f6f8fa);width:min(100vw,860px);padding:12px 16px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-8px 0 24px #0000001f}}.ed-states{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px;display:grid}.builder-backdrop{z-index:40;background:#0f172a59;position:fixed;inset:0}.builder-drawer{z-index:41;background:var(--surface);border-left:1px solid var(--line);flex-direction:column;width:min(880px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #0f172a1f}.builder-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 20px;display:flex}.builder-title{margin:0;font-size:15px;font-weight:600}.builder-body{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;padding:20px;display:grid;overflow-y:auto}.builder-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 20px;display:flex}.builder-images{flex-wrap:wrap;gap:8px;display:flex}.builder-image{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:6px;max-width:100%;padding:4px;display:inline-flex}.builder-image span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.builder-image img{object-fit:cover;border-radius:4px;flex:none;width:40px;height:40px}.builder-empty{text-align:center;width:377px;height:300px;color:var(--muted,inherit);border:1px dashed var(--line);border-radius:var(--radius);place-items:center;padding:20px;display:grid}.builder-list{margin:0;padding-left:18px}@media (width<=900px){.builder-body{grid-template-columns:minmax(0,1fr)}.builder-empty{width:100%}}.versions .table tr[data-selected] td{background:var(--accent-soft)}.versions .actions-cell{text-align:right;white-space:nowrap}.versions .actions-cell .btn+.btn{margin-left:6px}.problem-list{margin:8px 0 0;padding-left:18px}.compare-pickers{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin-bottom:16px;display:grid}.compare-arrow{color:var(--text-3);padding-bottom:8px}.diff{flex-direction:column;gap:18px;display:flex}.diff-section h3{margin:0 0 8px;font-size:13px;font-weight:600}.diff-section>ul{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.diff-section>ul>li{border-top:1px solid var(--line);padding:8px 12px;font-size:13px}.diff-section>ul>li:first-child{border-top:0}.diff-mark{width:14px;font-family:var(--mono);font-weight:700;display:inline-block}.diff-added{background:var(--green-soft);color:var(--green)}.diff-removed{background:var(--red-soft);color:var(--red);-webkit-text-decoration:line-through #c0123c66;text-decoration:line-through #c0123c66}.diff-removed .diff-mark{text-decoration:none}.diff-changed .diff-mark{color:var(--amber)}.diff-fields{margin:6px 0 0;padding:0 0 0 14px;list-style:none}.diff-section>.diff-fields{margin:0;padding:0}.diff-field{border-top:1px dashed var(--line);padding:6px 0}.diff-field:first-child{border-top:0}.diff-section>.diff-fields>.diff-field{border:1px solid var(--line);border-top:0;padding:8px 12px}.diff-section>.diff-fields>.diff-field:first-child{border-top:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}.diff-section>.diff-fields>.diff-field:last-child{border-radius:0 0 var(--radius) var(--radius)}.diff-where{color:var(--text-3);margin-bottom:2px;font-size:12px}.diff-values{font-family:var(--mono);color:var(--text);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12px;display:flex}.diff-before{background:var(--red-soft);color:var(--red);border-radius:var(--radius-sm);padding:1px 4px;text-decoration:line-through}.diff-after{background:var(--green-soft);color:var(--green);border-radius:var(--radius-sm);padding:1px 4px}.diff-arrow{color:var(--text-4)}@media (width<=640px){.versions .hide-narrow{display:none}.compare-pickers{grid-template-columns:1fr}.compare-arrow,.versions .table thead{display:none}.versions .table,.versions .table tbody{width:100%;display:block}.versions .table tr{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:6px 12px;padding:12px 16px;display:grid}.versions .table tbody tr:last-child{border-bottom:0}.versions .table td,.versions .table tr[data-selected] td{background:0 0;display:block;border:0!important;padding:0!important}.versions .table tr[data-selected]{background:var(--accent-soft)}.versions .table td.small{grid-column:1/-1}.versions .actions-cell{text-align:left;white-space:normal;grid-column:1/-1}.versions .actions-cell .btn{margin:0 6px 0 0}}:root{--bg:#f6f8fa;--surface:#fff;--surface-sunken:#f6f8fa;--surface-hover:#f5f6f8;--line:#e3e8ee;--line-strong:#d5dbe1;--text:#1a1f36;--text-2:#4f566b;--text-3:#697386;--text-4:#8792a2;--accent:#5469d4;--accent-strong:#3f51b5;--accent-soft:#eef0fc;--focus:#5469d45c;--green:#0e6245;--green-soft:#cbf4c9;--amber:#983705;--amber-soft:#f8e5b9;--red:#c0123c;--red-soft:#ffe7f2;--blue:#0055bc;--blue-soft:#d6ecff;--grey-soft:#e3e8ee;--radius:6px;--radius-sm:4px;--shadow-pop:0 0 0 1px #1a1f360f, 0 8px 24px #1a1f361f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:14px/20px var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}h1,h2,h3,p{margin:0}code,.mono{font-family:var(--mono);font-size:12px}:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.muted{color:var(--text-3)}.small{font-size:12px;line-height:16px}.nowrap{white-space:nowrap}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);height:32px;color:var(--text);font:500 14px/1 var(--font);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex;box-shadow:0 1px 1px #1a1f360a}.btn:hover{background:var(--surface-hover);color:var(--text)}.btn:disabled,.btn[data-disabled]{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn-danger{color:var(--red)}.btn-danger.btn-solid{background:var(--red);border-color:var(--red);color:#fff}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-hover)}.btn-sm{height:28px;padding:0 10px;font-size:13px}.btn-block{width:100%}.btn-icon{width:32px;padding:0}.btn-sm.btn-icon{width:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.card-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:48px;padding:12px 16px;display:flex}.card-title{font-size:14px;font-weight:600}.card-body{padding:16px}.card-foot{border-top:1px solid var(--line);color:var(--text-3);align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.page{flex-direction:column;gap:20px;min-width:0;max-width:1200px;margin:0 auto;padding:28px 32px 48px;display:flex}.page-head{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.page-head h1{letter-spacing:-.01em;font-size:24px;font-weight:700;line-height:32px}.page-head .page-sub{color:var(--text-3);margin-top:4px}.crumbs{color:var(--text-3);align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.crumbs a{color:var(--text-3)}.crumbs a:hover{color:var(--text)}.facts{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0;display:grid}.fact{border-right:1px solid var(--line);min-width:0;padding:12px 16px}.fact:last-child{border-right:0}.fact dt{color:var(--text-3);margin-bottom:2px;font-size:12px}.fact dd{overflow-wrap:anywhere;margin:0;font-weight:500}.badge{border-radius:var(--radius-sm);white-space:nowrap;background:var(--grey-soft);height:20px;color:var(--text-2);align-items:center;gap:4px;padding:0 6px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.table-wrap{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:13px;line-height:18px}.table th{text-align:left;height:32px;color:var(--text-3);white-space:nowrap;border-bottom:1px solid var(--line);background:var(--surface);padding:0 12px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--line);vertical-align:middle;height:40px;padding:8px 12px}.table th:first-child,.table td:first-child{padding-left:16px}.table th:last-child,.table td:last-child{padding-right:16px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr[data-clickable]{cursor:pointer}.table tbody tr:hover td{background:var(--surface-hover)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table .cell-strong{color:var(--text);font-weight:500}.table-empty{text-align:center;color:var(--text-3);padding:32px 16px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--text-2);font-size:13px;font-weight:500}.field-help{color:var(--text-3);font-size:12px}.field-error{color:var(--red);font-size:12px}.input,.select-trigger{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;height:32px;color:var(--text);font:14px/20px var(--font);padding:0 10px;box-shadow:0 1px 1px #1a1f360a}.input::placeholder{color:var(--text-4)}.input:focus,.select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.input[data-invalid],.input[aria-invalid=true]{border-color:var(--red)}.select-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.select-trigger[data-placeholder]{color:var(--text-4)}.positioner{z-index:50}.select-popup,.menu-popup{min-width:var(--anchor-width,160px);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-pop);max-height:var(--available-height);z-index:50;outline:none;padding:4px;overflow-y:auto}.select-item,.menu-item{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:8px;min-height:30px;padding:5px 8px;font-size:13px;display:flex}.select-item[data-highlighted],.menu-item[data-highlighted]{background:var(--accent-soft)}.select-item[data-selected]{font-weight:500}.menu-item.menu-danger{color:var(--red)}.menu-separator{background:var(--line);height:1px;margin:4px 0}.select-check{width:14px;color:var(--accent)}.switch{background:var(--line-strong);cursor:pointer;border:0;border-radius:9px;flex:none;width:32px;height:18px;padding:2px;display:inline-flex;position:relative}.switch[data-checked]{background:var(--accent)}.switch-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:translate .12s;box-shadow:0 1px 2px #1a1f3633}.switch[data-checked] .switch-thumb{translate:14px}.otp{gap:8px;display:flex}.otp-slot{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:center;width:40px;height:44px;font:600 18px/1 var(--mono);color:var(--text)}.otp-slot:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.filters{border-bottom:1px solid var(--line);grid-template-columns:minmax(160px,1.2fr) minmax(160px,1.2fr) minmax(130px,1fr) minmax(130px,1fr) auto;align-items:end;gap:12px;padding:12px 16px;display:grid}.callout{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);color:var(--text-2);gap:10px;padding:10px 12px;font-size:13px;display:flex}.callout-error{background:var(--red-soft);color:#8a0b2e;border-color:#fbc5d4}.callout-warning{color:#6b2a04;background:#fdf6e3;border-color:#f1d18a}.callout-success{color:var(--green);background:#effbee;border-color:#a8e6a3}.callout-icon{flex:none;margin-top:2px}.dialog-backdrop{z-index:40;background:#1a1f3652;position:fixed;inset:0}.dialog-popup{background:var(--surface);border-radius:var(--radius);width:min(480px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-pop);z-index:41;outline:none;position:fixed;top:50%;left:50%;overflow-y:auto;translate:-50% -50%}.dialog-head{padding:16px 20px 0}.dialog-title{font-size:16px;font-weight:600}.dialog-desc{color:var(--text-3);margin-top:4px;font-size:13px}.dialog-body{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.dialog-foot{border-top:1px solid var(--line);background:var(--surface-sunken);border-radius:0 0 var(--radius) var(--radius);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{height:32px;color:var(--text);align-items:center;gap:8px;margin-bottom:12px;padding:0 8px;font-weight:600;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--text);color:#fff;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.nav-section{text-transform:uppercase;letter-spacing:.04em;color:var(--text-4);padding:12px 8px 4px;font-size:11px;font-weight:600}.nav-link{border-radius:var(--radius);height:32px;color:var(--text-2);align-items:center;gap:10px;padding:0 8px;font-weight:500;display:flex}.nav-link:hover{background:var(--surface-hover);color:var(--text)}.nav-link[data-status=active]{background:var(--accent-soft);color:var(--accent-strong)}.nav-link svg{color:currentColor;flex:none}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:12px}.who{border-radius:var(--radius);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;display:flex}.who:hover{background:var(--surface-hover)}.avatar{background:var(--grey-soft);width:28px;height:28px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.who-text{flex-direction:column;min-width:0;display:flex}.who-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar{display:none}@media (width<=860px){.shell{grid-template-columns:minmax(0,1fr)}.shell>.sidebar{display:none}.topbar{z-index:30;border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:8px;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.topbar .brand{margin:0;padding:0}.page{gap:16px;padding:20px 16px 40px}.page-head h1{font-size:20px;line-height:28px}.filters{grid-template-columns:1fr 1fr}.filters>:first-child{grid-column:1/-1}.fact{border-right:0;border-bottom:1px solid var(--line)}}.drawer-popup{z-index:41;outline:none;width:min(280px,85vw);position:fixed;top:0;bottom:0;left:0}.drawer-popup .sidebar{height:100%;position:static}.auth-page{flex-direction:column;align-items:center;min-height:100vh;padding:64px 16px 32px;display:flex}.auth-page .brand{margin-bottom:24px}.auth-card{flex-direction:column;gap:18px;width:100%;max-width:400px;padding:28px;display:flex}.auth-card h1{font-size:20px;font-weight:600;line-height:28px}.auth-foot{color:var(--text-3);text-align:center;max-width:400px;margin-top:16px;font-size:12px}.qr{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:168px;height:168px;padding:8px;display:block}.secret{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);font:13px/18px var(--mono);letter-spacing:.08em;overflow-wrap:anywhere;padding:8px 10px;display:block}.steps-list{color:var(--text-2);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:13px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:20px;display:flex;overflow-x:auto}.tab{color:var(--text-3);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 0;font-weight:500}.tab:hover{color:var(--text)}.tab[data-status=active]{color:var(--accent-strong);border-bottom-color:var(--accent)}.problems{margin:0;padding:0;list-style:none}.problems li{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:10px 16px;font-size:13px;display:flex}.problems li:last-child{border-bottom:0}.problems .where{color:var(--text-3);font-size:12px}.json{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);font:12px/17px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 12px}.grid-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=1000px){.grid-2{grid-template-columns:minmax(0,1fr)}}.flow{flex-direction:column;min-width:0;height:calc(100vh - 230px);min-height:480px;display:flex}.flow>.react-flow{flex:1;min-height:0}@media (width<=860px){.flow{height:calc(100vh - 190px);min-height:420px}}.flow-canvas{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);flex:1;min-height:0;position:relative;overflow:hidden}.flow-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:8px;display:flex}.flow-find{flex:0 260px;min-width:140px;position:relative}.flow-find-icon{color:var(--text-4);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.flow-find-input.input{height:28px;padding-left:28px;font-size:13px}.flow-find-pop{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:300px;max-width:80vw;box-shadow:var(--shadow-pop);position:absolute;top:calc(100% + 4px);left:0}.flow-find-list{max-height:320px;margin:0;padding:4px;list-style:none;overflow-y:auto}.flow-find-option{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 8px;font-size:13px;display:flex}.flow-find-option[data-branch]{padding-left:22px}.flow-find-option[aria-selected=true]{background:var(--accent-soft)}.flow-find-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-find-option>.small{flex:none}.flow-find-none{margin:0;padding:10px 12px}.flow-split{grid-template-columns:minmax(0,1fr) clamp(320px,26vw,380px);align-items:start;gap:16px;display:grid}.flow-side{min-width:0;position:sticky;top:64px}@media (width<=1000px){.flow-split{grid-template-columns:minmax(0,1fr)}.flow-side{position:static}}.flow-ways-title{color:var(--text-3);margin:4px 0 0;font-size:12px;font-weight:600}.flow-ways-none{margin:0}.flow-ways{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.flow-way{align-items:center;gap:4px;min-width:0;display:flex}.flow-way-main{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;font:inherit;text-align:left;cursor:pointer;flex:1;align-items:center;gap:8px;padding:6px 8px;display:flex}.flow-way-main:hover{border-color:var(--accent)}.flow-way-text{flex-direction:column;min-width:0;display:flex}.flow-way-step{color:var(--text);font-size:13px;font-weight:500}.flow-node{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:200px;height:58px;padding:8px 10px;font-size:12px;line-height:16px;box-shadow:0 1px 1px #1a1f360a}.flow-node[data-entry]{border-color:var(--accent)}.flow-node[data-end]{background:var(--surface-sunken)}.flow-node[data-near]{border-color:var(--accent)}.flow-node[data-selected=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.flow-node-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.flow-node-type{color:var(--text-3);align-items:center;gap:6px;margin-top:4px;display:flex}.flow-legend{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;display:flex}.legend-line{border-top:2px solid var(--text-4);vertical-align:middle;width:28px;height:0;margin-right:6px;display:inline-block}.legend-line.main{border-top-color:var(--text-2)}.legend-line.conditional{border-top:2px dashed var(--accent)}.flow .react-flow__edge-text{fill:var(--text-2);font-size:11px}.flow .react-flow__edge-textbg{fill:var(--surface)}.flow .react-flow__node{cursor:default}.flow-handle{opacity:0;border:0;width:1px;min-width:0;height:1px;min-height:0}.flow .flow-edge{stroke:var(--text-4);stroke-width:1.5px;fill:none}.flow .flow-edge.main{stroke:var(--text-2);stroke-width:2px}.flow .flow-edge.conditional{stroke:var(--accent);stroke-dasharray:5 4}.flow .flow-edge.focus{stroke-width:2.5px}.flow .flow-edge.focus:not(.conditional){stroke:var(--text)}.flow .flow-edge.faint{opacity:.6}.flow-edge-label{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);height:18px;color:var(--text-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 5px;font-size:12px;line-height:16px;position:absolute;top:0;left:0;overflow:hidden}.flow-edge-label.conditional{border-style:dashed;border-color:var(--accent);color:var(--accent-strong)}.flow-edge-label.focus{border-color:var(--text-3);color:var(--text);font-weight:500}.flow-edge-label.conditional.focus{border-color:var(--accent);color:var(--accent-strong)}.flow-edge-label.faint{color:var(--text-3);border-color:var(--line)}.flow[data-far] .flow-edge-label{display:none}.flow-map.react-flow__panel{background:0 0;margin:0}.flow-map-strip{z-index:5;border-left:1px solid var(--line);background:var(--surface);pointer-events:none;position:absolute;top:0;bottom:0;right:0}.flow .react-flow__controls{border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;overflow:hidden}.flow .react-flow__controls-button{border-bottom:1px solid var(--line);background:var(--surface)}.flow-minimap{border:1px solid var(--line);border-radius:var(--radius)}@media (width<=860px){.flow-minimap{display:none}}