.toplineRight{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.pr-account{display:flex;align-items:center;gap:9px}
.pr-account__button{
  display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:7px 12px;
  border:1px solid rgba(148,163,184,.28);border-radius:999px;background:rgba(255,255,255,.80);
  color:#26364e;font:850 12.5px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;
  box-shadow:0 10px 26px rgba(26,45,78,.08);backdrop-filter:blur(10px);transition:.16s ease;
}
.pr-account__button:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(26,45,78,.12)}
.toplineRight > .pr-account .pr-account__button{width:132px;height:40px;min-height:40px;justify-content:center;padding:5px 12px}
.toplineRight > .pr-account .pr-account__button--profile{width:max-content;min-width:132px;max-width:none;justify-content:flex-start;padding-left:10px;padding-right:14px}
.pr-account__loginIcon{
  width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;color:#475569
}
.pr-account__loginIcon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pr-account__avatar{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;
  background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-size:11px;font-weight:900;
}
.pr-account__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pr-account__state{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-account__backdrop{
  position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.34);backdrop-filter:blur(5px);
  display:grid;place-items:center;padding:20px;
}
.pr-account__dialog{
  width:min(460px,100%);max-height:min(720px,calc(100vh - 32px));overflow:auto;
  background:#fff;border:1px solid rgba(203,213,225,.9);border-radius:24px;padding:22px;
  box-shadow:0 28px 80px rgba(15,23,42,.22);color:#142033;
}
.pr-account__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.pr-account__head h2{margin:0;font-size:24px;letter-spacing:-.035em}
.pr-account__head p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.4}
.pr-account__close{
  width:34px;height:34px;padding:0;border:1px solid #dbe5f2;border-radius:11px;background:#fff;color:#64748b;
  cursor:pointer;display:grid;place-items:center;flex:0 0 auto;transition:.15s ease
}
.pr-account__close:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}
.pr-account__close svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

