.sa {
  --sa-ink: #181822;
  --sa-text: #4d4d5b;
  --sa-mute: #8b8b9d;
  --sa-faint: #b3b2c4;
  --sa-line: #e8e8fe;
  --sa-line-2: #f0f0fb;
  --sa-ground: #f5f5fb;
  --sa-tint: #f1f1fe;
  --sa-bone: #ebebf3;
  --sa-bone-lo: #f2f2f8;
  --sa-blue: #2b5ee8;
  --sa-blue-text: #196ef0;
  --sa-blue-soft: #e8f1fe;
  --sa-blue-edge: rgb(43 94 232 / .38);
  --sa-bar: #72aef5;
  --sa-grad: linear-gradient(180deg, #4874ef, #1d53e5);
  --sa-green: #1f8f5a;
  --sa-green-soft: #e4f5ec;
  --sa-amber: #a66a10;
  --sa-amber-soft: #fdf1d8;
  --sa-red: #e5484d;
  --sa-font: "Lato", "Inter", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sa-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font: 400 11px/1.35 var(--sa-font);
  letter-spacing: 0;
  color: var(--sa-ink);
  text-align: left;
}
.sa p { margin: 0; }
.sa b { font-weight: 700; }
.sa small { font-size: inherit; }
.sa em { font-style: normal; }
.sa code { font-family: var(--sa-mono); }

.sa.sk-win > .sk-frame__in, .sk-mini .sa.sk-frame__in { padding: 0; background: #fff; }
.sk-mini .sa.sk-frame__in { container: sa / inline-size; }
.sa.sk-win > .sk-frame__in { display: block; }
.sa-fit { height: 100%; container: sa / inline-size; }
.sa-fit > * { height: 100%; }

.sk-win.sa {
  inset: 44px 0 -40px 40px;
  -webkit-mask-image: linear-gradient(to right, #000 97%, transparent 100%), linear-gradient(to bottom, #000 70%, transparent 97%);
  mask-image: linear-gradient(to right, #000 97%, transparent 100%), linear-gradient(to bottom, #000 70%, transparent 97%);
}
.gk-split--flip .sk-win.sa, .pg-row--flip .sk-win.sa {
  inset: 44px 40px -40px 0;
  -webkit-mask-image: linear-gradient(to left, #000 97%, transparent), linear-gradient(to bottom, #000 70%, transparent 97%);
  mask-image: linear-gradient(to left, #000 97%, transparent), linear-gradient(to bottom, #000 70%, transparent 97%);
}
.sk-win.sa--float, .gk-split--flip .sk-win.sa--float, .pg-row--flip .sk-win.sa--float {
  top: 50%; bottom: auto; translate: 0 -50%;
  -webkit-mask-image: linear-gradient(to right, #000 97%, transparent 100%);
  mask-image: linear-gradient(to right, #000 97%, transparent 100%);
}
.gk-split--flip .sk-win.sa--float, .pg-row--flip .sk-win.sa--float {
  -webkit-mask-image: linear-gradient(to left, #000 97%, transparent);
  mask-image: linear-gradient(to left, #000 97%, transparent);
}
.sa--float .sa-fit, .sa--float .sa-fit > * { height: auto; }

.sa .lla-i { width: 13px; height: 13px; flex: none; stroke-width: 1.6; }
.sa .lla-mark { width: 20px; height: 20px; border-radius: 5px; }
.sa .sa-flip { scale: 1 -1; }
.sa-bone {
  display: block; flex: none;
  width: var(--w, 100%); height: var(--h, 6px);
  border-radius: 4px; background: var(--sa-bone);
}
.sa-bone--lo { background: var(--sa-bone-lo); }
.sa-bone--ink { background: #dcdce6; }
.sa-muted { color: var(--sa-mute); }
.sa-num { font-variant-numeric: tabular-nums; }
.sa-thumb {
  display: block; flex: none; width: 36px; height: 24px; border-radius: 4px;
  background: linear-gradient(180deg, #eef0fb 0 34%, #dfe3f7 34% 40%, #eef0fb 40% 58%, #f5c9cf 58% 66%, #eef0fb 66%);
  box-shadow: inset 0 0 0 1px rgb(24 24 34 / .05);
}

.sa-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px; flex: none;
  height: 24px; padding: 0 10px; border-radius: 6px;
  font: 700 10.5px/1 var(--sa-font); white-space: nowrap;
  border: 1px solid transparent;
}
.sa-btn .lla-i { width: 12px; height: 12px; stroke-width: 2; }
.sa-btn--blue { background: var(--sa-grad); color: #fff; box-shadow: inset 0 -1px 0 rgb(0 0 0 / .14); }
.sa-btn--line { border-color: var(--sa-blue-text); color: var(--sa-blue-text); background: #fff; font-weight: 400; }
.sa-btn--soft { background: var(--sa-blue-soft); color: var(--sa-blue-text); }
.sa-btn--pale { background: #a9bff6; color: #fff; }
.sa-btn--grey { background: #f3f3f8; color: var(--sa-text); border-color: var(--sa-line); font-weight: 400; }
.sa-btn--white { background: #fff; color: var(--sa-text); border-color: var(--sa-line); font-weight: 400; }
.sa-btn--wide { display: flex; width: 100%; height: 26px; background: #fff; color: var(--sa-text); border-color: var(--sa-line); font-weight: 400; }
.sa-btn--split .lla-i { margin-right: -4px; padding-left: 5px; border-left: 1px solid rgb(255 255 255 / .35); width: 17px; }

.sa-field {
  display: flex; align-items: center; gap: 7px; min-width: 0;
  height: 26px; padding: 0 9px; border-radius: 6px;
  border: 1px solid var(--sa-line); background: #fff;
  color: var(--sa-ink); white-space: nowrap; overflow: hidden;
}
.sa-field--select { justify-content: space-between; }
.sa-tx { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sa-field--select > .lla-i:last-child { margin-left: auto; color: var(--sa-mute); }
.sa-field--grey { background: #f6f6fb; border-color: transparent; color: var(--sa-text); }
.sa-field--num { width: 54px; }
.sa-field.is-focus { border-color: var(--sa-blue-text); box-shadow: 0 0 0 2px rgb(25 110 240 / .08); }
.sa-field .sa-logo { --tile: 16px; }
.sa-label { margin: 9px 0 4px !important; font-weight: 700; font-size: 10.5px; color: var(--sa-ink); }
.sa-pair { display: grid; grid-template-columns: 1fr 1.6fr; gap: 10px; }
.sa-pair > span { display: grid; }

.sa-select {
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  height: 24px; padding: 0 8px 0 9px; border-radius: 6px;
  border: 1px solid var(--sa-line); background: #fff; color: var(--sa-text); white-space: nowrap;
}
.sa-select .lla-i { width: 11px; height: 11px; color: var(--sa-mute); }
.sa-seg { display: inline-flex; gap: 1px; padding: 2px; border-radius: 7px; background: var(--sa-tint); flex: none; }
.sa-seg > span { display: grid; place-items: center; min-width: 22px; height: 18px; padding: 0 6px; border-radius: 5px; color: var(--sa-mute); font-size: 9.5px; white-space: nowrap; }
.sa-seg > .is-on { background: #fff; color: var(--sa-ink); box-shadow: 0 1px 2px rgb(24 24 34 / .08); }
.sa-seg--ico > span { padding: 0 4px; }
.sa-seg--ico .lla-i { width: 12px; height: 12px; }
.sa-seg--fill { display: flex; }
.sa-seg--fill > span { flex: 1; height: 20px; font-size: 10px; }
.sa-seg--wide { width: 100%; }

.sa-toggle { position: relative; display: block; flex: none; width: 24px; height: 14px; border-radius: 999px; background: #dfdfe9; }
.sa-toggle::after { content: ""; position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0 1px 1px rgb(0 0 0 / .1); }
.sa-toggle.is-on { background: var(--sa-blue); }
.sa-toggle.is-on::after { left: 12px; }
.sa-check { position: relative; display: block; flex: none; width: 12px; height: 12px; border-radius: 3px; border: 1px solid #d3d3e0; background: #fff; }
.sa-check.is-on, .sa-check--some { border-color: var(--sa-blue); background: var(--sa-blue); }
.sa-check.is-on::after { content: ""; position: absolute; left: 3.5px; top: 1px; width: 3px; height: 6px; border: solid #fff; border-width: 0 1.5px 1.5px 0; rotate: 40deg; }
.sa-check--some::after { content: ""; position: absolute; left: 2px; right: 2px; top: 4.5px; height: 1.5px; background: #fff; }

.sa-pct { display: inline-block; margin-left: 5px; padding: 2px 5px; border-radius: 4px; background: var(--sa-tint); color: var(--sa-ink); font-size: 9.5px; font-variant-numeric: tabular-nums; }
.sa-badge {
  display: inline-flex; align-items: center; gap: 2px; margin-left: 6px; vertical-align: 1px;
  padding: 1px 5px; border-radius: 4px; background: var(--sa-blue-soft); color: var(--sa-blue-text);
  font: 700 8.5px/1.4 var(--sa-font); letter-spacing: .02em;
}
.sa-badge .lla-i { width: 9px; height: 9px; }
.sa-status { display: inline-block; padding: 2px 6px; border-radius: 4px; background: #efeff6; color: var(--sa-text); font-size: 9.5px; }
.sa-status--blue { background: var(--sa-blue-soft); color: var(--sa-blue-text); }
.sa-status--green { background: var(--sa-green-soft); color: var(--sa-green); }
.sa-status--amber { background: var(--sa-amber-soft); color: var(--sa-amber); }
.sa-chip { display: inline-block; padding: 3px 6px; border-radius: 4px; background: #efeff6; color: var(--sa-text); font-size: 9.5px; white-space: nowrap; }
.sa-chips { display: flex; gap: 4px; flex-wrap: wrap; }
.sa-av { display: inline-grid; place-items: center; flex: none; width: 16px; height: 16px; border-radius: 50%; background: #ece6f7; color: #8467b7; font: 700 8.5px/1 var(--sa-font); font-style: normal; }
.sa-who { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.sa-credits { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border: 1px solid var(--sa-line); border-radius: 6px; color: var(--sa-text); white-space: nowrap; font-size: 10px; }
.sa-credits i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid #4da4fb; }
.sa-credits--bare { border: 0; padding: 0; margin-left: auto; color: var(--sa-mute); }
.sa-sq { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid var(--sa-line); border-radius: 6px; color: var(--sa-text); }
.sa-logo.ig-tile { --tile: 18px; border-radius: 5px; box-shadow: none; border-color: var(--sa-line); }
.sa-logo--own { display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 5px; border: 1px solid var(--sa-line); background: #fff; overflow: hidden; }
.sa-logo--own img { width: 12px; height: 12px; object-fit: contain; }
.sa-logo--own .lla-mark { width: 100%; height: 100%; border-radius: 0; }
.sa-logo--own > .lla-i { width: 11px; height: 11px; color: #f26b3a; }
.sa-logo--check > .lla-i { color: var(--sa-green); }

.sa .is-pick { position: relative; }

.sa-dash {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: 38px minmax(0, 1fr);
  height: 100%; background: #fff;
}
.sa-dash--settings { grid-template-columns: 128px minmax(0, 1fr); }
.sa-side, .sa-snav { grid-row: 1 / -1; min-height: 0; overflow: hidden; }
.sa-side { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 9px 0; }
.sa-side > .lla-mark { margin-bottom: 4px; }
.sa-side__ws { width: 24px; height: 24px; border-radius: 6px; border: 1px solid var(--sa-line); background: linear-gradient(180deg, #fbfcff 15%, #c9dbf8 70%, #a9c5f2); }
.sa-side__create { display: grid; place-items: center; width: 26px; height: 22px; border-radius: 6px; background: var(--sa-grad); color: #fff; margin-bottom: 4px; }
.sa-side__create .lla-i { width: 12px; height: 12px; stroke-width: 2.2; }
.sa-side__item { display: grid; place-items: center; width: 28px; height: 26px; border-radius: 6px; color: var(--sa-text); }
.sa-side__item.is-on { background: var(--sa-blue-soft); color: var(--sa-blue-text); }
.sa-snav { display: flex; flex-direction: column; gap: 1px; padding: 9px 8px; }
.sa-snav__top { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 10px; color: var(--sa-text); }
.sa-snav__back, .sa-snav__item { display: flex; align-items: center; gap: 7px; height: 22px; padding: 0 6px; border-radius: 5px; color: var(--sa-text); white-space: nowrap; font-size: 10.5px; }
.sa-snav__label { margin: 8px 0 2px; padding: 0 6px; font-size: 8.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--sa-faint); }
.sa-snav__item.is-on { background: var(--sa-blue-soft); color: var(--sa-blue-text); }
.sa-top { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 0 10px 0 4px; }
.sa-search {
  display: flex; align-items: center; gap: 6px; flex: none;
  width: min(220px, 42%); height: 24px; padding: 0 5px 0 8px;
  border: 1px solid var(--sa-line); border-radius: 6px; background: #fcfcff;
  color: var(--sa-faint); white-space: nowrap; overflow: hidden;
}
.sa-search .lla-i { width: 12px; height: 12px; }
.sa-search kbd { margin-left: auto; padding: 1px 4px; border: 1px solid var(--sa-line); border-radius: 4px; background: #fff; font: 400 8.5px/1.3 var(--sa-font); color: var(--sa-mute); }
.sa-top__end { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.sa-me.lla-mark { width: 22px; height: 22px; }
.sa-main {
  min-width: 0; min-height: 0; overflow: hidden;
  display: flex; flex-direction: column;
  background: var(--sa-ground);
  border-top: 1px solid var(--sa-line); border-left: 1px solid var(--sa-line);
  border-top-left-radius: 12px;
}
.sa-body { flex: 1; min-height: 0; padding: 10px 14px; display: flex; flex-direction: column; gap: 10px; }

.sa-head { display: flex; align-items: center; gap: 9px; flex: none; height: 44px; padding: 0 14px; background: #fff; }
.sa-head__back { color: var(--sa-text); width: 15px !important; height: 15px !important; }
.sa-head .sa-thumb { width: 42px; height: 28px; }
.sa-head__name { display: grid; gap: 2px; min-width: 0; }
.sa-head__name b { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-head__name small { color: var(--sa-mute); font-size: 9.5px; white-space: nowrap; }
.sa-head__end { display: flex; gap: 6px; margin-left: auto; }
.sa-tabs { display: flex; align-items: center; gap: 14px; flex: none; height: 30px; padding: 0 14px; border-bottom: 1px solid var(--sa-line); background: #fff; }
.sa-tabs > span:not(.sa-tabs__end) { position: relative; height: 100%; display: grid; place-items: center; color: var(--sa-text); white-space: nowrap; }
.sa-tabs > .is-on { color: var(--sa-blue-text) !important; }
.sa-tabs > .is-on::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: var(--sa-blue-text); }
.sa-tabs__end { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.sa-tabs__end em { font-style: italic; color: var(--sa-faint); font-size: 9.5px; white-space: nowrap; }

.sa-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; flex: none; }
.sa-stat { position: relative; display: flex; align-items: center; gap: 9px; padding: 11px 10px; border-radius: 9px; background: #fff; border: 1px solid var(--sa-line-2); min-width: 0; }
.sa-stat__ico { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%; background: #e6f0fd; color: var(--sa-blue-text); }
.sa-stat__txt { display: grid; gap: 2px; min-width: 0; }
.sa-stat__txt small { color: var(--sa-mute); font-size: 10px; }
.sa-stat__txt b { font-size: 16px; line-height: 1; font-variant-numeric: tabular-nums; }
.sa-stat > em { position: absolute; top: 9px; right: 9px; color: var(--sa-mute); font-size: 9px; }

.sa-card { min-width: 0; background: #fff; border: 1px solid var(--sa-line-2); border-radius: 10px; }
.sa-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--sa-line-2); }
.sa-card__head > b { font-size: 12px; white-space: nowrap; }
.sa-card__head > b i, .sa-ptitle b i, .sa-qb__label i, .sa-qb__title i { font-style: normal; font-weight: 400; font-size: 9.5px; color: var(--sa-mute); margin-left: 3px; }
.sa-card__tools { display: flex; align-items: center; gap: 6px; }
.sa-mode { display: flex; align-items: center; gap: 9px; margin: 9px 12px 2px; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--sa-line-2); background: #fafaff; }
.sa-mode__ico { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 6px; background: #dde9fd; color: var(--sa-blue-text); }
.sa-mode__ico--ab { background: #d9f2e5; color: var(--sa-green); }
.sa-mode__text { display: grid; gap: 1px; min-width: 0; }
.sa-mode__text b { display: flex; align-items: center; gap: 4px; }
.sa-mode__text b .lla-i { width: 10px; height: 10px; }
.sa-mode__text small { color: var(--sa-mute); font-size: 9.5px; white-space: nowrap; }
.sa-mode .sa-btn { margin-left: auto; }
.sa-vt { padding: 0 2px 4px; }
.sa-vt__head, .sa-vt__row {
  display: grid; align-items: center; gap: 8px;
  grid-template-columns: 52px minmax(0, 1fr) 70px 46px 92px;
  padding: 0 12px;
}
.sa-vt__head { height: 28px; color: var(--sa-mute); font-size: 10px; }
.sa-vt__head > span:nth-child(n+3) { text-align: center; }
.sa-vt__row { min-height: 40px; border-top: 1px solid var(--sa-line-2); }
.sa-vt__row > span:nth-child(n+4) { text-align: center; white-space: nowrap; }
.sa-vt__row > span:nth-child(n+4) .sa-bone { margin: 0 auto; }
.sa-vt__id { display: flex; align-items: center; gap: 5px; color: var(--sa-text); font-variant-numeric: tabular-nums; }
.sa-vt__id .lla-i { width: 10px; height: 10px; color: var(--sa-mute); }
.sa-vars--ids .sa-vt__id { color: var(--sa-blue-text); font-weight: 700; }
.sa-vt__name { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sa-vt__name > span:last-child { display: grid; gap: 2px; min-width: 0; }
.sa-vt__name b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-vt__name small { color: var(--sa-faint); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-traffic { display: grid; justify-items: center; gap: 3px; font-size: 9.5px; color: var(--sa-ink); font-variant-numeric: tabular-nums; }
.sa-traffic > i { display: block; width: 46px; height: 4px; border-radius: 99px; background: linear-gradient(90deg, var(--sa-bar) var(--v), #e6e9f3 var(--v)); }
.sa-traffic--line > i { width: 100%; }
.sa-vt__row.is-pick { background: linear-gradient(90deg, rgb(43 94 232 / .045), rgb(43 94 232 / .02)); }
.sa-vt__row.is-pick .sa-pct { background: var(--sa-blue-soft); color: var(--sa-blue-text); font-weight: 700; }
.sa-vt__row.is-open { background: #fbfbff; }

.sa-qp { margin: 2px 12px 10px 30px; }
.sa-qp__steps { border-radius: 7px; border: 1px solid var(--sa-line-2); background: #fff; overflow: hidden; }
.sa-qp__head, .sa-qp__step { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); align-items: center; gap: 6px; padding: 0 10px; }
.sa-qp__head { height: 26px; color: var(--sa-mute); font-size: 9.5px; background: #fbfbff; }
.sa-qp__head i { font-style: normal; color: var(--sa-faint); }
.sa-qp__head > span:nth-child(n+2), .sa-qp__step > span:nth-child(n+2) { text-align: center; }
.sa-qp__step { height: 27px; border-top: 1px solid var(--sa-line-2); }
.sa-qp__step > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-drop { display: grid; justify-items: center; gap: 2px; font-size: 9.5px; font-variant-numeric: tabular-nums; }
.sa-drop > i { display: block; width: 46px; height: 3px; border-radius: 99px; background: linear-gradient(90deg, #c7d4f6 var(--v), #eef0f6 var(--v)); }
.sa-qp__step.is-pick { background: rgb(43 94 232 / .04); }
.sa-qp__step.is-pick > span:first-child { font-weight: 700; }
.sa-qp__step.is-pick .sa-drop { color: var(--sa-blue-text); font-weight: 700; }
.sa-qp__step.is-pick .sa-drop > i { background: linear-gradient(90deg, var(--sa-blue) var(--v), #e3e9fb var(--v)); }

.sa-ptitle { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; flex: none; }
.sa-ptitle > span:first-child { display: grid; gap: 3px; }
.sa-ptitle b { font-size: 14px; }
.sa-ptitle small { color: var(--sa-mute); font-size: 10px; white-space: nowrap; }
.sa-ptitle__end { display: flex; align-items: center; gap: 6px; }
.sa-filters { display: flex; align-items: center; gap: 6px; flex: none; }
.sa-filters .sa-search { width: 180px; }
.sa-filters > .sa-select:first-of-type { margin-left: auto; }
.sa-filters__end { display: flex; align-items: center; gap: 8px; margin-left: auto; color: var(--sa-text); }
.sa-table { overflow: hidden; }
.sa-table__head, .sa-table__row { display: grid; align-items: center; gap: 10px; padding: 0 12px; }
.sa-table__head { height: 28px; color: var(--sa-mute); font-size: 10px; border-bottom: 1px solid var(--sa-line-2); }
.sa-table__row { min-height: 36px; border-top: 1px solid var(--sa-line-2); }
.sa-table__row:nth-child(2) { border-top: 0; }
.sa-table__row > * { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-table__two { display: grid; gap: 1px; }
.sa-table__two b { font-weight: 400; overflow: hidden; text-overflow: ellipsis; }
.sa-table__two small { color: var(--sa-mute); font-size: 9px; font-style: italic; overflow: hidden; text-overflow: ellipsis; }
.sa-table__row.is-pick { background: rgb(43 94 232 / .035); }
.sa-table--rep .sa-table__head, .sa-table--rep .sa-table__row { grid-template-columns: minmax(0, 1.8fr) 60px 50px 70px; }
.sa-table--rep .sa-table__head > span:nth-child(n+2), .sa-table--rep .sa-table__row > span:nth-child(n+2) { text-align: right; }
.sa-table__page { display: flex; align-items: center; gap: 8px; }
.sa-table__page .sa-thumb { width: 30px; height: 20px; }
.sa-table__head .is-sort { display: flex; justify-content: flex-end; align-items: center; gap: 3px; color: var(--sa-ink); }
.sa-table__head .is-sort .lla-i { width: 10px; height: 10px; }
.sa-table--rep .sa-table__row.is-pick .sa-pct { background: var(--sa-blue-soft); color: var(--sa-blue-text); font-weight: 700; }
.sa-table--logs .sa-table__head, .sa-table--logs .sa-table__row { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.25fr) 76px 84px; }
.sa-table--logs .sa-table__row > span:last-child, .sa-table--logs .sa-table__head > span:last-child { text-align: right; }
.sa-ev { position: relative; padding-left: 9px; }
.sa-ev::before { content: ""; position: absolute; left: 0; top: 1px; bottom: 1px; width: 2.5px; border-radius: 2px; background: #3c7bea; }
.sa-ev--add::before { background: #2f9e6a; }
.sa-table--domains .sa-table__head, .sa-table--domains .sa-table__row { grid-template-columns: minmax(0, 1.5fr) 58px minmax(0, 1.3fr) 92px; }
.sa-table--domains .sa-table__row > b { font-weight: 400; }
.sa-table--domains .sa-table__row.is-pick > b { font-weight: 700; }
.sa-table--domains .sa-table__row > span:last-child { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.sa-table--domains .sa-table__row.is-pick .sa-chip { background: var(--sa-blue-soft); color: var(--sa-blue-text); }

.sa-body--drawer { position: relative; }
.sa-leads { flex: 1; min-height: 0; }
.sa-leads__tools { display: flex; align-items: center; gap: 8px; padding: 8px 12px; }
.sa-leads__tools .sa-search { width: 170px; }
.sa-leads__end { display: flex; align-items: center; gap: 8px; margin-left: auto; color: var(--sa-mute); }
.sa-leads__head, .sa-leads__row { display: grid; grid-template-columns: minmax(0, 1.4fr) 70px 70px 80px; align-items: center; gap: 10px; padding: 0 12px; }
.sa-leads__head { height: 26px; color: var(--sa-mute); font-size: 9.5px; text-transform: uppercase; letter-spacing: .03em; }
.sa-leads__row { height: 30px; border-top: 1px solid var(--sa-line-2); }
.sa-drawer {
  position: absolute; top: 74px; bottom: -40px; right: 14px; width: 42%;
  border-top-left-radius: 10px; border-top: 1px solid var(--sa-line);
  display: grid; align-content: start; gap: 9px;
  padding: 14px 16px; background: #fff;
  border-left: 1px solid var(--sa-line);
  box-shadow: -14px 0 30px -18px rgb(24 24 34 / .22);
}
.sa-drawer__head { display: flex; align-items: center; gap: 7px; font-size: 12.5px; }
.sa-drawer__head > .lla-i:first-child { color: var(--sa-blue-text); width: 14px; height: 14px; }
.sa-drawer__head > .lla-i:last-child { margin-left: auto; color: var(--sa-mute); }
.sa-drawer__sub { color: var(--sa-mute); font-size: 9.5px; margin-bottom: 4px !important; }
.sa-drawer__item { padding: 9px 10px; border-radius: 8px; background: #f8f8fd; border: 1px solid var(--sa-line-2); }
.sa-drawer__item small { display: block; margin-bottom: 3px; font: 700 8.5px/1.2 var(--sa-font); letter-spacing: .06em; text-transform: uppercase; color: var(--sa-blue-text); }
.sa-drawer__item p { font-size: 11px; line-height: 1.4; color: var(--sa-ink); }

.sa-dlg { display: flex; flex-direction: column; height: 100%; background: #fff; }
.sa-dlg__head { display: flex; align-items: center; gap: 10px; flex: none; padding: 13px 16px 11px; border-bottom: 1px solid var(--sa-line-2); }
.sa-dlg__title { display: grid; gap: 2px; min-width: 0; }
.sa-dlg__title b { font-size: 13px; white-space: nowrap; }
.sa-dlg__title b i { font-style: normal; font-weight: 400; font-size: 10.5px; color: var(--sa-mute); margin-left: 5px; }
.sa-dlg__title small { color: var(--sa-mute); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-dlg__close { display: flex; align-items: center; gap: 4px; margin-left: auto; align-self: flex-start; font-size: 9.5px; color: var(--sa-text); letter-spacing: .02em; }
.sa-dlg__close .lla-i { width: 12px; height: 12px; }
.sa-dlg--wiz .sa-dlg__head { border-bottom: 0; padding-bottom: 8px; }
.sa-dlg__logo.ig-tile, .sa-dlg__logo.sa-logo--own { --tile: 30px; width: 30px; height: 30px; border-radius: 8px; background: #f6f6fb; }
.sa-dlg__bars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; flex: none; padding: 0 16px 10px; border-bottom: 1px solid var(--sa-line-2); }
.sa-dlg__bars i { height: 3px; border-radius: 99px; background: #ebedf5; }
.sa-dlg__bars i.is-on { background: var(--sa-blue); }
.sa-dlg__body { flex: none; display: flex; flex-direction: column; padding: 6px 16px 14px; min-height: 0; }
.sa-dlg__foot { display: flex; gap: 8px; flex: none; padding: 10px 16px; border-top: 1px solid var(--sa-line-2); }
.sa-dlg__foot .sa-btn { height: 26px; padding: 0 12px; }
.sa-dlg__h { margin: 8px 0 3px !important; font-size: 12px; font-weight: 700; }
.sa-dlg__p { color: var(--sa-mute); font-size: 10px; line-height: 1.45; margin-bottom: 9px !important; max-width: 470px; }
.sa-dlg__aside { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin: 4px 0 2px !important; color: var(--sa-text); }

.sa-wt { border-radius: 8px; border: 1px solid var(--sa-line-2); }
.sa-wt__head, .sa-wt__row { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(60px, .9fr) 52px 60px; align-items: center; gap: 10px; padding: 0 10px; }
.sa-wt__head { height: 26px; color: var(--sa-mute); font-size: 9.5px; text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid var(--sa-line-2); }
.sa-wt__head > span:last-child { grid-column: 2 / -1; }
.sa-wt__row { height: 42px; border-top: 1px solid var(--sa-line-2); }
.sa-wt__head + .sa-wt__row { border-top: 0; }
.sa-wt__row .sa-traffic > i { height: 5px; }
.sa-wt__row > b { text-align: right; font-size: 10.5px; }
.sa-wt__row.is-pick .sa-field--num { border-color: var(--sa-blue-text); }

.sa-dlg--settings .sa-dlg__body { padding: 0; flex: 1; }
.sa-set { display: grid; grid-template-columns: 112px minmax(0, 1fr); flex: 1; min-height: 0; }
.sa-set__nav { display: grid; align-content: start; gap: 2px; padding: 10px 8px; border-right: 1px solid var(--sa-line-2); }
.sa-set__nav > span { padding: 5px 8px; border-radius: 5px; color: var(--sa-text); white-space: nowrap; font-size: 10.5px; }
.sa-set__nav > .is-on { background: var(--sa-blue-soft); color: var(--sa-blue-text); }
.sa-set__body { display: grid; align-content: start; gap: 8px; padding: 12px 16px; min-width: 0; }
.sa-set__h { font-size: 12px; font-weight: 700; margin-top: 2px !important; }
.sa-set__h--line { padding-bottom: 8px; border-bottom: 1px solid var(--sa-line-2); }
.sa-set__p { color: var(--sa-text); font-size: 10px; line-height: 1.5; }
.sa-set__p code { color: var(--sa-blue-text); font-size: 9.5px; }
.sa-opt { display: flex; align-items: flex-start; gap: 9px; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--sa-line-2); }
.sa-opt > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; flex: 1; }
.sa-opt small { color: var(--sa-mute); font-size: 9.5px; line-height: 1.4; }
.sa-opt .sa-toggle { margin-top: 2px; }
.sa-opt__ico { display: grid; place-items: center; flex: none; width: 16px; height: 16px; margin-top: 1px; border-radius: 4px; color: #3b82f6; }
.sa-opt__ico--g { background: conic-gradient(#4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0); border-radius: 50%; width: 12px; height: 12px; margin: 2px; }
.sa-opt__ico--pin .lla-i { color: #ea4335; width: 14px; height: 14px; }
.sa-opt__ico--db .lla-i { width: 14px; height: 14px; }
.sa-opt.is-pick { border-color: var(--sa-blue-edge); background: rgb(43 94 232 / .03); }
.sa-note { display: flex; gap: 7px; align-items: flex-start; padding: 8px 10px; border-radius: 7px; background: #f3f2fd; color: var(--sa-text); font-size: 9.5px; line-height: 1.45; }
.sa-note .lla-i { margin-top: 1px; width: 12px; height: 12px; }
.sa-code { border-radius: 7px; border: 1px solid var(--sa-line); overflow: hidden; }
.sa-code__head { display: flex; align-items: center; gap: 4px; padding: 7px 9px; background: #f6f6fb; font-size: 10px; color: var(--sa-text); }
.sa-code__head code { color: var(--sa-blue-text); font-size: 9.5px; }
.sa-code__head .lla-i { margin-left: auto; color: var(--sa-mute); }
.sa-code pre { margin: 0; padding: 6px 0; counter-reset: ln; font: 400 10px/18px var(--sa-mono); }
.sa-code pre > span { display: block; position: relative; padding: 0 10px 0 30px; white-space: pre; color: var(--sa-ink); min-height: 18px; }
.sa-code pre > span::before { counter-increment: ln; content: counter(ln); position: absolute; left: 0; width: 20px; text-align: right; color: #a8a9c0; }
.sa-code pre > span.c { color: #8b8fa3; }
.sa-code pre > span.t { color: #a2348f; }
.sa-code--short pre > span { min-height: 18px; }
.sa-code.is-pick { border-color: var(--sa-blue-edge); }

.sa-tokens { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.sa-tokens em { padding: 3px 5px; border-radius: 4px; background: #e9f2fd; color: #3a6ea8; font-size: 9px; }
.sa-tokens em.is-pick { background: var(--sa-blue); color: #fff; }

.sa-rv { border-radius: 8px; border: 1px solid var(--sa-line); }
.sa-rv__name { padding: 8px 12px; font-weight: 700; font-size: 11.5px; border-bottom: 1px solid var(--sa-line-2); }
.sa-rv__sec { display: grid; gap: 4px; padding: 8px 12px; border-top: 1px solid var(--sa-line-2); }
.sa-rv__name + .sa-rv__sec { border-top: 0; }
.sa-rv__sec > small { font: 700 8.5px/1.3 var(--sa-font); letter-spacing: .07em; text-transform: uppercase; color: var(--sa-mute); }
.sa-rv__url { font-size: 10.5px; color: var(--sa-ink); }
.sa-rv__note { color: var(--sa-mute); font-size: 9.5px; }
.sa-rv__note code { padding: 1px 4px; border-radius: 3px; background: #f1f1f7; color: var(--sa-ink); }
.sa-rv__map { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 8px; font-size: 10.5px; }
.sa-rv__map code { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-rv__map em { justify-self: start; padding: 1px 5px; border-radius: 3px; background: #f1f1f7; font: 400 10px/1.5 var(--sa-mono); color: var(--sa-text); }
.sa-rv__map.is-pick em { background: var(--sa-blue-soft); color: var(--sa-blue-text); }
.sa-rv__map.is-pick code { color: var(--sa-blue-text); font-weight: 700; }

.sa-map { display: grid; gap: 5px; }
.sa-map__head, .sa-map__row { display: grid; grid-template-columns: 14px minmax(0, 1fr) 14px minmax(0, 1fr); align-items: center; gap: 8px; }
.sa-map__head { color: var(--sa-mute); font: 700 8.5px/1 var(--sa-font); letter-spacing: .07em; text-transform: uppercase; margin-bottom: 2px; }
.sa-map__head > span:last-child { grid-column: 4; }
.sa-map__head .lla-i { width: 10px; height: 10px; vertical-align: -1px; }
.sa-map__row > .lla-i { color: var(--sa-faint); }
.sa-map__row.is-pick .sa-field:last-child { border-color: var(--sa-blue-text); color: var(--sa-blue-text); }

.sa-dlg--wide .sa-dlg__body { padding: 0; flex: 1; }
.sa-cat { display: grid; grid-template-columns: 128px minmax(0, 1fr); flex: 1; min-height: 0; }
.sa-cat__nav { display: grid; align-content: start; gap: 2px; padding: 10px 8px; border-right: 1px solid var(--sa-line-2); background: #fbfbfe; }
.sa-cat__nav small { padding: 0 6px 4px; font: 700 8.5px/1 var(--sa-font); letter-spacing: .07em; text-transform: uppercase; color: var(--sa-mute); }
.sa-cat__nav > span { display: flex; align-items: center; justify-content: space-between; padding: 5px 6px; border-radius: 5px; color: var(--sa-text); white-space: nowrap; font-size: 10.5px; }
.sa-cat__nav > span i { font-style: normal; font-size: 9px; color: var(--sa-mute); padding: 0 4px; border-radius: 4px; background: #efeff6; }
.sa-cat__nav > .is-on { background: var(--sa-blue-soft); color: var(--sa-blue-text); }
.sa-cat__list { display: grid; align-content: start; gap: 6px; padding: 10px 12px; min-width: 0; }
.sa-cat__list .sa-search { width: 100%; }
.sa-cat__row { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--sa-line); min-width: 0; }
.sa-cat__row .sa-logo { --tile: 24px; width: 24px; height: 24px; border-radius: 6px; }
.sa-cat__row > span:nth-child(2) { display: grid; gap: 1px; min-width: 0; flex: 1; }
.sa-cat__row small { color: var(--sa-mute); font-size: 9.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-cat__row.is-pick { border-color: var(--sa-blue-edge); }

.sa-ed {
  display: grid; height: 100%; background: #fff;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: 36px minmax(0, 1fr);
}
.sa-ed--left { grid-template-columns: 38px 236px minmax(0, 1fr); }
.sa-ed--right { grid-template-columns: 38px minmax(0, 1fr) 196px; }
.sa-ed__bar { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 0 10px 0 9px; border-bottom: 1px solid var(--sa-line); }
.sa-ed__name { color: var(--sa-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sa-ed__name--mid { margin: 0 auto; }
.sa-ed__dev { display: flex; gap: 2px; margin-left: auto; padding: 2px; border-radius: 7px; background: var(--sa-tint); flex: none; }
.sa-ed__dev > span { display: grid; place-items: center; width: 22px; height: 20px; border-radius: 5px; color: var(--sa-mute); }
.sa-ed__dev > .is-on { background: #fff; color: var(--sa-ink); box-shadow: 0 1px 2px rgb(24 24 34 / .08); }
.sa-ed__end { display: flex; gap: 5px; margin-left: auto; }
.sa-ed__rail, .sa-qb__rail { display: flex; flex-direction: column; align-items: center; gap: 5px; min-height: 0; overflow: hidden; padding: 8px 0; border-right: 1px solid var(--sa-line); }
.sa-ed__add { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 6px; background: var(--sa-grad); color: #fff; margin-bottom: 3px; }
.sa-ed__add .lla-i { width: 13px; height: 13px; stroke-width: 2.2; }
.sa-ed__tool { display: grid; place-items: center; flex: none; width: 26px; height: 24px; border-radius: 6px; color: #6a6979; }
.sa-ed__tool.is-on { background: var(--sa-tint); color: var(--sa-blue-text); }
.sa-ed__ai { margin-top: 4px; color: #a855f7; }
.sa-ed__ai.is-on { background: #f1e8fd; color: #9333ea; }
.sa-ed__foot { display: grid; gap: 9px; justify-items: center; margin-top: auto; color: #8a89a0; }
.sa-ed__left { grid-row: 2; min-width: 0; min-height: 0; overflow: hidden; border-right: 1px solid var(--sa-line); }
.sa-ed__canvas { position: relative; grid-row: 2; min-width: 0; min-height: 0; overflow: hidden; background: #f3f4f7; padding: 14px; }
.sa-ed__right { grid-row: 2; min-width: 0; min-height: 0; overflow: hidden; border-left: 1px solid var(--sa-line); background: #fff; }


.sa-page {
  --pa: #2347ff;
  position: relative;
  display: flex; flex-direction: column; gap: 8px;
  min-height: 100%; padding: 14px 18px 18px;
  background: #fff; border-radius: 4px;
  box-shadow: 0 0 0 1px rgb(24 24 34 / .04);
  font-family: "Inter", var(--sa-font);
}
.sa-page__nav { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #f1f1f5; }
.sa-page__h { font: 700 17px/1.18 "Inter", var(--sa-font); letter-spacing: -.02em; color: #12141a; max-width: 330px; text-wrap: balance; }
.sa-page__btn { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; height: 30px; padding: 0 16px; border-radius: 7px; background: var(--pa); color: #fff; font: 600 11px/1 "Inter", var(--sa-font); white-space: nowrap; }
.sa-page__btn--ghost { width: 120px; background: #e2e5f1; }
.sa-page__img { display: block; flex: none; height: 92px; border-radius: 8px; background: linear-gradient(135deg, #e7ebf8, #f1ebfa); }
.sa-page__img--wide { width: 100%; height: 110px; margin-top: 6px; }
.sa-page__hero { display: grid; grid-template-columns: minmax(0, 1fr) 40%; gap: 14px; align-items: center; padding: 6px 0 10px; }
.sa-page__copy { display: grid; gap: 7px; align-content: start; }
.sa-page__cta { display: block; width: 90px; height: 22px; border-radius: 6px; background: #d5dcf7; margin-top: 4px; }
.sa-page__band { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding-top: 10px; border-top: 1px solid #f1f1f5; }
.sa-page__band i { height: 56px; border-radius: 7px; background: #f4f5f9; }
.sa-page__ghost { display: grid; gap: 8px; padding-top: 12px; }
.sa-page__ghost i { height: 70px; border-radius: 7px; background: #f6f6f9; }
.sa-page__ghost i:nth-child(2) { height: 40px; width: 70%; }
.sa-page__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 16px; align-items: start; }
.sa-page--center { align-items: center; padding-top: 22px; }
.sa-page--block { padding-top: 0; }
.sa-page__sticky {
  position: absolute; left: 0; right: 0; bottom: 0;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 9px 16px; background: #12141a; color: #fff;
  font: 500 10px/1.2 "Inter", var(--sa-font);
  border-radius: 0 0 4px 4px;
}
.sa-page__sticky i { font-style: normal; padding: 5px 10px; border-radius: 6px; background: var(--pa); font-weight: 600; }

.sa-sel { position: relative; align-self: flex-start; display: inline-flex; flex-direction: column; margin-top: 18px; padding: 3px; outline: 1.5px solid var(--sa-blue); outline-offset: 0; border-radius: 3px; }
.sa-sel__bar { position: absolute; left: -1px; bottom: calc(100% + 4px); display: flex; gap: 6px; padding: 4px 6px; border-radius: 6px; background: #fff; border: 1px solid var(--sa-line); color: var(--sa-text); box-shadow: 0 2px 6px rgb(24 24 34 / .06); }
.sa-sel__bar .lla-i { width: 11px; height: 11px; }
.sa-sel__bar .lla-i:last-child { color: var(--sa-red); }
.sa-sel--text { margin-top: 0; }
.sa-sel--block { align-self: stretch; margin-top: 24px; padding: 6px 6px 7px; }
.sa-tip {
  align-self: flex-start; max-width: 100%;
  margin-top: 2px; padding: 6px 8px; border-radius: 6px;
  background: #1c1d26; color: #e8e9f2;
  font: 400 9.5px/1.35 var(--sa-mono);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sa-tbar { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; margin-top: 12px; padding: 5px 9px; border-radius: 6px; border: 1px solid var(--sa-line); background: #fff; color: var(--sa-text); font: 400 11px/1 "Inter", var(--sa-font); box-shadow: 0 2px 6px rgb(24 24 34 / .05); }
.sa-tbar > em { width: 1px; height: 12px; background: var(--sa-line); }
.sa-tbar > span { color: var(--sa-blue-text); font-size: 10px; }
.sa-tbar .lla-i { width: 12px; height: 12px; }
.sa-tbar--sm { position: absolute; left: -1px; bottom: calc(100% + 4px); margin: 0; gap: 7px; padding: 4px 7px; }
.sa-page__h--sel { outline: 1.5px solid var(--sa-blue); outline-offset: 3px; border-radius: 2px; margin-top: 4px; }
.sa-page__h mark { padding: 0 2px; border-radius: 2px; background: #cfe0fb; color: inherit; }
.sa-seen {
  position: absolute; left: 30px; right: 24px; bottom: 50px;
  display: grid; gap: 5px;
}
.sa-seen p { display: flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 7px; background: #fff; border: 1px solid var(--sa-line); font: 400 10.5px/1.2 "Inter", var(--sa-font); color: var(--sa-text); white-space: nowrap; overflow: hidden; box-shadow: 0 1px 2px rgb(24 24 34 / .04); }
.sa-seen p .lla-i { color: var(--sa-blue-text); }
.sa-seen p b { font-weight: 600; color: var(--sa-ink); min-width: 74px; }
.sa-seen p strong { color: var(--sa-blue-text); font-weight: 600; }

.sa-crumbs { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; background: #fff; border-top: 1px solid var(--sa-line); color: var(--sa-text); font-size: 10px; white-space: nowrap; }
.sa-crumbs .lla-i { width: 10px; height: 10px; color: var(--sa-faint); }
.sa-crumbs > span { display: inline-flex; align-items: center; gap: 4px; }
.sa-crumbs > .is-on { padding: 2px 5px; border-radius: 4px; background: var(--sa-blue-soft); color: var(--sa-blue-text); }
.sa-crumbs__end { display: flex; gap: 10px; margin-left: auto; }
.sa-crumbs__end .is-on { color: var(--sa-ink); }
.sa-crumbs__end .is-on .lla-i { color: var(--sa-ink); }
.sa-qa {
  position: absolute; right: 16%; bottom: 32px; z-index: 3; width: 228px;
  display: grid; gap: 5px; padding: 9px; border-radius: 9px;
  background: #fff; border: 1px solid var(--sa-line);
  box-shadow: 0 10px 30px -8px rgb(24 24 34 / .18);
}
.sa-qa > small { margin-top: 3px; font: 700 8.5px/1 var(--sa-font); letter-spacing: .06em; text-transform: uppercase; color: var(--sa-text); }
.sa-qa__row { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 7px; border: 1px solid var(--sa-line-2); }
.sa-qa__row > span:nth-child(2) { display: grid; gap: 1px; flex: 1; min-width: 0; }
.sa-qa__row b { font-weight: 400; font-size: 10.5px; }
.sa-qa__row em { color: var(--sa-mute); font-size: 9px; white-space: nowrap; }
.sa-qa__row > .lla-i { color: var(--sa-faint); }
.sa-qa__ico { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: #f3f3f8; color: var(--sa-text); flex: none; }
.sa-qa__row.is-on { border-color: var(--sa-blue-edge); background: rgb(43 94 232 / .03); }
.sa-qa__row.is-on .sa-qa__ico { background: var(--sa-blue-soft); color: var(--sa-blue-text); }

.sa-form { display: grid; gap: 6px; padding: 12px; border-radius: 9px; border: 1px solid #ececf3; background: #fff; }
.sa-form > b { font: 700 12.5px/1.25 "Inter", var(--sa-font); color: #12141a; margin-bottom: 2px; }
.sa-form__field { display: flex; align-items: center; height: 26px; padding: 0 9px; border-radius: 6px; border: 1px solid #e4e5ec; color: #8d90a0; font: 400 10px/1 "Inter", var(--sa-font); white-space: nowrap; }
.sa-form .sa-page__btn { align-self: stretch; margin-top: 2px; }
.sa-form > small { color: #8d90a0; font-size: 9px; text-align: center; }

.sa-stripe { width: 240px; display: grid; gap: 7px; padding: 12px; background: #fff; outline-offset: 4px; }
.sa-stripe__item { display: flex; align-items: center; gap: 9px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f4; font-family: "Inter", var(--sa-font); }
.sa-stripe__item > span { display: grid; gap: 1px; flex: 1; }
.sa-stripe__item small { color: #8d90a0; font-size: 9px; }
.sa-stripe__item .sa-thumb { width: 28px; height: 28px; background: linear-gradient(135deg, #fde5cf, #f8c9a6); }
.sa-stripe__line { display: flex; justify-content: space-between; font: 400 10.5px/1 "Inter", var(--sa-font); color: #4b4f5c; padding-bottom: 4px; }
.sa-stripe__two { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.sa-stripe__pay { display: grid; place-items: center; height: 30px; border-radius: 6px; background: #0a2540; color: #fff; font: 600 11px/1 "Inter", var(--sa-font); }
.sa-stripe__by { text-align: center; color: #8d90a0; font-size: 9px; }
.sa-stripe__by b { color: #635bff; }

.sa-props { display: grid; align-content: start; gap: 6px; padding: 10px 12px; }
.sa-props__sec { display: flex; align-items: center; justify-content: space-between; margin-top: 6px !important; padding-top: 8px; border-top: 1px solid var(--sa-line-2); font: 700 8.5px/1 var(--sa-font); letter-spacing: .07em; text-transform: uppercase; color: var(--sa-ink); }
.sa-props__sec:first-child { margin-top: 0 !important; padding-top: 0; border-top: 0; }
.sa-props__sec .lla-i { width: 10px; height: 10px; color: var(--sa-mute); }
.sa-props__row { display: grid; grid-template-columns: 50px minmax(0, 1fr); align-items: center; gap: 8px; color: var(--sa-text); font-size: 10px; }
.sa-props__row .sa-field { height: 24px; font-size: 10px; background: #f8f8fc; border-color: transparent; }
.sa-props__row .sa-field.is-focus { background: #fff; border-color: var(--sa-blue-text); }
.sa-props__checks { display: grid; gap: 5px; padding: 7px 8px; border-radius: 7px; border: 1px solid var(--sa-line-2); }
.sa-props__checks > span { display: flex; align-items: center; gap: 7px; color: var(--sa-text); font-size: 10px; white-space: nowrap; }
.sa-props__checks > .is-on { color: var(--sa-ink); font-weight: 700; }
.sa-props--empty { place-content: center; justify-items: center; gap: 10px; height: 100%; padding: 0 22px; text-align: center; color: var(--sa-mute); font-size: 10px; line-height: 1.5; }
.sa-ring { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: radial-gradient(circle, #f5f4fe 0 30%, #fff 31% 48%, #f8f7fe 49% 70%, #fff 71%); box-shadow: inset 0 0 0 1px #f0effd; color: #b3acf2; }
.sa-ring .lla-i { width: 16px; height: 16px; translate: 4px 4px; }
.sa-dd { display: grid; gap: 1px; padding: 4px; border-radius: 8px; border: 1px solid var(--sa-line); background: #fff; box-shadow: 0 8px 22px -8px rgb(24 24 34 / .16); }
.sa-dd > span { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; border-radius: 5px; color: var(--sa-text); font-size: 10.5px; }
.sa-dd > .is-on { background: var(--sa-blue-soft); color: var(--sa-blue-text); font-weight: 700; }

.sa-gb { display: inline-flex; align-items: center; gap: 4px; padding: 3px 7px; border-radius: 5px; border: 1px solid #cfe8d9; background: #eef8f2; color: var(--sa-green); font-size: 10px; white-space: nowrap; }
.sa-gb .lla-i { width: 11px; height: 11px; }
.sa-gbh { display: flex; align-items: center; gap: 14px; padding: 30px 6px 14px; border-bottom: 1px solid #f1f1f5; }
.sa-gbh .sa-sel { margin: 0 0 0 auto; padding: 4px 6px; }
.sa-gbh__phone { display: inline-flex; align-items: center; gap: 5px; font: 600 12px/1 "Inter", var(--sa-font); color: #12141a; white-space: nowrap; }
.sa-gbh__phone .lla-i { color: #ea580c; }
.sa-gbh__cta { width: 70px; height: 24px; border-radius: 6px; background: #ea580c; flex: none; }
.sa-toast {
  position: absolute; left: 50%; top: 14px; z-index: 4; translate: -50% 0;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 11px; border-radius: 8px; background: #fff; border: 1px solid var(--sa-line);
  box-shadow: 0 8px 24px -8px rgb(24 24 34 / .2);
  font-size: 10.5px; color: var(--sa-ink); white-space: nowrap;
}
.sa-toast .lla-i { width: 14px; height: 14px; padding: 2px; border-radius: 50%; background: var(--sa-green-soft); color: var(--sa-green); stroke-width: 2.4; }

.sa-ai { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.sa-ai__head { display: flex; align-items: center; gap: 7px; flex: none; height: 34px; padding: 0 11px; border-bottom: 1px solid var(--sa-line-2); font-size: 11.5px; }
.sa-ai__head > .lla-i:last-child { margin-left: auto; color: var(--sa-mute); }
.sa-ai__log { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 8px; padding: 11px 11px 0; overflow: hidden; }
.sa-ai__you { align-self: flex-end; max-width: 92%; padding: 8px 10px; border-radius: 9px; background: #f0f0f3; color: var(--sa-ink); font-size: 10.5px; line-height: 1.45; }
.sa-ai__shot { display: flex; flex-direction: column; gap: 3px; width: 58px; height: 38px; margin-bottom: 6px; padding: 5px; border-radius: 5px; background: #fff; border: 1px solid #e3e3ea; }
.sa-ai__shot i { height: 4px; border-radius: 2px; background: #e6e8f2; }
.sa-ai__shot i:first-child { width: 70%; background: #c8d4f6; }
.sa-ai__line { display: flex; align-items: center; gap: 6px; color: var(--sa-mute); font-size: 10px; }
.sa-ai__line .lla-i { width: 12px; height: 12px; }
.sa-ai__tool .sa-logo { --tile: 14px; width: 14px; height: 14px; border-radius: 4px; }
.sa-ai__plan { display: grid; gap: 1px; padding: 6px; border-radius: 9px; border: 1px solid var(--sa-line); background: #fbfbff; }
.sa-ai__plan-head { display: flex; align-items: center; gap: 7px; padding: 3px 4px 5px; color: var(--sa-text); font-size: 10.5px; }
.sa-ai__plan-head > .lla-i:last-child { margin-left: auto; color: var(--sa-mute); width: 10px; height: 10px; }
.sa-ai__ok { color: var(--sa-green); }
.sa-ai__task { display: flex; align-items: center; gap: 7px; padding: 4px 5px; border-radius: 6px; color: var(--sa-faint); font-size: 10px; white-space: nowrap; overflow: hidden; }
.sa-ai__task.is-done { color: var(--sa-text); }
.sa-ai__task.is-done .lla-i { width: 11px; height: 11px; color: var(--sa-blue-text); stroke-width: 2.2; }
.sa-ai__task.is-now { color: var(--sa-ink); background: #fff; border: 1px solid var(--sa-line-2); }
.sa-spin { display: block; flex: none; width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid #dcdcea; border-top-color: #8b8fe8; }
.sa-spin--idle { border-style: dashed; border-color: #d8d8e4; }
.sa-ai__reply { color: var(--sa-ink); font-size: 10.5px; line-height: 1.5; }
.sa-ai__done { display: grid; gap: 6px; }
.sa-ai__done > span:first-child { padding: 7px 9px; border-radius: 7px; background: #f3f3f6; color: var(--sa-ink); font-size: 10.5px; }
.sa-ai__thumbs { display: flex; gap: 8px; color: var(--sa-faint); }
.sa-ai__thumbs .lla-i { width: 11px; height: 11px; }
.sa-ai__working { display: flex; align-items: center; gap: 6px; color: #9aa0bd; font-size: 10.5px; }
.sa-ai__working .lla-i { color: #6d8cf2; width: 13px; height: 13px; }
.sa-ai__working em { color: var(--sa-faint); }
.sa-ai__box { position: relative; flex: none; display: grid; gap: 10px; margin: 8px 9px 9px; padding: 9px 9px 8px; border-radius: 10px; border: 1px solid #c9d4fb; background: #fff; }
.sa-ai__ph { color: var(--sa-faint); font-size: 10.5px; }
.sa-ai__typed { color: var(--sa-ink); font-size: 10.5px; line-height: 1.45; }
.sa-ai__tools { display: flex; align-items: center; gap: 5px; }
.sa-ai__round { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--sa-line); color: var(--sa-text); }
.sa-ai__round .lla-i { width: 11px; height: 11px; }
.sa-ai__send { display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; background: #ebeafc; color: #8f8ee0; }
.sa-ai__send .lla-i { width: 12px; height: 12px; stroke-width: 2; }
.sa-ai__send.is-on { background: var(--sa-grad); color: #fff; }
.sa-ai__menus { position: absolute; left: 0; bottom: calc(100% + 6px); z-index: 4; display: flex; align-items: flex-end; gap: 6px; }
.sa-menu { display: grid; gap: 1px; min-width: 150px; padding: 5px; border-radius: 9px; background: #fff; border: 1px solid var(--sa-line); box-shadow: 0 10px 26px -8px rgb(24 24 34 / .18); }
.sa-menu > span { display: flex; align-items: center; gap: 7px; padding: 5px 7px; border-radius: 6px; color: var(--sa-text); font-size: 10.5px; white-space: nowrap; }
.sa-menu > span > .lla-i:last-child:not(:first-child) { margin-left: auto; width: 10px; height: 10px; color: var(--sa-faint); }
.sa-menu > span.is-on { background: #f3f3f8; color: var(--sa-ink); }
.sa-menu > i { height: 1px; margin: 3px 2px; background: var(--sa-line-2); }
.sa-menu > small { padding: 4px 7px 2px; color: var(--sa-mute); font-size: 9.5px; }
.sa-menu--sub { min-width: 170px; }
.sa-menu--sub .sa-toggle { margin-left: auto; }
.sa-menu--sub .sa-logo { --tile: 14px; width: 14px; height: 14px; border: 0; }
.sa-menu__red { color: var(--sa-red) !important; }

.sa-ed--ai .sa-ed__canvas { padding: 16px 18px; }
.sa-page--draft { min-height: 92%; }

.sa-qb {
  --qa: #2347ff;
  display: grid; height: 100%; background: #fff;
  grid-template-columns: 36px 168px minmax(0, 1fr);
  grid-template-rows: 34px minmax(0, 1fr);
}
.sa-qb--open { grid-template-columns: 36px 150px 190px minmax(0, 1fr); }
.sa-qb__bar { grid-column: 1 / -1; display: flex; align-items: center; padding: 0 10px 0 12px; border-bottom: 1px solid var(--sa-line); }
.sa-qb__close { display: inline-flex; align-items: center; gap: 5px; color: var(--sa-text); font-size: 9.5px; letter-spacing: .03em; }
.sa-qb__close .lla-i { width: 11px; height: 11px; }
.sa-qb__end { display: flex; gap: 5px; margin-left: auto; }
.sa-qb__panel, .sa-qb__form { grid-row: 2; display: flex; flex-direction: column; gap: 6px; min-width: 0; min-height: 0; overflow: hidden; padding: 9px 10px; border-right: 1px solid var(--sa-line); }
.sa-qb__title { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 6px; margin-bottom: 4px !important; }
.sa-qb__title small { grid-column: 1; color: var(--sa-blue-text); font-size: 9px; }
.sa-qb__title b { grid-column: 1; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-qb__title > span { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: 4px; color: var(--sa-mute); }
.sa-qb__title > .lla-i { color: var(--sa-mute); }
.sa-qb__label { display: flex; align-items: center; gap: 3px; font-size: 10px; color: var(--sa-text); margin-top: 3px !important; }
.sa-qb__label .lla-i { width: 10px; height: 10px; color: var(--sa-faint); }
.sa-qb__panel .sa-field, .sa-qb__form .sa-field { height: 24px; font-size: 10px; background: #f6f6fb; border-color: transparent; }
.sa-qb__blocks { display: grid; gap: 2px; }
.sa-qb__block { display: flex; align-items: center; gap: 7px; padding: 4px 5px; border-radius: 6px; color: var(--sa-text); font-size: 10.5px; white-space: nowrap; }
.sa-qb__block.is-pick { background: #ecebfd; color: var(--sa-ink); }
.sa-qb__bt { display: grid; place-items: center; flex: none; width: 18px; height: 16px; border-radius: 4px; background: var(--bt); color: var(--bi); font: 700 8px/1 var(--sa-font); }
.sa-qb__bt .lla-i { width: 10px; height: 10px; }
.sa-qb__rule { display: grid; gap: 3px; padding: 6px; border-radius: 8px; border: 1px solid var(--sa-line); font-size: 10px; }
.sa-qb__rule > p:first-child { display: flex; justify-content: space-between; color: var(--sa-text); padding: 0 2px 2px; }
.sa-qb__rule > p:first-child .lla-i { color: var(--sa-mute); }
.sa-qb__rule > p:not(:first-child) { display: flex; gap: 6px; align-items: center; padding: 4px 5px; border-radius: 5px; background: #f6f6fb; color: var(--sa-ink); white-space: nowrap; overflow: hidden; }
.sa-qb__rule em { padding: 1px 4px; border-radius: 3px; background: #e9e9f3; color: var(--sa-text); font-size: 9px; flex: none; }
.sa-qb__rule.is-pick { border-color: var(--sa-blue-edge); box-shadow: 0 0 0 2px rgb(43 94 232 / .06); }
.sa-qb__fallback { margin-top: auto; padding-top: 8px; border-top: 1px solid var(--sa-line-2); display: grid; gap: 4px; }
.sa-qb__fallback .sa-field .lla-i:first-child { color: var(--sa-mute); }
.sa-qb__group { display: grid; gap: 5px; padding: 6px; border-radius: 7px; background: #f6f6fb; }
.sa-qb__group .sa-field { background: #fff; border-color: var(--sa-line); }
.sa-qb__cond { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 4px; }
.sa-qb__cond .sa-field { padding: 0 5px; gap: 2px; font-size: 9.5px; }
.sa-qb__cond .sa-field .lla-i { width: 9px; height: 9px; }
.sa-qb__join { justify-self: center; padding: 1px 6px; border-radius: 4px; background: var(--sa-blue-soft); color: var(--sa-blue-text); font: 700 8.5px/1.5 var(--sa-font); }
.sa-qb__form .sa-btn--wide { height: 22px; font-size: 9.5px; }
.sa-qb__form .sa-field.is-pick { background: #fff; border-color: var(--sa-blue-text); color: var(--sa-blue-text); font-weight: 700; }
.sa-qb__sec { display: flex; justify-content: space-between; align-items: center; margin-top: 4px !important; padding-top: 6px; border-top: 1px solid var(--sa-line-2); font: 700 8.5px/1 var(--sa-font); letter-spacing: .07em; text-transform: uppercase; }
.sa-qb__sec .lla-i { width: 10px; height: 10px; color: var(--sa-mute); }
.sa-qb__pair { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 6px; font-size: 10px; color: var(--sa-text); }
.sa-qb__ops { display: flex; flex-wrap: wrap; gap: 3px; }
.sa-qb__ops i { font-style: normal; padding: 2px 5px; border-radius: 4px; background: #f1f1f7; color: var(--sa-text); font: 400 9px/1.3 var(--sa-mono); }
.sa-qb__expr { display: block; min-height: 46px; padding: 7px; border-radius: 6px; background: #f6f6fb; border: 1px solid transparent; font-size: 10px; line-height: 1.5; color: var(--sa-ink); }
.sa-qb__expr.is-pick { border-color: var(--sa-blue-edge); background: #fff; }
.sa-qb__fcard { display: grid; gap: 5px; padding: 6px; border-radius: 8px; border: 1px solid var(--sa-line); font-size: 10px; }
.sa-qb__fcard > p { display: flex; justify-content: space-between; color: var(--sa-text); }
.sa-qb__fcard code { padding: 5px 6px; border-radius: 5px; background: #f6f6fb; font-size: 9.5px; color: var(--sa-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-qb__fcard em { justify-self: start; padding: 2px 5px; border-radius: 4px; background: var(--sa-blue-soft); color: var(--sa-blue-text); font: 400 9px/1.3 var(--sa-mono); }
.sa-qb__fcard.is-pick { border-color: var(--sa-blue-edge); }

.sa-qb__canvas { position: relative; grid-row: 2; min-width: 0; min-height: 0; overflow: hidden; padding: 12px; background: #f3f4f7; }
.sa-qb__page { display: flex; flex-direction: column; gap: 7px; padding: 12px 16px 16px; border-radius: 4px; background: #fff; box-shadow: 0 0 0 1px rgb(24 24 34 / .04); font-family: "Inter", var(--sa-font); min-height: calc(100% - 4px); }
.sa-qb:not(.sa-qb--mobile) .sa-qb__page { padding-inline: max(16px, calc(50% - 150px)); }
.sa-qb--mobile .sa-qb__page { width: 190px; margin: 0 auto; border-radius: 16px; padding: 14px 12px; box-shadow: 0 0 0 4px #fff, 0 0 0 5px #e3e4ea; }
.sa-qb__progress { display: block; width: 52%; height: 4px; margin: 0 auto 6px; border-radius: 99px; background: #eceef3; overflow: hidden; }
.sa-qb__progress i { display: block; width: var(--p); height: 100%; background: var(--qa); }
.sa-qb__q { font: 700 13.5px/1.25 "Inter", var(--sa-font); letter-spacing: -.01em; color: #12141a; text-align: center; text-wrap: balance; }
.sa-qb__sub { margin-top: -3px !important; font-size: 10px; color: #6b6f7e; text-align: center; }
.sa-qb__choices { display: grid; gap: 5px; }
.sa-qb__choices--2 { grid-template-columns: 1fr 1fr; }
.sa-qb__choice { display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 10px; border-radius: 6px; border: 1px solid #e4e5ec; font: 400 10.5px/1 "Inter", var(--sa-font); color: #2a2d38; white-space: nowrap; }
.sa-qb__choice i { width: 11px; height: 11px; border-radius: 50%; border: 1px solid #c9cbd6; flex: none; }
.sa-qb__choice.is-on { border-color: var(--qa); background: color-mix(in srgb, var(--qa) 6%, #fff); }
.sa-qb__choice.is-on i { border: 3.5px solid var(--qa); }
.sa-qb__fieldset { display: grid; gap: 3px; }
.sa-qb__flabel { font: 500 10px/1 "Inter", var(--sa-font); color: #2a2d38; }
.sa-qb__input { display: flex; align-items: center; gap: 6px; height: 28px; padding: 0 9px; border-radius: 6px; border: 1px solid #e4e5ec; background: #f8f9fb; color: #9a9db0; font: 400 10.5px/1 "Inter", var(--sa-font); white-space: nowrap; overflow: hidden; }
.sa-qb__input.is-filled { color: #2a2d38; }
.sa-qb__input em { padding-right: 6px; border-right: 1px solid #e4e5ec; color: #6b6f7e; font-size: 9px; }
.sa-qb__suggest { display: grid; margin-top: -4px; border-radius: 6px; border: 1px solid #e4e5ec; background: #fff; overflow: hidden; box-shadow: 0 6px 16px -6px rgb(24 24 34 / .14); }
.sa-qb__suggest > span { display: flex; align-items: center; gap: 6px; padding: 6px 9px; font: 400 10px/1.2 "Inter", var(--sa-font); color: #4b4f5c; white-space: nowrap; overflow: hidden; }
.sa-qb__suggest .lla-i { width: 11px; height: 11px; color: #9a9db0; }
.sa-qb__suggest > .is-on { background: #f3f5fb; color: #12141a; }
.sa-qb__otp { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; }
.sa-qb__otp i { display: grid; place-items: center; height: 28px; border-radius: 6px; border: 1px solid #e4e5ec; background: #f8f9fb; font: 600 12px/1 "Inter", var(--sa-font); font-style: normal; color: #12141a; }
.sa-qb__otp i.is-filled { background: #fff; border-color: color-mix(in srgb, var(--qa) 40%, #e4e5ec); }
.sa-qb__send { display: grid; place-items: center; height: 26px; border-radius: 6px; background: color-mix(in srgb, var(--qa) 10%, #fff); color: var(--qa); font: 500 10px/1 "Inter", var(--sa-font); }
.sa-qb__upload { display: grid; justify-items: center; gap: 4px; padding: 14px 10px; border-radius: 8px; border: 1.5px dashed #cfd3df; background: #fafbfc; font-family: "Inter", var(--sa-font); text-align: center; }
.sa-qb__upload .lla-i { width: 18px; height: 18px; color: var(--qa); }
.sa-qb__upload b { font-weight: 500; font-size: 10.5px; color: #2a2d38; }
.sa-qb__upload small { font-size: 9px; color: #8d90a0; }
.sa-qb__btn { display: flex; align-items: center; justify-content: center; gap: 6px; height: 30px; margin-top: 3px; border-radius: 6px; background: var(--qa); color: #fff; font: 600 11px/1 "Inter", var(--sa-font); }
.sa-qb__btn .lla-i { width: 12px; height: 12px; stroke-width: 2; }

.sa-wf { display: grid; height: 100%; background: #fff; grid-template-columns: 38px minmax(0, 1fr); grid-template-rows: 36px minmax(0, 1fr); }
.sa-wf--runs { grid-template-columns: 38px 236px minmax(0, 1fr); }
.sa-wf__bar { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding: 0 10px 0 12px; border-bottom: 1px solid var(--sa-line); }
.sa-wf__name { color: var(--sa-text); }
.sa-wf__end { display: flex; gap: 5px; margin-left: auto; }
.sa-wf__rail { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 0; border-right: 1px solid var(--sa-line); }
.sa-wf__seg { display: grid; gap: 2px; padding: 2px; border-radius: 7px; background: var(--sa-tint); }
.sa-wf__seg > span { display: grid; place-items: center; width: 24px; height: 22px; border-radius: 5px; color: #6a6979; }
.sa-wf__seg > .is-on { background: #fff; color: var(--sa-ink); box-shadow: 0 1px 2px rgb(24 24 34 / .08); }
.sa-wf__canvas {
  position: relative; min-width: 0; min-height: 0; overflow: hidden;
  background: #f7f7fa radial-gradient(circle, #d8d9e3 .8px, transparent 1.2px) 0 0 / 14px 14px;
  padding: 22px 0 0;
}
.sa-wf__chain { display: flex; flex-direction: column; align-items: center; width: 210px; margin-left: max(24px, calc(38% - 105px)); }
.sa-wf--runs .sa-wf__chain { margin-left: 34px; opacity: .55; }
.sa-wf__node {
  position: relative; display: flex; align-items: center; gap: 9px; width: 100%;
  padding: 8px 10px; border-radius: 9px; background: #fff;
  border: 1px solid #e7e8f0; box-shadow: 0 1px 2px rgb(24 24 34 / .04);
}
.sa-wf__ico { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 6px; background: var(--tile); color: var(--mark); }
.sa-wf__ico svg { width: 15px; height: 15px; }
.sa-wf__tile.ig-tile, .sa-wf__tile.sa-logo--own { --tile: 24px; width: 24px; height: 24px; border-radius: 6px; }
.sa-wf__txt { display: grid; gap: 1px; min-width: 0; }
.sa-wf__txt small { color: var(--sa-mute); font-size: 9px; }
.sa-wf__txt b { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-wf__tick { display: grid; place-items: center; margin-left: auto; flex: none; width: 15px; height: 15px; border-radius: 50%; background: var(--sa-green-soft); color: var(--sa-green); }
.sa-wf__tick .lla-i { width: 9px; height: 9px; stroke-width: 2.6; }
.sa-wf__node.is-pick { border-color: var(--sa-blue-text); box-shadow: 0 0 0 2px rgb(25 110 240 / .1); }
.sa-wf__wire { display: block; width: 1.5px; height: 18px; background: #c8cad6; }
.sa-wf__wire.is-lit { background: var(--sa-blue); }
.sa-wf__wire--open { background: none; border-left: 1.5px dashed #c8cad6; width: 0; height: 14px; }
.sa-wf__plus { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #d5d6e0; background: #fff; color: var(--sa-mute); }
.sa-wf__plus .lla-i { width: 9px; height: 9px; }
.sa-wf__cases { position: relative; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); justify-items: center; width: 150%; padding-top: 12px; }
.sa-wf__stem { position: absolute; top: 0; left: 50%; width: 1.5px; height: 12px; background: #c8cad6; }
.sa-wf__case { display: flex; flex-direction: column; align-items: center; gap: 0; }
.sa-wf__case em { padding: 2px 6px; border-radius: 4px; border: 1px solid #cdebd9; background: #f0faf4; color: var(--sa-green); font: 700 9px/1.3 var(--sa-font); }
.sa-wf__case.is-default em { border-color: #e3e4ec; background: #f4f4f8; color: var(--sa-text); }
.sa-wf__case > .sa-wf__plus { margin-top: 10px; }
.sa-wf__case > .sa-wf__wire { height: 14px; }
.sa-wf__case.is-on em { border-color: #86d3a8; }
.sa-wf__case.is-on { grid-row: 1; }
.sa-wf__cases + .sa-wf__node { margin-top: 0; }
.sa-wf__runs { grid-row: 2; display: flex; flex-direction: column; gap: 5px; min-width: 0; min-height: 0; overflow: hidden; padding: 10px; border-right: 1px solid var(--sa-line); background: #fff; }
.sa-wf__runs-head { display: flex; align-items: center; justify-content: space-between; font-size: 12px; }
.sa-wf__totals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-bottom: 3px !important; }
.sa-wf__totals > span { display: grid; gap: 1px; padding: 6px 7px; border-radius: 7px; background: #f8f8fc; color: var(--sa-mute); font-size: 9.5px; }
.sa-wf__totals b { color: var(--sa-ink); font-size: 13px; }
.sa-wf__run { display: flex; align-items: center; gap: 7px; padding: 6px 7px; border-radius: 7px; border: 1px solid var(--sa-line-2); font-size: 10px; white-space: nowrap; }
.sa-wf__run > small { margin-left: auto; color: var(--sa-mute); font-size: 9px; }
.sa-wf__run .sa-logo { --tile: 14px; width: 14px; height: 14px; border-radius: 4px; }
.sa-wf__run-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; display: grid; }
.sa-wf__run-text small { color: var(--sa-mute); font-size: 9px; }
.sa-wf__st { display: grid; place-items: center; flex: none; width: 15px; height: 15px; border-radius: 50%; }
.sa-wf__st .lla-i { width: 9px; height: 9px; stroke-width: 2.6; }
.sa-wf__run.is-sent .sa-wf__st { background: var(--sa-green-soft); color: var(--sa-green); }
.sa-wf__run.is-stopped .sa-wf__st { background: #eeeff4; color: #6b7280; }
.sa-wf__run.is-failed .sa-wf__st { background: #fdecec; color: var(--sa-red); }
.sa-wf__run.is-stopped { color: var(--sa-mute); }
.sa-wf__run.is-pick { border-color: var(--sa-blue-edge); background: rgb(43 94 232 / .03); }

.sa-create { display: flex; flex-direction: column; height: 100%; background: #fff; }
.sa-create__bar { display: flex; align-items: center; gap: 8px; flex: none; height: 34px; padding: 0 14px; border-bottom: 1px solid var(--sa-line-2); color: var(--sa-text); font-size: 10px; }
.sa-create__bar > i { width: 1px; height: 14px; background: var(--sa-line); }
.sa-create__bar b { color: var(--sa-ink); font-size: 11px; }
.sa-create__body { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 34px 26px 0; }
.sa-create__h { font: 700 16px/1.2 var(--sa-font); letter-spacing: -.01em; color: var(--sa-ink); text-align: center; }
.sa-create__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.sa-create__chips i { font-style: normal; padding: 4px 9px; border-radius: 99px; border: 1px solid #dcdcec; color: var(--sa-text); font-size: 9.5px; white-space: nowrap; }
.sa-create__box {
  display: grid; gap: 12px; width: 100%; max-width: 420px;
  padding: 9px 9px 7px; border-radius: 9px;
  border: 1px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #a78bfa, #5eead4) border-box;
}
.sa-create__ph { display: flex; align-items: center; gap: 1px; color: var(--sa-faint); font-size: 10.5px; }
.sa-create__ph i { width: 1px; height: 12px; background: var(--sa-ink); }
.sa-create__typed { color: var(--sa-ink); font-size: 10.5px; line-height: 1.45; }
.sa-create__tools { display: flex; align-items: center; justify-content: space-between; }
.sa-create__attach { display: inline-flex; align-items: center; gap: 4px; padding: 3px 7px; border-radius: 99px; border: 1px solid var(--sa-line); color: var(--sa-text); font-size: 9.5px; }
.sa-create__attach .lla-i { width: 10px; height: 10px; }
.sa-create__cards { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 8px; width: 100%; max-width: 420px; margin-top: 6px; }
.sa-create__card { display: grid; gap: 3px; align-content: start; padding: 10px; border-radius: 8px; border: 1px solid var(--sa-line); background: #fff; }
.sa-create__card b { margin-top: 6px; font-size: 10.5px; white-space: nowrap; }
.sa-create__card small { color: var(--sa-mute); font-size: 9px; line-height: 1.35; }
.sa-create__card.is-pick { border-color: var(--sa-blue-text); box-shadow: 0 0 0 2px rgb(25 110 240 / .08); }
.sa-ci { position: relative; display: block; width: 22px; height: 20px; }
.sa-ci i { position: absolute; display: block; border-radius: 2px; }
.sa-ci--template i { width: 9px; height: 8px; background: #3b82f6; }
.sa-ci--template i:nth-child(1) { left: 0; top: 0; background: #93c5fd; }
.sa-ci--template i:nth-child(2) { left: 11px; top: 0; height: 11px; }
.sa-ci--template i:nth-child(3) { left: 0; top: 10px; height: 10px; }
.sa-ci--template i:nth-child(4) { left: 11px; top: 13px; height: 7px; background: #93c5fd; }
.sa-ci--url i:nth-child(1) { inset: 0 2px 4px 0; border-radius: 3px; background: #c6ecd8; }
.sa-ci--url i:nth-child(2) { left: 0; right: 2px; top: 0; height: 5px; border-radius: 3px 3px 0 0; background: #34a46b; }
.sa-ci--url i:nth-child(3) { right: 0; bottom: 0; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px #34a46b; }
.sa-ci--zip i:nth-child(1) { left: 3px; right: 3px; top: 0; bottom: 0; border-radius: 3px; background: #f4c79d; }
.sa-ci--zip i:nth-child(2) { left: 9px; top: 2px; width: 3px; height: 8px; background: repeating-linear-gradient(#b4672e 0 2px, transparent 2px 4px); }
.sa-ci--zip i:nth-child(3) { left: 8px; top: 11px; width: 5px; height: 5px; border-radius: 1px; background: #b4672e; }
.sa-ci--scratch i:nth-child(1) { left: 0; right: 0; top: 2px; height: 7px; border-radius: 3px; background: #8b5cf6; }
.sa-ci--scratch i:nth-child(2) { left: 0; right: 0; top: 11px; height: 7px; border-radius: 3px; background: #c4b5fd; }

.sk-mini .sa.sk-frame__in { position: relative; overflow: hidden; }
.sa-mini .sa-create--mini { padding: 14px 12px 0; gap: 10px; align-items: stretch; height: auto; }
.sa-create--mini .sa-create__box { max-width: none; }
.sa-create--mini .sa-create__cards { max-width: none; margin-top: 0; gap: 6px; }
.sa-create--mini .sa-create__card { padding: 8px; }
.sa-create--mini .sa-create__card b { font-size: 9.5px; overflow: hidden; text-overflow: ellipsis; }
.sa-create--mini .sa-create__card small { font-size: 8.5px; }
.sa-create--typed { align-items: center; padding-top: 18px; }
.sa-create--typed .sa-create__h { font-size: 12.5px; }
.sa-mini__canvas { height: 100%; padding: 12px; background: #f3f4f7; }
.sa-mini__canvas .sa-page { min-height: 230px; padding: 10px 12px; gap: 6px; }
.sa-mini__canvas .sa-page__h { font-size: 13.5px; }
.sa-mini__dash { background: var(--sa-ground); height: 100%; }
.sa-mini__dash .sa-head { padding: 0 10px; height: 46px; }
.sa-mini__dash .sa-head__end .sa-btn { padding: 0 8px; }
.sa-head__url { display: flex; justify-self: start; max-width: 100%; min-width: 0; align-items: center; gap: 4px; padding: 1px 3px; border-radius: 4px; color: var(--sa-blue-text) !important; font-size: 10px !important; border: 1px solid transparent; }
.sa-head__url .lla-i { width: 10px; height: 10px; color: var(--sa-green); }
.sa-mini__dash .sa-tabs { padding: 0 10px; gap: 12px; }
.sa-mini__ground { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 10px; }
.sa-mini__ground i { height: 48px; border-radius: 8px; background: #fff; border: 1px solid var(--sa-line-2); }
.sa-mini__set { display: grid; gap: 4px; padding: 14px; }
.sa-mini__title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px !important; }
.sa-mini__title b { font-size: 12px; }
.sa-mini__set .sa-mini__title { display: grid; gap: 2px; }
.sa-mini__set .sa-mini__title small { color: var(--sa-mute); font-size: 9.5px; }
.sa-field--copy { height: 30px; padding-right: 3px; margin-bottom: 8px; }
.sa-field--copy code { flex: 1; font-size: 10px; overflow: hidden; text-overflow: ellipsis; }
.sa-dlg--mini { height: auto; }
.sa-dlg--mini .sa-dlg__body { padding-top: 4px; }
.sa-mini__ai { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.sa-mini__ai .sa-ai__box { margin-top: 18px; }
.sa-mini__client { display: grid; gap: 10px; padding: 18px 14px; }
.sa-mini__chat { display: grid; gap: 10px; padding: 10px 11px 8px; border-radius: 14px; border: 1px solid #e3e3e8; background: #fff; box-shadow: 0 2px 6px rgb(24 24 34 / .04); font: 400 11px/1.45 var(--sa-font); color: var(--sa-ink); }
.sa-mini__chat-tools { display: flex; justify-content: space-between; align-items: center; color: var(--sa-mute); }
.sa-mini__go { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: #d97757; color: #fff; }
.sa-mini__go .lla-i { width: 12px; height: 12px; stroke-width: 2; }
.sa-mini__tool { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 8px; background: #f6f6f8; color: var(--sa-mute); font-size: 10px; }
.sa-mini__tool em { font-family: var(--sa-mono); color: var(--sa-text); font-size: 9.5px; }
.sa-mini__tool .lla-mark { width: 16px; height: 16px; border-radius: 50%; }

.sa-ws { display: grid; gap: 6px; padding: 12px; }
.sa-ws__cur { display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 9px 0 6px; border-radius: 7px; border: 1px solid var(--sa-line); }
.sa-ws__cur .lla-i { margin-left: auto; }
.sa-ws__av { width: 18px; height: 18px; border-radius: 5px; background: linear-gradient(180deg, #fbfcff 15%, #c9dbf8 70%, #a9c5f2); }
.sa-ws__menu { display: grid; gap: 1px; padding: 5px; border-radius: 9px; border: 1px solid var(--sa-line); background: #fff; box-shadow: 0 8px 24px -10px rgb(24 24 34 / .18); }
.sa-ws__org { display: flex; align-items: center; gap: 8px; padding: 5px 6px 7px; border-bottom: 1px solid var(--sa-line-2); margin-bottom: 3px; }
.sa-ws__org > span { display: grid; }
.sa-ws__org small { color: var(--sa-mute); font-size: 9px; }
.sa-ws__org > .lla-i { margin-left: auto; color: var(--sa-mute); }
.sa-ws__item { padding: 6px 8px; border-radius: 6px; color: var(--sa-text); border: 1px solid transparent; }
.sa-ws__item.is-pick { background: var(--sa-blue-soft); color: var(--sa-blue-text); font-weight: 700; }
.sa-ws__add { display: flex; align-items: center; gap: 6px; margin-top: 3px; padding: 7px 8px 3px; border-top: 1px solid var(--sa-line-2); color: var(--sa-text); }

.sa-mini__users { position: relative; padding: 12px 10px; }
.sa-mini__users-head, .sa-mini__user { display: grid; grid-template-columns: minmax(0, 1fr) 56px; align-items: center; gap: 8px; padding: 0 6px; }
.sa-mini__users.has-credits .sa-mini__users-head, .sa-mini__users.has-credits .sa-mini__user { grid-template-columns: minmax(0, 1fr) 52px 70px; }
.sa-mini__users-head { height: 24px; color: var(--sa-mute); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }
.sa-mini__user { height: 36px; border-top: 1px solid var(--sa-line-2); border-radius: 0; }
.sa-mini__user .sa-who > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sa-mini__user.is-pick { background: rgb(43 94 232 / .045); border-radius: 6px; }
.sa-mini__user.is-pick .sa-status { background: var(--sa-blue-soft); color: var(--sa-blue-text); font-weight: 700; }
.sa-mini__credits { display: grid; font-size: 9.5px; }
.sa-mini__credits b { font-weight: 400; color: var(--sa-mute); }
.sa-mini__credits small { color: var(--sa-faint); font-size: 8.5px; }
.sa-mini__user.is-pick .sa-mini__credits small { color: var(--sa-blue-text); font-weight: 700; }
.sa-menu--pop { position: absolute; right: 12px; top: 104px; min-width: 128px; z-index: 2; }

.sa-mini__vars, .sa-mini__list { display: grid; gap: 5px; padding: 12px; }
.sa-mode--mini { margin: 0 0 4px; padding: 6px 8px; gap: 7px; }
.sa-mode--mini .sa-mode__ico { width: 20px; height: 20px; }
.sa-mode--mini .lla-i:last-child { width: 10px; height: 10px; color: var(--sa-mute); }
.sa-mini__var { display: grid; grid-template-columns: 30px minmax(0, 1fr) 56px; align-items: center; gap: 8px; padding: 6px; border-radius: 7px; border: 1px solid var(--sa-line-2); }
.sa-mini__var .sa-thumb { width: 30px; height: 20px; }
.sa-mini__var b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-mini__var.is-pick { border-color: var(--sa-blue-edge); }
.sa-mini__row { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 7px; border: 1px solid var(--sa-line-2); }
.sa-mini__row b { font-weight: 400; }
.sa-mini__row .sa-toggle { margin-left: auto; }
.sa-mini__row .sa-logo { --tile: 20px; width: 20px; height: 20px; }
.sa-mini__row.is-pick { border-color: var(--sa-blue-edge); }
.sa-mini__row.is-pick b { font-weight: 700; }
.sa-mini__list .sa-btn { height: 20px; padding: 0 7px; }

.sa-wf--runsonly { display: block; }
.sa-wf--runsonly .sa-wf__runs { border-right: 0; padding: 12px; }
.sa-wf--mini { display: block; }
.sa-wf--mini .sa-wf__canvas { height: 100%; padding-top: 16px; }
.sa-wf--mini .sa-wf__chain { margin: 0 auto; width: 70%; }
.sa-wf--mini .sa-wf__node { padding: 6px 8px; }
.sa-wf--mini .sa-wf__cases { width: 120%; }

.sa-consent { display: grid; justify-items: center; gap: 8px; padding: 18px 22px; text-align: center; }
.sa-consent__marks { display: flex; align-items: center; gap: 8px; color: var(--sa-faint); }
.sa-consent__marks .lla-mark { width: 26px; height: 26px; border-radius: 7px; }
.sa-consent__you { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; background: #f4ece6; color: #d97757; }
.sa-consent__title { font-size: 12px; font-weight: 700; max-width: 220px; }
.sa-consent .sa-bone { margin: 0 auto; }
.sa-consent__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 100%; margin-top: 6px; }

.sk-mini .sa [data-sk-focus] { transition: border-color .25s ease, outline-color .25s ease, color .25s ease, background-color .25s ease; }
.sk-steps .sk-step:not(.is-on) .sa [data-sk-focus] { border-color: var(--sa-line) !important; outline-color: #c9cbd6 !important; box-shadow: none !important; }
.sk-steps .sk-step:not(.is-on) .sa .sa-ws__item[data-sk-focus], .sk-steps .sk-step:not(.is-on) .sa .sa-mini__user[data-sk-focus] { background: #f4f4f8; color: var(--sa-ink); }
.sk-steps .sk-step:not(.is-on) .sa .sa-btn--blue[data-sk-focus] { filter: grayscale(1) opacity(.55); }
.sk-steps .sk-step:not(.is-on) .sa .sa-head__url[data-sk-focus] { color: var(--sa-text) !important; }

@container sa (max-width: 600px) {
  .sa-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sa-tabs__end, .sa-card__tools .sa-seg, .sa-card__tools .sa-select, .sa-head__end .sa-btn--line { display: none; }
  .sa-qb { grid-template-columns: 30px 140px minmax(200px, 1fr) 0; }
  .sa-qb--open { grid-template-columns: 30px 0 176px minmax(180px, 1fr) 0; }
  .sa-qb--open .sa-qb__panel { padding: 0; border: 0; }
  .sa-ed--left { grid-template-columns: 34px 220px minmax(0, 1fr); }
  .sa-ed--right { grid-template-columns: 0 minmax(0, 1fr) 180px; }
  .sa-ed--right .sa-ed__rail { padding: 0; border: 0; }
  .sa-set { grid-template-columns: 0 minmax(0, 1fr); }
  .sa-set__nav { padding: 0; border: 0; overflow: hidden; }
  .sa-cat { grid-template-columns: 0 minmax(0, 1fr); }
  .sa-cat__nav { padding: 0; overflow: hidden; }
  .sa-wf--runs { grid-template-columns: 0 220px minmax(0, 1fr); }
  .sa-dash--settings { grid-template-columns: 0 minmax(0, 1fr); }
  .sa-snav { padding: 0; }
  .sa-search { width: 130px; }
  .sa-ed__dev, .sa-ed__end .sa-btn--grey { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .sk-mini .sa [data-sk-focus] { transition: none; }
}

.sa-mini__leads { margin: 10px; border-radius: 9px; border: 1px solid var(--sa-line-2); background: #fff; overflow: hidden; }
.sa-mini__leads .sa-leads__head, .sa-mini__leads .sa-leads__row { grid-template-columns: minmax(0, 1fr) 62px 56px; }
.sa-mini__leads .sa-leads__row > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-mini__leads .sa-leads__row.is-pick { background: rgb(43 94 232 / .045); font-weight: 700; }
.sa-mini .sa-tabs { padding: 0 12px; }

.sa .lla-i { display: block; }
.sa .lla-mark { display: grid; place-items: center; flex: none; background: #000; }
.sa .lla-mark svg { height: 72%; width: auto; fill: #fff; }

.sa-ed__bar, .sa-qb__bar, .sa-wf__bar { grid-row: 1; }
.sa-ed__rail, .sa-qb__rail, .sa-wf__rail, .sa-wf__canvas { grid-row: 2; }
.sa-wf--mini .sa-wf__canvas, .sa-wf--runsonly .sa-wf__runs { grid-row: auto; }

.sa-qb__cond { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.sa-qb__cond > :first-child { grid-column: 1 / -1; }

.sa-ai__log { flex: none; }
.sa-ai__box { margin-top: 12px; }

.sa-ed--ai .sa-ed__left { position: relative; z-index: 4; overflow: visible; }
.sa-ai__menus { position: relative; left: auto; bottom: auto; margin: 10px 0 -4px 9px; width: max-content; }
.sa-ai__menus .sa-menu { min-width: 132px; }
.sa-ai__menus .sa-menu--sub { margin-bottom: 26px; }
.sa-drawer { top: 92px; }

.sa-wf--runs:not(.sa-wf--runsonly) { grid-template-columns: 38px 268px minmax(0, 1fr); }
.sa-wf__run { white-space: normal; align-items: flex-start; }
.sa-wf__run-text { line-height: 1.35; }
.sa-wf__run > small, .sa-wf__run .sa-logo { margin-top: 1px; }
.sa-wf__run .sa-logo { margin-left: auto; }
.sa-wf__run .sa-logo + small { margin-left: 0; }

.sa-toast { top: 118px; }
.sa-seen { bottom: 74px; }

.sa-page:has(.sa-page__sticky) { min-height: 0; height: 318px; }

@container sa (max-width: 690px) {
  .sa-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sa-stat { padding: 8px 10px; }
}

.sa-mini__ai { justify-content: flex-start; }
.sa-mini__ai .sa-ai__box { margin-top: 14px; }

.sa-head__name { overflow: hidden; }
.sa-ws { gap: 4px; padding: 10px 12px; }
.sa-ws__cur { height: 24px; }
.sa-ws__org { padding: 3px 6px 5px; }
.sa-ws__item { padding: 4px 8px; }

.fi-sk .sa .fi-sk__art { display: block; height: 100%; padding: 0; }
.sa-pct.is-up { background: var(--sa-blue-soft); color: var(--sa-blue-text); font-weight: 700; }

.fi-ed { display: flex; flex-direction: column; height: 100%; }
.fi-ed__bar { display: flex; align-items: center; gap: 8px; flex: none; height: 34px; padding: 0 10px; border-bottom: 1px solid var(--sa-line); }
.fi-ed__bar .sa-ed__dev { margin-left: auto; }
.fi-ed__bar > .sa-btn { height: 22px; padding: 0 9px; }
.fi-ed .sa-mini__canvas { flex: 1; padding: 10px 12px; }
.fi-ed .sa-page { min-height: 100%; }
.fi-ed .sa-page__hero { grid-template-columns: minmax(0, 1fr) 34%; padding: 0; }
.fi-ed .sa-page__img { height: 84px; }
.fi-ed .sa-sel--block { margin-top: 26px; }

.fi-tpl { display: grid; gap: 12px; padding: 14px 14px 0; }
.fi-tpl .sa-create__chips { justify-content: flex-start; }
.fi-tpl .sa-create__chips i.is-on { border-color: var(--sa-blue-text); color: var(--sa-blue-text); background: var(--sa-blue-soft); }
.fi-tpl__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-items: start; }
.fi-tpl__card { display: grid; gap: 6px; padding: 6px; border-radius: 8px; border: 1px solid var(--sa-line); background: #fff; }
.fi-tpl__card > b { font-size: 9.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fi-tpl__card .sa-btn { height: 20px; font-size: 9px; }
.fi-tpl__card.is-pick { border-color: var(--sa-blue-text); box-shadow: 0 0 0 2px rgb(25 110 240 / .08); }
.fi-tpl__page { display: grid; gap: 4px; align-content: start; height: 86px; padding: 7px; border-radius: 5px; background: #fafafc; border: 1px solid #f0f0f5; overflow: hidden; font-family: "Inter", var(--sa-font); }
.fi-tpl__page em { font-weight: 700; font-size: 9px; line-height: 1.2; color: #12141a; }
.fi-tpl__img { display: block; height: 20px; border-radius: 4px; background: linear-gradient(135deg, #e7ebf8, #f1ebfa); }
.fi-tpl__img--top { height: 24px; background: linear-gradient(135deg, #fde5cf, #f5d0b5); }
.fi-tpl__in { display: block; height: 11px; border-radius: 3px; border: 1px solid #e6e7ee; background: #fff; }
.fi-tpl__btn { display: block; height: 12px; border-radius: 3px; background: #ea580c; }
.fi-tpl__prog { display: block; width: 46%; height: 3px; margin: 2px auto 4px; border-radius: 2px; background: linear-gradient(90deg, #15803d 60%, #e6e7ee 60%); }

.fi-sk--importer .sa-create--mini { padding: 14px; }

.fi-fm {
  display: flex; align-items: center; gap: 0; height: 100%; padding: 0 16px;
  background: #f7f7fa radial-gradient(circle, #d8d9e3 .8px, transparent 1.2px) 0 0 / 14px 14px;
}
.fi-fm__card { flex: 1; min-width: 0; display: grid; gap: 5px; padding: 7px 7px 9px; border-radius: 7px; border: 1px solid #e3e4ec; background: #fff; box-shadow: 0 1px 2px rgb(24 24 34 / .04); font-family: "Inter", var(--sa-font); }
.fi-fm__card > small { color: var(--sa-mute); font-size: 8.5px; font-family: var(--sa-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fi-fm__mini { display: block; padding: 4px 0 2px; }
.fi-fm__opt { position: relative; display: flex; align-items: center; height: 17px; padding: 0 6px; border-radius: 4px; border: 1px solid #ececf2; font-size: 8.5px; color: #4b4f5c; white-space: nowrap; overflow: hidden; }
.fi-fm__opt i { position: absolute; right: -1px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: #c9cdf6; }
.fi-fm__opt.is-on { border-color: #9db8f6; color: #12141a; }
.fi-fm__opt.is-on i { background: var(--sa-blue); }
.fi-fm__val { font: 700 15px/1 "Inter", var(--sa-font); color: #12141a; text-align: center; }
.fi-fm__track { position: relative; display: block; height: 3px; border-radius: 2px; background: #ebedf3; }
.fi-fm__track i { position: absolute; left: 0; top: 0; bottom: 0; width: 38%; border-radius: inherit; background: var(--sa-blue); }
.fi-fm__res { font-weight: 700; font-size: 9.5px; line-height: 1.25; color: #12141a; }
.fi-fm__btn { display: block; height: 13px; border-radius: 4px; background: #15803d; }
.fi-fm__wire { flex: none; width: 14px; height: 1.5px; background: var(--sa-blue); position: relative; }
.fi-fm__wire::after { content: ""; position: absolute; right: -2px; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: var(--sa-blue); }
.fi-fm__card.is-pick { border-color: var(--sa-blue-text); box-shadow: 0 0 0 2px rgb(25 110 240 / .08); }

.fi-ai .sa-ai__log { padding-top: 10px; }
.fi-ai .sa-ai__you { max-width: 86%; }
.fi-ai .sa-ai__you[data-sk-focus] { box-shadow: inset 0 0 0 1px transparent; }

.fi-mcp { padding: 14px; gap: 8px; }
.fi-mcp__clients { display: flex; gap: 6px; }
.fi-mcp__clients img { width: 14px; height: 14px; }
.fi-mcp__clients img.is-mono { filter: grayscale(1) opacity(.6); }
.sa-mini__tool .lla-i:last-child { margin-left: auto; color: var(--sa-green); width: 12px; height: 12px; }
.sa-mini__tool[data-sk-focus] { border: 1px solid var(--sa-blue-edge); background: #fff; }

.fi-var { grid-template-columns: 30px minmax(0, 1fr) 56px 50px; }
.fi-var .sa-pct { margin: 0; justify-self: end; }

.fi-rep { display: grid; gap: 8px; padding: 12px; background: var(--sa-ground); height: 100%; align-content: start; }
.fi-rep__stats { grid-template-columns: 1fr 1fr; }
.fi-rep__stats .sa-stat { padding: 8px 9px; }
.fi-rep__stats .sa-stat.is-pick { border-color: var(--sa-blue-edge); }
.fi-rep__chart { display: grid; gap: 6px; padding: 8px 10px 10px; }
.fi-rep__head { display: flex; align-items: center; justify-content: space-between; font-size: 11px; }
.fi-rep__chart svg { display: block; width: 100%; height: 52px; }
.fi-rep__chart path { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.fi-rep__base { stroke: var(--sa-line); stroke-width: 1; }
.fi-rep__a { stroke: var(--sa-blue); stroke-width: 1.6; }
.fi-rep__b { stroke: #b9c9f5; stroke-width: 1.4; }

.fi-pop { position: relative; padding-top: 30px; }
.fi-pop__bar { position: absolute; left: 0; right: 0; top: 0; padding: 5px 10px; background: #12141a; color: #fff; font: 500 9px/1.2 "Inter", var(--sa-font); text-align: center; border-radius: 4px 4px 0 0; }
.fi-pop__box { position: absolute; left: 50%; top: 52px; translate: -50% 0; display: grid; gap: 4px; width: 170px; margin: 0; padding: 10px 11px; border-radius: 8px; background: #fff; box-shadow: 0 10px 26px -8px rgb(24 24 34 / .28); outline-offset: 2px; font-family: "Inter", var(--sa-font); text-align: center; }
.fi-pop__box b { font-size: 11px; color: #12141a; }
.fi-pop__box small { font-size: 8.5px; color: #6b6f7e; }
.fi-pop__row { display: grid; grid-template-columns: auto 1fr; gap: 5px; margin-top: 3px; }
.fi-pop__timer { padding: 4px 6px; border-radius: 4px; background: #fdecec; color: #c2410c; font: 600 9px/1.2 var(--sa-mono); }
.fi-pop__btn { display: grid; place-items: center; border-radius: 4px; background: #ea580c; color: #fff; font-size: 9px; font-weight: 600; }

.fi-pb { flex: 1; min-height: 0; display: grid; grid-template-columns: 38% minmax(0, 1fr); }
.fi-pb__side { display: flex; flex-direction: column; gap: 6px; padding: 8px; border-right: 1px solid var(--sa-line); background: #fff; }
.fi-pb__head { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 2px 2px 6px; border-bottom: 1px solid var(--sa-line); }
.fi-pb__head b { font-size: 11px; color: var(--sa-ink); }
.fi-pb__head i { padding: 3px 6px; border-radius: 4px; background: #dfeeff; color: var(--sa-blue-text); font-size: 8.5px; font-style: normal; white-space: nowrap; }
.fi-pb__card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 5px; padding: 6px; border-radius: 6px; border: 1px solid var(--sa-line); }
.fi-pb__card.is-on { border-color: #9dbcf9; }
.fi-pb__card b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9.5px; font-weight: 400; color: var(--sa-ink); }
.fi-pb__card em { padding: 2px 4px; border-radius: 999px; background: var(--sa-tint, #f1f1fe); font-size: 6.5px; font-weight: 700; font-style: normal; letter-spacing: .05em; text-transform: uppercase; color: #8b8aa6; white-space: nowrap; }
.fi-pb__ico { display: grid; place-items: center; width: 15px; height: 15px; border-radius: 4px; background: #e3eefe; color: #2a3a63; }
.fi-pb__ico .lla-i { width: 9px; height: 9px; }
.fi-pb__canvas { position: relative; display: block; padding: 10px 12px; background: #f3f4f7; overflow: hidden; }
.fi-pb__page { min-height: 100%; }
.fi-pb__canvas::after { content: ""; position: absolute; inset: 0; background: rgb(18 20 26 / .32); }
.fi-pb__pop { position: absolute; left: 50%; top: 50%; z-index: 1; translate: -50% -50%; display: grid; gap: 6px; width: min(150px, 80%); margin: 0; padding: 12px 11px 10px; border-radius: 8px; background: #fff; box-shadow: 0 10px 26px -8px rgb(24 24 34 / .4); outline-offset: 2px; font-family: "Inter", var(--sa-font); }
.fi-pb__pop b { font-size: 10px; line-height: 1.25; color: #12141a; }
.fi-pb__btn { display: grid; place-items: center; height: 18px; border-radius: 4px; background: #1f7a4d; color: #fff; font-size: 8.5px; font-weight: 600; }

.fi-leads { padding: 12px 12px 0; }
.fi-leads__head { display: flex; align-items: center; gap: 6px; margin-bottom: 6px !important; }
.fi-leads__head b { margin-right: auto; font-size: 12px; }
.fi-leads__head b i { font-style: normal; font-weight: 400; font-size: 9.5px; color: var(--sa-mute); }
.fi-leads__head .sa-btn { height: 21px; padding: 0 7px; font-size: 9.5px; }
.fi-leads__th, .fi-leads__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) 62px; align-items: center; gap: 8px; padding: 0 6px; }
.fi-leads__th { height: 22px; color: var(--sa-mute); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }
.fi-leads__row { height: 30px; border-top: 1px solid var(--sa-line-2); }
.fi-leads__row.is-pick { background: rgb(43 94 232 / .045); border-radius: 6px; }
.fi-leads__ph { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; white-space: nowrap; }
.fi-leads__ph .lla-i { width: 11px; height: 11px; color: var(--sa-green); stroke-width: 2.4; }

.fi-table { padding: 12px 12px 0; }
.fi-table__title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px !important; }
.fi-table__title b { font-size: 12px; }
.fi-table__title b i { font-style: normal; font-weight: 400; font-size: 9.5px; color: var(--sa-mute); }
.fi-table__title .sa-btn { height: 21px; padding: 0 7px; font-size: 9.5px; }
.fi-table__th, .fi-table__row { display: grid; grid-template-columns: minmax(0, 1.4fr) 58px minmax(0, 1fr); align-items: center; gap: 8px; padding: 0 6px; }
.fi-sk--team .fi-table__th, .fi-sk--team .fi-table__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) 66px; }
.fi-table__th { height: 22px; color: var(--sa-mute); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }
.fi-table__row { height: 32px; border-top: 1px solid var(--sa-line-2); }
.fi-table__row > * { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fi-table__row > b { display: flex; align-items: center; gap: 4px; font-size: 10.5px; }
.fi-table__row > b .lla-i { width: 10px; height: 10px; color: var(--sa-green); }
.fi-table__row.is-pick { background: rgb(43 94 232 / .045); border-radius: 6px; }
.fi-table__row .sa-status .lla-i { display: inline-block; width: 8px; height: 8px; margin-left: 2px; vertical-align: -1px; }

.fi-sk--flow .sa-wf__canvas { padding-top: 10px; }
.fi-sk--flow .sa-wf__node { padding: 5px 8px; }
.fi-sk--flow .sa-wf__ico, .fi-sk--flow .sa-wf__tile.ig-tile, .fi-sk--flow .sa-wf__tile.sa-logo--own { width: 20px; height: 20px; --tile: 20px; }
.fi-sk--flow .sa-wf__wire { height: 10px; }
.fi-sk--flow .sa-wf__cases { padding-top: 8px; }
.fi-sk--flow .sa-wf__stem { height: 8px; }
.fi-sk--flow .sa-wf__case > .sa-wf__wire { height: 9px; }
.fi-sk--flow .sa-wf__case > .sa-wf__plus { margin-top: 6px; }
.fi-tpl__page { height: 64px; }

.sk-win__rail.sa-rail { width: 46px; gap: 6px; padding: 10px 0; }
.sk-win__rail.sa-rail .lla-mark { margin-bottom: 6px; }
.sk-win__top.sa-bar { gap: 10px; padding: 0 12px 0 16px; }
.sk-win__top.sa-bar > b { font-weight: 400; color: var(--sa-text); }
.sk-win__top.sa-bar .sa-ed__dev { margin-left: auto; }
.sa-bar__end { display: flex; gap: 5px; margin-left: auto; }
@container (max-width: 640px) { .sk-win__top.sa-bar .sa-ed__dev, .sk-win__top.sa-bar .sa-btn--grey { display: none; } }


.sa-pill { display: block; flex: none; width: var(--w, 56px); height: var(--h, 22px); border-radius: 6px; background: #f0f0f6; }
.sa-pill--line { background: #fff; box-shadow: inset 0 0 0 1px #bcd2fb; }
.sa-pill--line-grey { background: #fff; box-shadow: inset 0 0 0 1px var(--sa-line); }
.sa-pill--blue { background: var(--sa-grad); opacity: .9; }
.sa-pill--soft { background: var(--sa-blue-soft); }
.sa-tokens em.is-bone { width: var(--w); height: 15px; padding: 0; background: #edf3fb; }
.sa-create__chips i.is-bone { width: var(--w); height: 19px; padding: 0; border-color: #e8e8f2; }
.sa-dlg__bones { display: grid; gap: 5px; margin: 4px 0 10px; }
.sa-pair__label { margin: 9px 0 6px; }
.sa-head__name > .sa-bone { margin-top: 3px; }
.sa-mode__text > .sa-bone { margin-top: 3px; }
.sa-vt__name > span:last-child > .sa-bone { margin-top: 2px; }
.sa-ptitle > span:first-child > .sa-bone { margin-top: 4px; }
.sa-tabs > span:not(.is-on):not(.sa-tabs__end) { opacity: 1; }
.sa-opt > span:nth-child(2) > .sa-bone + .sa-bone { margin-top: 3px; }
.sa-qa__row > span:nth-child(2) > .sa-bone + .sa-bone { margin-top: 3px; }
.sa-props__sec > .sa-bone { flex: none; }
.sa-snav__label { margin: 10px 6px 4px; }
.sa-snav__item > .sa-bone { flex: none; }
.sa-side__item:not(.is-on), .sa-ed__tool:not(.is-on):not(.sa-ed__ai), .sa-snav__item:not(.is-on) .lla-i { color: #b7b6c8; }
.sa-ed__foot { color: #c3c2d2; }

@media (max-width: 740px) {
  .pa.sk { min-height: 300px; }
  .sk-win.sa, .gk-split--flip .sk-win.sa, .pg-row--flip .sk-win.sa,
  .sk-win.sa--float, .gk-split--flip .sk-win.sa--float, .pg-row--flip .sk-win.sa--float {
    inset: 18px 12px -40px 12px; translate: none;
    -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 97%);
    mask-image: linear-gradient(to bottom, #000 72%, transparent 97%);
  }
  .sa-fit, .sa--float .sa-fit { --k: .83; width: 720px; height: calc(100% / var(--k)); transform: scale(var(--k)); transform-origin: 0 0; }
  .sa--float .sa-fit > * { height: 100%; }
}
@media (max-width: 680px) { .sa-fit, .sa--float .sa-fit { --k: .75; } }
@media (max-width: 620px) { .sa-fit, .sa--float .sa-fit { --k: .66; } .pa.sk { min-height: 280px; } }
@media (max-width: 560px) { .sa-fit, .sa--float .sa-fit { --k: .58; } }
@media (max-width: 500px) { .sa-fit, .sa--float .sa-fit { --k: .5; } .pa.sk { min-height: 250px; } }
@media (max-width: 440px) { .sa-fit, .sa--float .sa-fit { --k: .44; } }
@media (max-width: 400px) { .sa-fit, .sa--float .sa-fit { --k: .4; } .pa.sk { min-height: 230px; } }
@media (max-width: 370px) { .sa-fit, .sa--float .sa-fit { --k: .34; } }