.pr-account__social,.pr-account__primary,.pr-account__secondary,.pr-account__danger{
  width:100%;min-height:42px;border-radius:13px;font:800 13px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;
}
.pr-account__social{border:1px solid #d7e0ec;background:#fff;color:#22324b;transition:.15s ease}
.pr-account__social:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 6px 16px rgba(15,23,42,.06)}
.pr-account__google{position:relative;display:flex;align-items:center;justify-content:center;padding:0 46px}
.pr-account__googleIcon{position:absolute;left:15px;width:20px;height:20px;display:grid;place-items:center}
.pr-account__googleIcon svg{width:18px;height:18px;display:block}
.pr-account__primary{border:0;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff}
.pr-account__secondary{border:1px solid #d7e0ec;background:#f8fafc;color:#334155}
.pr-account__danger{border:1px solid #fecdd3;background:#fff1f2;color:#be123c}
.pr-account__divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:#94a3b8;font-size:11px;font-weight:800}
.pr-account__divider::before,.pr-account__divider::after{content:"";height:1px;background:#e2e8f0;flex:1}
.pr-account__field{display:grid;gap:6px;margin:10px 0}
.pr-account__field label{font-size:11.5px;font-weight:800;color:#475569}
.pr-account__field input{
  width:100%;min-height:42px;border:1px solid #cfd9e6;border-radius:12px;padding:9px 11px;
  font:500 13px/1.2 Inter,"Segoe UI",Arial,sans-serif;color:#172033;outline:none;background:#fff
}
.pr-account__field input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.10)}
.pr-account__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.pr-account__link{border:0;background:none;padding:4px 0;color:#2563eb;font:800 12px/1.2 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
.pr-account__link--action{
  min-height:36px;padding:0 13px;border:1px solid #d7e0ec;border-radius:11px;background:#fff;
  display:inline-flex;align-items:center;justify-content:center;transition:.15s ease
}
.pr-account__link--action:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.06)}
.pr-account__row .pr-account__link--action{flex:1}
.pr-account__link--create{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.pr-account__link--create:hover{background:#dbeafe;border-color:#93c5fd}
.pr-account__link--recovery{color:#475569;background:#f8fafc}
.pr-account__link--recovery:hover{background:#f1f5f9;border-color:#cbd5e1}
.pr-account__message{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.4}
.pr-account__message[data-kind="error"]{background:#fff1f2;color:#9f1239}
.pr-account__message[data-kind="success"]{background:#ecfdf5;color:#047857}
.pr-account__profile{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;margin-bottom:14px}
.pr-account__profile .pr-account__avatar{width:44px;height:44px;font-size:16px}
.pr-account__profileText{min-width:0}.pr-account__profileText b,.pr-account__profileText span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-account__profileText b{font-size:14px}.pr-account__profileText span{margin-top:4px;color:#64748b;font-size:12px}
.pr-account__proStatus{
  display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;
  border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e;
  font-size:12.5px;font-weight:800;line-height:1.35
}
.pr-account__proBadge{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:24px;padding:0 8px;
  border:1px solid rgba(37,99,235,.20);border-radius:7px;
  background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;
  box-shadow:0 5px 12px rgba(37,99,235,.16);
  font-size:9.5px;font-weight:900;letter-spacing:.075em
}
.pr-account__plan{
  margin:0 0 14px;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc
}
.pr-account__plan--active{border-color:#cfe0f6;background:linear-gradient(135deg,#f8fbff,#f3f8ff)}
.pr-account__plan--ending{border-color:#d8e2ee;background:#f8fafc}
.pr-account__plan--warning{border-color:#fecdd3;background:#fff7f8}
.pr-account__plan--free{border-color:#dbe5f2;background:#f8fafc}
.pr-account__planTop{display:flex;align-items:center;gap:10px}
.pr-account__planTop>div{min-width:0}
.pr-account__planTop b,.pr-account__planTop span{display:block}
.pr-account__planTop b{font-size:14px;color:#172033}
.pr-account__planTop span{margin-top:3px;font-size:12px;font-weight:800;color:#64748b}
.pr-account__plan p{margin:11px 0 0;color:#64748b;font-size:12px;line-height:1.45}
.pr-account__compare{
  display:grid;grid-template-columns:.78fr 1.22fr;gap:8px;margin-top:12px
}
.pr-account__compareTier{
  min-width:0;padding:10px 11px;border:1px solid #dde6f0;border-radius:13px;background:#fff
}
.pr-account__compareTier--pro{
  border-color:#bfdbfe;background:linear-gradient(145deg,#f8fbff,#f0f8ff)
}
.pr-account__compareHead{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.pr-account__compareHead b{font-size:11px;color:#172033}
.pr-account__compare .pr-account__tierBadge{min-width:36px;height:23px;padding:0 7px;border-radius:7px;font-size:8px}
.pr-account__compare ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.pr-account__compare li{
  position:relative;padding-left:13px;color:#5f6f84;font-size:9.6px;line-height:1.35
}
.pr-account__compare li::before{
  content:"✓";position:absolute;left:0;top:0;color:#64748b;font-weight:950
}
.pr-account__compareTier--pro li::before{color:#2563eb}
.pr-account__planPrice{margin-top:12px;color:#172033;font-size:19px;font-weight:900;letter-spacing:-.025em}
.pr-account__planPrice span{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0}
.pr-account__planActions{display:grid;gap:8px;margin-top:13px}
.pr-account__planActions:empty{display:none}
.pr-account__planActions .pr-account__primary,.pr-account__planActions .pr-account__secondary,.pr-account__planActions .pr-account__cancel{margin:0}
.pr-account__cancel{
  width:100%;min-height:42px;border:1px solid #fecdd3;border-radius:13px;background:#fff;color:#be123c;
  font:800 13px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:.15s ease
}
.pr-account__cancel:hover{background:#fff1f2;border-color:#fda4af}

.pr-account__secondary:disabled,.pr-account__primary:disabled{opacity:.5;cursor:not-allowed}

.pr-pro-surface{
  margin-top:14px;padding:18px 20px;display:block;
  border:1px solid rgba(191,219,254,.9);background:linear-gradient(135deg,rgba(239,246,255,.9),rgba(240,253,250,.85))
}
.pr-pro-surface__main{display:flex;align-items:center;justify-content:space-between;gap:22px}
.pr-pro-surface__copy{min-width:0}
.pr-pro-surface__eyebrow{
  display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;
  background:#111827;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em
}
.pr-pro-surface h2{margin:9px 0 4px;font-size:20px;letter-spacing:-.03em;color:#172033}
.pr-pro-surface p{margin:0;max-width:720px;color:#64748b;font-size:12.5px;line-height:1.5}
.pr-pro-surface__actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.pr-pro-surface__price{font-size:13px;font-weight:900;color:#334155;white-space:nowrap}
.pr-pro-surface__compare{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px
}
.pr-pro-surface__tier{
  min-width:0;min-height:132px;padding:15px 16px;
  border:1px solid #d6e1ec;border-radius:15px;background:rgba(255,255,255,.92);
  box-shadow:0 5px 14px rgba(15,23,42,.035)
}
.pr-pro-surface__tier--free{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.96))
}
.pr-pro-surface__tier--pro{
  border-color:#9fc9ff;
  background:linear-gradient(145deg,#ffffff 0%,#f4f9ff 58%,#eef8ff 100%);
  box-shadow:0 7px 18px rgba(37,99,235,.07)
}
.pr-pro-surface__tierHead{
  display:flex;align-items:center;gap:9px;margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid rgba(226,232,240,.85)
}
.pr-pro-surface__tierHead b{font-size:13.5px;font-weight:900;color:#172033;letter-spacing:-.01em}
.pr-pro-surface__current{
  margin-left:auto;padding:4px 8px;border-radius:999px;background:#e8f1ff;color:#1d4ed8;
  font-size:9px;font-weight:900;letter-spacing:.02em;white-space:nowrap
}
.pr-pro-surface__tier--current{
  box-shadow:0 0 0 2px rgba(37,99,235,.10),0 8px 20px rgba(37,99,235,.08)
}
.pr-pro-surface__tierHead .pr-account__tierBadge{
  min-width:42px;height:25px;padding:0 8px;border-radius:8px;font-size:8.5px
}
.pr-pro-surface__tier ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.pr-pro-surface__tier li{
  position:relative;padding-left:22px;color:#52657d;font-size:12.2px;font-weight:650;line-height:1.38
}
.pr-pro-surface__tier li::before{
  content:"✓";position:absolute;left:0;top:.02em;width:15px;height:15px;border-radius:50%;
  display:grid;place-items:center;background:#eef2f7;color:#64748b;font-size:9px;font-weight:950;line-height:1
}
.pr-pro-surface__tier--pro li::before{background:#e7f0ff;color:#2563eb}
.pr-pro-surface__button{
  min-height:40px;padding:0 19px;border:1px solid #1d4ed8;border-radius:999px;
  background:linear-gradient(135deg,#2563eb 0%,#2b6fe2 58%,#2687d8 100%);
  color:#fff;font:850 12.5px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:none;transition:.15s ease
}
.pr-pro-surface__button:hover{
  background:linear-gradient(135deg,#1d4ed8 0%,#2563d9 58%,#2178c9 100%);
  transform:translateY(-1px)
}
.pr-pro-surface__button--secondary{border:1px solid #cbd5e1;background:#fff;color:#334155;box-shadow:none}
.pr-pro-surface__button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.pr-pro-surface--active{
  margin-top:14px;padding:10px 14px;border-color:rgba(148,163,184,.24);
  background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(239,246,255,.94))
}
.pr-pro-active{
  min-height:30px;display:flex;align-items:center;gap:9px;color:#334155;
  font-size:12.5px;line-height:1.2
}
.pr-pro-active__dot{
  width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.09)
}
.pr-pro-active strong{font-weight:900}
@media(max-width:720px){
  .pr-account__compare{grid-template-columns:1fr}
  .pr-pro-surface__main{align-items:flex-start;flex-direction:column}
  .pr-pro-surface__actions{width:100%;justify-content:space-between}
  .pr-pro-surface__button{flex:1}
  .pr-pro-surface__compare{grid-template-columns:1fr}
}

.pr-account__confirm{
  display:flex;align-items:flex-start;gap:11px;margin:4px 0 14px;padding:14px;
  border:1px solid #dbe5f2;border-radius:16px;background:#f8fafc
}
.pr-account__confirm>div{min-width:0}
.pr-account__confirm b,.pr-account__confirm span{display:block}
.pr-account__confirm b{font-size:14px;color:#172033}
.pr-account__confirm span{margin-top:4px;color:#64748b;font-size:12px;line-height:1.4}
.pr-account__settingsActions{display:grid;gap:8px;margin:0 0 2px}
.pr-account__settingsActions .pr-account__primary,.pr-account__settingsActions .pr-account__secondary,.pr-account__settingsActions .pr-account__cancel{margin:0;display:flex;align-items:center;justify-content:center;gap:8px}
.pr-account__confirmActions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
.pr-account__confirmActions .pr-account__secondary,.pr-account__confirmActions .pr-account__cancel{margin:0}
.pr-account__cancel--confirm{min-height:42px}
.pr-account__terms{
  margin:12px 0 0;padding:12px;border:1px solid #dbe5f2;border-radius:14px;background:#f8fafc;
  display:flex;align-items:flex-start;gap:10px;color:#475569;font-size:12px;line-height:1.45
}
.pr-account__terms input{width:17px;height:17px;margin:1px 0 0;flex:0 0 auto;accent-color:#2563eb}
.pr-account__terms a{color:#1d4ed8;text-decoration:none;font-weight:800}
.pr-account__terms a:hover{text-decoration:underline}
.pr-account__checkoutSummary{margin:0 0 12px;padding:13px 14px;border:1px solid #dbe5f2;border-radius:14px;background:#fff}
.pr-account__checkoutSummary b,.pr-account__checkoutSummary span{display:block}
.pr-account__checkoutSummary b{font-size:18px;color:#172033}
.pr-account__checkoutSummary span{margin-top:4px;color:#64748b;font-size:11.5px;line-height:1.4}
@media(max-width:520px){
  .pr-account__confirmActions{grid-template-columns:1fr}
}

.pr-account__busy{opacity:.58;pointer-events:none}
@media(max-width:920px){
  .topline{align-items:stretch}
  .toplineRight{width:100%;justify-content:space-between}
}
@media(max-width:640px){
  .toplineRight{align-items:stretch;flex-direction:column}
  .pr-account{width:100%}.pr-account__button{width:100%;justify-content:center}
  .pr-account__state{max-width:none}
}

.constructorQuickNav .pr-account{margin-left:auto;flex:0 0 auto}
.constructorQuickNav .pr-account__button{min-height:28px;height:28px;padding:0 9px;border-radius:999px;box-shadow:0 4px 11px rgba(15,23,42,.05);font-size:11.5px;background:#fff}
.constructorQuickNav .pr-account__avatar{width:20px;height:20px;font-size:8.5px}
.constructorQuickNav .pr-account__loginIcon{width:18px;height:18px}
.constructorQuickNav .pr-account__loginIcon svg{width:16px;height:16px}
.constructorQuickNav .pr-account__state{max-width:118px}
@media(max-width:780px){
  .constructorQuickNav .pr-account__state{display:none}
  .constructorQuickNav .pr-account__button{width:28px;min-width:28px;padding:0;justify-content:center}
}

/* Pro subscription visual polish — v021 */
.pr-account__button--pro{
  border:2px solid transparent;
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)) padding-box,
    linear-gradient(120deg,#2563eb 0%,#0ea5e9 48%,#14b8a6 100%) border-box;
  box-shadow:0 9px 24px rgba(14,116,144,.13),0 0 0 1px rgba(255,255,255,.72) inset;
}
.pr-account__button--pro:hover{
  box-shadow:0 12px 30px rgba(14,116,144,.18),0 0 0 1px rgba(255,255,255,.78) inset;
}
.constructorQuickNav .pr-account__button--pro{
  border:2px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(120deg,#2563eb 0%,#0ea5e9 48%,#14b8a6 100%) border-box;
  box-shadow:0 5px 14px rgba(14,116,144,.12);
}

.pr-account__proIcon{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;color:#fff;
  background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 56%,#14b8a6 100%);
  box-shadow:0 7px 16px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.26);
}
.pr-account__proIcon svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.pr-account__freeBadge{
  min-width:44px;height:26px;padding:0 8px;border:1px solid #d7e0ec;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#64748b;
  font-size:9px;font-weight:900;letter-spacing:.08em;
}
.pr-account__tierBadge{
  min-width:44px;height:30px;padding:0 9px;border-radius:9px;
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  font:950 9px/1 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.08em;
}
.pr-account__tierBadge--free{
  border:1px solid #d7e0ec;background:#fff;color:#64748b;
}
.pr-account__tierBadge--pro{
  border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;
}

.pr-buttonIcon{width:16px;height:16px;display:inline-grid;place-items:center;flex:0 0 auto}
.pr-buttonIcon svg{
  width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}

.pr-account__primary,.pr-account__secondary,.pr-account__cancel{
  min-height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
.pr-account__primary{
  border:1px solid rgba(37,99,235,.15);
  background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 55%,#0891b2 100%);
  color:#fff;box-shadow:0 9px 20px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.22);
}
.pr-account__primary:hover{
  transform:translateY(-1px);box-shadow:0 12px 25px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.26);
}
.pr-account__secondary{
  border:1px solid #cfdae8;background:linear-gradient(180deg,#fff,#f8fafc);color:#334155;
  box-shadow:0 5px 13px rgba(15,23,42,.045),inset 0 1px 0 #fff;
}
.pr-account__secondary:hover{
  transform:translateY(-1px);border-color:#b9c8da;box-shadow:0 8px 18px rgba(15,23,42,.075);
}
.pr-account__cancel{
  border:1px solid #fecdd3;background:linear-gradient(180deg,#fff,#fff8f8);color:#be123c;
  box-shadow:0 4px 12px rgba(190,18,60,.035),inset 0 1px 0 #fff;
}
.pr-account__cancel:hover{
  transform:translateY(-1px);background:#fff1f2;border-color:#fda4af;box-shadow:0 7px 17px rgba(190,18,60,.08);
}

.pr-pro-surface__eyebrow{
  display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;
  border:1px solid transparent;border-radius:9px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(120deg,#2563eb,#0ea5e9,#14b8a6) border-box;
  color:#1e3a5f;font-size:10.5px;font-weight:900;letter-spacing:.015em;
  box-shadow:0 6px 14px rgba(14,116,144,.08);
}
.pr-pro-surface__eyebrow svg{
  width:14px;height:14px;fill:none;stroke:#0b8fb8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.pr-pro-surface__button{
  min-height:40px;padding:0 19px;border:1px solid #1d4ed8;border-radius:999px;
  background:linear-gradient(135deg,#2563eb 0%,#2b6fe2 58%,#2687d8 100%);
  color:#fff;font:850 12.5px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;
  box-shadow:none;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.pr-pro-surface__button:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#1d4ed8 0%,#2563d9 58%,#2178c9 100%);
  border-color:#1d4ed8;box-shadow:none;
}
.pr-pro-surface__button--secondary{
  border:1px solid #cfd9e6;background:linear-gradient(180deg,#fff,#f8fafc);color:#334155;
  box-shadow:0 5px 12px rgba(15,23,42,.04),inset 0 1px 0 #fff;
}
.pr-pro-surface__button--danger{
  border:1px solid #fecdd3;background:linear-gradient(180deg,#fff,#fff8f8);color:#be123c;
  box-shadow:0 5px 12px rgba(190,18,60,.035),inset 0 1px 0 #fff;
}

/* Approved account tier marks — v022 */
.pr-account__button--free{
  border-color:rgba(148,163,184,.30);
  background:rgba(255,255,255,.90);
}
.pr-account__tierIcon{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
}
.pr-account__tierIcon svg{
  width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.pr-account__tierIcon--free{
  color:#46698f;background:linear-gradient(180deg,#f2f7fc,#e8f0f8);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.12);
}
.pr-account__tierIcon--pro{
  color:#1677e8;background:linear-gradient(180deg,#f4f9ff,#eaf5ff);
  box-shadow:inset 0 0 0 1px rgba(14,165,233,.10);
}
.pr-account__chevron{
  width:16px;height:16px;margin-left:auto;display:grid;place-items:center;color:#426181;flex:0 0 auto;
}
.pr-account__chevron svg{
  width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.toplineRight > .pr-account .pr-account__button{
  gap:8px;
}
.toplineRight > .pr-account .pr-account__button .pr-account__state{
  max-width:none;
  font-weight:900;
  line-height:1.2;
  padding:1px 0 2px;
  letter-spacing:-.01em;
}
.constructorQuickNav .pr-account__button{
  gap:6px;
}
.constructorQuickNav .pr-account__tierIcon{
  width:19px;height:19px;
}
.constructorQuickNav .pr-account__tierIcon svg{
  width:12px;height:12px;
}
.constructorQuickNav .pr-account__chevron{
  width:13px;height:13px;
}
.constructorQuickNav .pr-account__chevron svg{
  width:11px;height:11px;
}

.pr-account__freeIcon{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;
  color:#46698f;background:linear-gradient(180deg,#f5f8fc,#eaf0f7);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.14);
}
.pr-account__freeIcon svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

/* Account action alignment + Pro mark polish — v027 */
.pr-account__proIcon{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
  border:1px solid #d6e8fb;
  background:radial-gradient(circle at 36% 28%,#ffffff 0%,#f4faff 48%,#ebf6ff 100%);
  box-shadow:0 5px 13px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.98);
}
.pr-account__proIcon img{
  width:22px;height:22px;display:block;object-fit:contain;
}

.pr-account__planActions .pr-account__primary,
.pr-account__planActions .pr-account__secondary,
.pr-account__planActions .pr-account__cancel{
  min-height:42px;
  padding:0 16px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font:800 13px/1 Inter,"Segoe UI",Arial,sans-serif;
}
.pr-account__planActions .pr-account__primary{
  background:linear-gradient(135deg,#2563eb,#0891b2);
  box-shadow:0 7px 17px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.20);
}
.pr-buttonIcon{
  width:18px;height:18px;flex:0 0 18px;
  display:inline-flex;align-items:center;justify-content:center;
}
.pr-buttonIcon svg{
  width:16px;height:16px;display:block;
}
.pr-buttonIcon--settings svg{transform:translateY(-.45px)}
.pr-buttonIcon--resume svg{transform:translateY(-.2px)}
.pr-buttonIcon--cancel svg{transform:translateY(0)}
.pr-buttonLabel{
  display:inline-block;
  line-height:1;
  transform:translateY(.1px);
}