.coretab{min-height:calc(100dvh - 150px);padding:0 14px 0;color:#172033;background:#f7f8fc;overflow-x:hidden}
.coretab button{font:inherit;-webkit-tap-highlight-color:transparent}
.coretab__profile{margin:0 -14px 18px;padding:max(18px,env(safe-area-inset-top)) 18px 22px;background:#fff;border-bottom:1px solid #e8ebf3}
.coretab__identity{width:100%;border:0;background:transparent;padding:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;text-align:left;color:inherit}
.coretab__avatar{position:relative;width:68px;height:68px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#edf1ff;color:#566fd1;font-size:25px;border:3px solid #fff;box-shadow:0 0 0 1px #dce2f3,0 10px 24px rgba(36,49,91,.12)}.coretab__avatar img{width:100%;height:100%;object-fit:cover}
.coretab__identityCopy{min-width:0;display:grid;gap:3px}.coretab__identityCopy small{font-size:9px;font-weight:950;letter-spacing:.15em;color:#7767d9}.coretab__identityCopy strong{font-size:20px;line-height:1.1;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coretab__identityCopy span{font-size:11px;color:#71809a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coretab__identityStatus{display:none;align-items:center;gap:6px;font-size:10px;font-weight:850;color:#647089}.coretab__identityStatus i{width:7px;height:7px;border-radius:50%;background:#25b879}.coretab__chevron{color:#8390a8;font-size:14px}
.coretab__membership{margin-bottom:22px;padding:16px;border:1px solid #e2e6f0;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(42,54,91,.07);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.coretab__membershipMark{width:50px;height:50px;border-radius:17px;background:#172033;color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #6d60db}.coretab__membershipMark span{font-size:21px;font-weight:950}
.coretab__membership>div:nth-child(2){min-width:0}.coretab__membership small{font-size:9px;font-weight:950;letter-spacing:.14em;color:#e059ac}.coretab__membership h2{margin:2px 0 3px;font-size:18px;letter-spacing:-.035em}.coretab__membership p{margin:0;color:#6f7b91;font-size:11px;line-height:1.4}
.coretab__membership button{grid-column:1/-1;min-height:44px;border:0;border-radius:15px;background:#273cfa;color:#fff;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px}
.coretab__groups{display:grid;gap:24px}.coretab__groupHead{padding:0 4px 9px}.coretab__groupHead small{font-size:9px;font-weight:950;letter-spacing:.16em;color:#7767d9}.coretab__groupHead h2{margin:2px 0 0;font-size:19px;letter-spacing:-.035em}
.coretab__list{overflow:hidden;border:1px solid #e5e8f0;border-radius:22px;background:#fff;box-shadow:0 8px 26px rgba(37,49,84,.045)}
.coretab__row{position:relative;width:100%;min-height:74px;border:0;border-bottom:1px solid #edf0f5;background:#fff;padding:11px 13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;text-align:left;color:#192238;transition:background .18s ease,transform .18s ease}.coretab__row:last-child{border-bottom:0}.coretab__row:active{background:#f4f6fb;transform:scale(.995)}
.coretab__rowIcon{width:40px;height:40px;border-radius:14px;background:#f1f4ff;color:#465fd0;display:grid;place-items:center;font-size:18px}.coretab__row:nth-child(3n+2) .coretab__rowIcon{background:#fff1f8;color:#d34d9d}.coretab__row:nth-child(3n) .coretab__rowIcon{background:#eef9f7;color:#138f7e}
.coretab__rowCopy{min-width:0;display:grid;gap:3px}.coretab__rowCopy strong{font-size:15px;line-height:1.15;letter-spacing:-.015em}.coretab__rowCopy small{font-size:10.5px;line-height:1.35;color:#758198}
.coretab__badge{max-width:82px;padding:5px 8px;border-radius:999px;background:#f1f3f8;color:#59667f;font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coretab__rowArrow{font-size:13px;color:#8c98ab}
.coretab__footer{padding:28px 6px 4px;display:grid;gap:4px;color:#6f7a8d}.coretab__footer strong{color:#273149;font-size:13px}.coretab__footer span{font-size:10.5px;line-height:1.4}.coretab__footer small{font-size:9px}
.coretab__toast{position:fixed;right:14px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px));z-index:2147483000;max-width:min(330px,calc(100dvw - 28px));padding:12px 14px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:rgba(23,32,51,.94);color:#fff;box-shadow:0 16px 46px rgba(13,22,44,.3);font-size:11px;line-height:1.4;opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s ease}.coretab__toast.isVisible{opacity:1;transform:none}
.godAvatarMedia{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit}.godAvatarMedia img{width:100%;height:100%;display:block;object-fit:cover}.godAvatarMedia>i{display:grid;place-items:center;width:100%;height:100%}
@media(min-width:720px){.coretab{max-width:860px;margin:0 auto;padding:18px 22px 40px}.coretab__profile{margin:0 0 24px;border:1px solid #e4e7ef;border-radius:28px}.coretab__identityStatus{display:flex}.coretab__membership{grid-template-columns:auto 1fr auto}.coretab__membership button{grid-column:auto;min-width:132px;padding:0 18px}.coretab__groups{grid-template-columns:1fr 1fr;align-items:start}.coretab__group:last-child{grid-column:1/-1}.coretab__row{min-height:78px}}
@media(prefers-reduced-motion:reduce){.coretab__row,.coretab__toast{transition:none}}
@media(prefers-color-scheme:dark){.coretab{background:#0e1422;color:#f5f7fc}.coretab__profile,.coretab__membership,.coretab__list,.coretab__row{background:#171f31;border-color:#293349}.coretab__identityCopy span,.coretab__membership p,.coretab__rowCopy small,.coretab__footer{color:#9eabc0}.coretab__row{color:#f6f7fb;border-bottom-color:#293349}.coretab__row:active{background:#202a3e}.coretab__rowIcon{background:#24304c}.coretab__footer strong{color:#e6eaf2}.coretab__badge{background:#273149;color:#c5cedd}}

body.godMembersOpen{overflow:hidden}
.godMembersOverlay{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:stretch;background:rgba(13,20,36,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .22s ease}
.godMembersOverlay.isOpen{opacity:1}
.godMembersPanel{width:100dvw;height:100dvh;overflow:hidden;background:rgba(247,249,255,.96);transform:translateY(14px);transition:transform .26s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-rows:auto 1fr;color:#101828}
.godMembersOverlay.isOpen .godMembersPanel{transform:none}
.godMembersTopbar{min-height:72px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(42,62,102,.10);background:rgba(255,255,255,.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.godMembersTopbar>div{display:grid;gap:1px}.godMembersTopbar span{font-size:11px;font-weight:900;letter-spacing:.22em;color:#536c9d}.godMembersTopbar strong{font-size:22px;letter-spacing:-.04em}.godMembersTopbar button{width:44px;height:44px;border:1px solid rgba(42,62,102,.12);border-radius:50%;background:rgba(255,255,255,.8);color:#17233c;font-size:19px;display:grid;place-items:center}
.godMembersScroll{min-height:0;overflow:auto;padding:18px 14px max(24px,env(safe-area-inset-bottom));display:grid;align-content:start;gap:14px}
.godMembersHero,.godMembersDetails,.godMembersSignedOut{border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.78);box-shadow:0 20px 60px rgba(32,48,82,.12);border-radius:28px}
.godMembersHero{padding:18px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px}.godMembersAvatar{position:relative;width:82px;height:82px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e8eeff;color:#4967b7;font-size:30px;border:2px solid #fff;box-shadow:0 12px 30px rgba(45,74,140,.18)}.godMembersAvatar img{width:100%;height:100%;object-fit:cover}.godMembersHero small{color:#66799f;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.godMembersHero h2{margin:3px 0;font-size:clamp(26px,8dvw,38px);line-height:1;letter-spacing:-.05em}.godMembersHero p{margin:0;color:#667085;font-size:13px;overflow-wrap:anywhere}
.godMembersDetails{padding:10px;display:grid;gap:7px}.godMembersSectionTitle{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 7px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#66799f}.godMembersRow{min-height:58px;border:1px solid rgba(54,77,123,.08);background:rgba(245,248,255,.76);border-radius:18px;padding:10px 13px;display:grid;grid-template-columns:minmax(90px,.42fr) 1fr;align-items:center;gap:10px}.godMembersRow span{font-size:12px;color:#73809a;font-weight:750}.godMembersRow strong{text-align:right;font-size:13px;overflow-wrap:anywhere}
.godMembersSignedOut{padding:34px 22px;text-align:center;display:grid;justify-items:center;gap:10px}.godMembersSignedOut i{font-size:34px;color:#526fc0}.godMembersSignedOut h2{margin:0;font-size:25px;letter-spacing:-.04em}.godMembersSignedOut p{margin:0;color:#667085;line-height:1.55;font-size:14px}
.godAvatarMedia{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit}.godAvatarMedia img{width:100%;height:100%;display:block;object-fit:cover}.godAvatarMedia>i{display:grid;place-items:center;width:100%;height:100%}
@media(min-width:720px){.godMembersOverlay{place-items:center;padding:24px}.godMembersPanel{width:min(680px,92dvw);height:min(820px,90dvh);border-radius:32px;box-shadow:0 40px 120px rgba(8,17,38,.28)}.godMembersTopbar{padding-top:14px}.godMembersScroll{padding:22px}}
@media(prefers-color-scheme:dark){.coretab__masthead,.coretab__command,.coretab__memberCard,.coretab__pulsePanel{background:rgba(21,30,48,.94);border-color:rgba(255,255,255,.08)}.coretab__module,.coretab__metrics div{background:rgba(255,255,255,.06);color:#f6f7fb}.coretab__welcome p,.coretab__welcome>div>span,.coretab__moduleCopy small,.coretab__memberCopy p,.coretab__metrics span{color:#aab6ca}.godMembersPanel{background:rgba(14,21,37,.97);color:#f5f7ff}.godMembersTopbar{background:rgba(17,25,43,.78);border-color:rgba(255,255,255,.08)}.godMembersTopbar button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.godMembersHero,.godMembersDetails,.godMembersSignedOut{background:rgba(26,36,58,.76);border-color:rgba(255,255,255,.08)}.godMembersRow{background:rgba(18,28,48,.76);border-color:rgba(255,255,255,.06)}.godMembersHero p,.godMembersSignedOut p{color:#aab6ca}}

/* Core mobile visual alignment */
#infinisAuthProfileButtonHost.isFloating,
.infinisAuthProfileButtonHost.isFloating{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.coretab{
  width:min(100%,760px);
  margin:0 auto;
  min-height:auto;
  padding:8px 14px 44px;
  background:transparent;
}
.coretab__profile{
  margin:0 0 12px;
  padding:14px;
  border:1px solid #e4e8f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(29,43,76,.06);
}
.coretab__identity{
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
}
.coretab__identityStatus{display:none!important}
.coretab__avatar{
  width:52px;
  height:52px;
  border-width:2px;
  font-size:20px;
  box-shadow:0 0 0 1px #dce2f3,0 7px 18px rgba(36,49,91,.10);
}
.coretab__identityCopy small{font-size:8px;letter-spacing:.14em}
.coretab__identityCopy strong{font-size:18px;line-height:1.12}
.coretab__identityCopy span{font-size:10.5px;line-height:1.3}
.coretab__chevron{font-size:13px}

.coretab__membership{
  margin-bottom:18px;
  padding:14px;
  border-radius:22px;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  box-shadow:0 8px 24px rgba(42,54,91,.055);
}
.coretab__membershipMark{
  width:44px;
  height:44px;
  border-radius:14px;
}
.coretab__membershipMark span{font-size:19px}
.coretab__membership small{font-size:8px;letter-spacing:.13em}
.coretab__membership h2{margin:2px 0;font-size:16px}
.coretab__membership p{font-size:10px;line-height:1.35}
.coretab__membership button{
  grid-column:auto;
  min-width:44px;
  width:44px;
  min-height:44px;
  padding:0;
  border-radius:14px;
  font-size:0;
}
.coretab__membership button i{font-size:18px}

.coretab__groups{gap:18px}
.coretab__groupHead{padding:0 4px 7px}
.coretab__groupHead small{font-size:8px;letter-spacing:.14em}
.coretab__groupHead h2{font-size:17px}
.coretab__list{border-radius:20px;box-shadow:0 6px 20px rgba(37,49,84,.04)}
.coretab__row{
  min-height:66px;
  padding:10px 12px;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:10px;
}
.coretab__rowIcon{
  width:36px;
  height:36px;
  border-radius:12px;
  font-size:16px;
}
.coretab__rowCopy strong{font-size:14px}
.coretab__rowCopy small{font-size:10px;line-height:1.3}
.coretab__badge{max-width:72px;padding:4px 7px;font-size:8px}
.coretab__rowArrow{font-size:12px}
.coretab__footer{padding:22px 4px 2px}

@media(max-width:390px){
  .coretab{padding-left:10px;padding-right:10px}
  .coretab__profile{padding:12px}
  .coretab__membership{padding:12px}
  .coretab__membership p{display:none}
  .coretab__row{grid-template-columns:auto minmax(0,1fr) auto}
  .coretab__badge{display:none}
}

@media(prefers-color-scheme:dark){
  .coretab__profile{background:#171f31;border-color:#293349}
}

/* Temporary Grit collection entry in Core */
.coretab__grits{margin:0 0 18px;padding:15px;border:1px solid #e2e7f1;border-radius:22px;background:linear-gradient(145deg,#ffffff 0%,#f6f8ff 58%,#fdf5ff 100%);box-shadow:0 9px 28px rgba(42,54,91,.06);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.coretab__gritsIcon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#dff7ff,#ede7ff 58%,#ffe8f7);color:#6658d9;font-size:21px;box-shadow:inset 0 0 0 1px rgba(113,97,220,.12)}
.coretab__gritsCopy{min-width:0}.coretab__gritsCopy small{display:block;font-size:8px;font-weight:950;letter-spacing:.14em;color:#7868d8}.coretab__gritsCopy h2{margin:2px 0 3px;font-size:17px;letter-spacing:-.025em}.coretab__gritsCopy p{margin:0;color:#738098;font-size:10px;line-height:1.35}
.coretab__grits>button{min-width:68px;min-height:42px;padding:0 12px;border:0;border-radius:14px;background:#161d33;color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px}
body.coreGritOpen{overflow:hidden}
.coreGritOverlay{position:fixed;inset:0;z-index:2147482500;background:rgba(16,24,42,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .22s ease;display:grid;place-items:stretch}
.coreGritOverlay.isOpen{opacity:1}.coreGritPanel{width:100dvw;height:100dvh;background:rgba(248,250,255,.98);color:#11182b;display:grid;grid-template-rows:auto 1fr;transform:translateY(14px);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.coreGritOverlay.isOpen .coreGritPanel{transform:none}
.coreGritTopbar{min-height:74px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(50,70,110,.10);background:rgba(255,255,255,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.coreGritTopbar>div{display:grid;gap:1px}.coreGritTopbar small{font-size:9px;font-weight:950;letter-spacing:.18em;color:#7768d7}.coreGritTopbar strong{font-size:23px;letter-spacing:-.04em}.coreGritTopbar button{width:44px;height:44px;border:1px solid rgba(52,71,110,.12);border-radius:15px;background:#fff;color:#172039;display:grid;place-items:center;font-size:18px}
.coreGritScroll{min-height:0;overflow:auto;padding:16px 14px max(26px,env(safe-area-inset-bottom));display:grid;align-content:start;gap:14px}
.coreGritHero{padding:18px;border:1px solid rgba(104,93,211,.13);border-radius:26px;background:linear-gradient(145deg,#eefaff,#f1ecff 56%,#fff0fa);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.coreGritHeroIcon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.82);color:#685bd9;font-size:23px;box-shadow:0 10px 28px rgba(92,78,196,.12)}.coreGritHero small{font-size:9px;font-weight:950;letter-spacing:.15em;color:#7364d2}.coreGritHero h2{margin:4px 0 7px;font-size:24px;line-height:1.04;letter-spacing:-.045em}.coreGritHero p{margin:0;color:#68748b;font-size:12px;line-height:1.5}
.coreGritState{min-height:230px;padding:28px 20px;border:1px solid #e4e8f1;border-radius:24px;background:#fff;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:#707c93}.coreGritState>i{font-size:30px;color:#7868dc}.coreGritState strong{color:#1b2439;font-size:17px}.coreGritState span{max-width:310px;font-size:11px;line-height:1.5}.coreGritState button{margin-top:7px;min-height:42px;padding:0 18px;border:0;border-radius:14px;background:#151d33;color:#fff;font-weight:900}.coreGritLoader{width:30px;height:30px;border:3px solid #e6e9f3;border-top-color:#7667dd;border-radius:50%;animation:coreGritSpin .8s linear infinite}@keyframes coreGritSpin{to{transform:rotate(360deg)}}
.coreGritGrid{display:grid;gap:13px}.coreGritCard{padding:14px;border:1px solid #e2e7f1;border-radius:24px;background:#fff;display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;box-shadow:0 10px 30px rgba(35,49,83,.06)}.coreGritVisual{width:104px;aspect-ratio:1;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#f4f8ff,#f7f2ff);overflow:hidden}.coreGritVisual img{width:100%;height:100%;object-fit:contain}.coreGritVisual>i{font-size:35px;color:#7163d4}.coreGritCardCopy{min-width:0}.coreGritCardTop{display:flex;justify-content:space-between;align-items:center;gap:8px}.coreGritCardTop span{font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#7b6cda}.coreGritCardTop b{padding:4px 7px;border-radius:999px;background:#eef2f8;color:#607087;font-size:8px}.coreGritCardCopy h3{margin:4px 0 5px;font-size:20px;letter-spacing:-.035em}.coreGritCardCopy p{margin:0;color:#6e7a90;font-size:10.5px;line-height:1.42}.coreGritCardCopy small{margin-top:9px;display:flex;align-items:center;gap:6px;color:#4f5d76;font-size:9px;font-weight:850}.coreGritCardCopy small i{color:#7567da}
@media(min-width:720px){.coreGritOverlay{place-items:center;padding:24px}.coreGritPanel{width:min(760px,92dvw);height:min(840px,90dvh);border-radius:30px;overflow:hidden;box-shadow:0 38px 120px rgba(8,17,38,.28)}.coreGritGrid{grid-template-columns:1fr 1fr}.coreGritCard{grid-template-columns:112px minmax(0,1fr)}.coreGritVisual{width:112px}}
@media(max-width:390px){.coretab__gritsCopy p{display:none}.coretab__grits>button{min-width:44px;width:44px;padding:0;font-size:0}.coretab__grits>button i{font-size:16px}.coreGritCard{grid-template-columns:88px minmax(0,1fr)}.coreGritVisual{width:88px}}
@media(prefers-color-scheme:dark){.coretab__grits{background:linear-gradient(145deg,#171f31,#1d2137 58%,#241a33);border-color:#2b354d}.coretab__gritsCopy p{color:#9da9bd}.coretab__grits>button{background:#f4f6fb;color:#11182b}.coreGritPanel{background:rgba(13,20,35,.98);color:#f7f8fc}.coreGritTopbar{background:rgba(17,25,43,.84);border-color:rgba(255,255,255,.08)}.coreGritTopbar button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.coreGritHero{background:linear-gradient(145deg,#142439,#211b3d 56%,#32172c);border-color:rgba(255,255,255,.08)}.coreGritHero p,.coreGritCardCopy p,.coreGritState span{color:#aab5c8}.coreGritState,.coreGritCard{background:#171f31;border-color:#29344a}.coreGritState strong,.coreGritCardCopy h3{color:#f7f8fc}.coreGritVisual{background:linear-gradient(145deg,#202b42,#271d42)}.coreGritCardTop b{background:#273149;color:#c7d0df}.coreGritCardCopy small{color:#c2cad8}}
@media(prefers-reduced-motion:reduce){.coreGritOverlay,.coreGritPanel{transition:none}.coreGritLoader{animation:none}}

/* Grit Studio admin */
.coretab__gritAdmin{margin:0 0 18px;padding:16px;border:1px solid rgba(105,86,232,.18);border-radius:22px;background:linear-gradient(145deg,#f7f4ff,#eef7ff 55%,#fff3fb);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 28px rgba(54,45,120,.08)}
.coretab__gritAdmin small{display:block;font-size:8px;font-weight:950;letter-spacing:.15em;color:#735de0}.coretab__gritAdmin h2{margin:2px 0 3px;font-size:18px}.coretab__gritAdmin p{margin:0;color:#748098;font-size:10px;line-height:1.4}.coretab__gritAdmin button{border:0;border-radius:14px;min-height:44px;padding:0 14px;background:#171d32;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}
body.gritStudioOpen{overflow:hidden}.gritStudioOverlay{position:fixed;inset:0;z-index:999999;background:rgba(8,13,25,.48);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:.18s ease}.gritStudioOverlay.isOpen{opacity:1;pointer-events:auto}.gritStudioPanel{position:absolute;inset:0;background:#f4f6fb;color:#11182b;display:grid;grid-template-rows:auto auto minmax(0,1fr);transform:translateY(16px);transition:.18s ease}.gritStudioOverlay.isOpen .gritStudioPanel{transform:none}.gritStudioHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(20px,env(safe-area-inset-top)) 22px 18px;background:rgba(255,255,255,.88);border-bottom:1px solid #e2e7f0;backdrop-filter:blur(18px)}.gritStudioHeader small{display:block;color:#745fe0;font-size:9px;font-weight:950;letter-spacing:.16em}.gritStudioHeader strong{display:block;font-size:28px;letter-spacing:-.04em}.gritStudioHeader span{display:block;color:#778298;font-size:11px}.gritStudioHeader button{width:44px;height:44px;border:1px solid #dfe4ee;border-radius:15px;background:#fff;color:#11182b}.gritStudioTabs{display:flex;gap:8px;padding:12px 18px;background:#fff;border-bottom:1px solid #e5e9f1;overflow:auto}.gritStudioTabs button{border:0;border-radius:999px;padding:10px 14px;background:#edf0f6;color:#657087;font-size:10px;font-weight:900;white-space:nowrap}.gritStudioTabs button.isActive{background:#171d32;color:#fff}.gritStudioBody{overflow:auto;padding:20px 18px calc(90px + env(safe-area-inset-bottom))}.gritStudioLoading,.gritStudioError,.gritStudioEmpty{min-height:240px;border:1px solid #e0e5ef;border-radius:24px;background:#fff;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#768197;padding:30px}.gritStudioLoading span{width:28px;height:28px;border:3px solid #dfe5f2;border-top-color:#6e59e8;border-radius:50%;animation:gritSpin .8s linear infinite}@keyframes gritSpin{to{transform:rotate(360deg)}}.gritStudioToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.gritStudioToolbar h2{margin:0;font-size:23px}.gritStudioToolbar p{margin:4px 0 0;color:#7a8498;font-size:11px}.gritStudioToolbar>button{border:0;border-radius:15px;background:linear-gradient(135deg,#4ab8ef,#7b63eb,#d247cb);color:#fff;min-height:44px;padding:0 15px;font-weight:900}.gritStudioGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.gritStudioCard{border:1px solid #dfe5ef;border-radius:22px;background:#fff;padding:14px;text-align:left;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:13px;align-items:center;color:#11182b}.gritStudioBadge{width:78px;height:78px;border-radius:20px;background:linear-gradient(145deg,#eaf8ff,#f2ebff,#ffeaf7);display:grid;place-items:center;overflow:hidden}.gritStudioBadge img{width:100%;height:100%;object-fit:contain}.gritStudioCard small,.gritStudioCard em{display:block;font-size:8px;color:#7b6fe1;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-style:normal}.gritStudioCard strong{display:block;font-size:18px;margin:2px 0}.gritStudioCard p{margin:5px 0 0;color:#798397;font-size:10px;line-height:1.4}.gritStudioList{display:grid;gap:10px}.gritStudioList article{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #dfe5ef;border-radius:18px;padding:12px}.gritStudioList article>span{width:56px;height:56px;border-radius:16px;background:#f0f3f9;display:grid;place-items:center;overflow:hidden}.gritStudioList img{width:100%;height:100%;object-fit:contain}.gritStudioList strong,.gritStudioList small,.gritStudioList em{display:block}.gritStudioList small,.gritStudioList em{font-size:9px;color:#7d8798;font-style:normal}.gritStudioList article>button{border:0;border-radius:12px;padding:10px;background:#f7e9ee;color:#a32e55;font-weight:900}.gritStudioModal{position:fixed;inset:0;z-index:1000000;background:rgba(5,10,20,.58);backdrop-filter:blur(12px);display:grid;place-items:center;padding:16px;opacity:0;transition:.15s}.gritStudioModal.isOpen{opacity:1}.gritStudioModal>form{width:min(680px,100%);max-height:92dvh;overflow:auto;background:#fff;color:#11182b;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.gritStudioModal header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px;background:#fff;border-bottom:1px solid #e6eaf2}.gritStudioModal header small{display:block;color:#745fe0;font-size:8px;font-weight:950;letter-spacing:.14em}.gritStudioModal header strong{font-size:22px}.gritStudioModal header button{width:40px;height:40px;border:0;border-radius:13px;background:#edf1f7}.gritStudioForm{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.gritStudioForm label{display:grid;gap:6px;font-size:9px;font-weight:900;color:#687388;text-transform:uppercase;letter-spacing:.08em}.gritStudioForm label.wide{grid-column:1/-1}.gritStudioForm input,.gritStudioForm select,.gritStudioForm textarea{width:100%;min-height:46px;border:1px solid #dfe5ef;border-radius:14px;background:#f7f9fc;color:#11182b;padding:11px 12px;font:inherit;text-transform:none;letter-spacing:normal}.gritStudioForm textarea{min-height:90px;resize:vertical}.gritStudioForm label.check{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:normal}.gritStudioForm label.check input{width:18px;min-height:18px}.gritStudioModal footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;background:#fff;border-top:1px solid #e6eaf2}.gritStudioModal footer button{border:0;border-radius:14px;min-height:44px;padding:0 16px;font-weight:900}.gritStudioModal footer button:last-child{background:#171d32;color:#fff}.gritDesigner{display:grid;grid-template-columns:minmax(260px,380px) minmax(280px,1fr);gap:18px}.gritDesigner form,.gritDesignerPreview,.gritApiPanel{background:#fff;border:1px solid #dfe5ef;border-radius:22px;padding:16px}.gritDesigner form{display:grid;gap:12px}.gritDesigner label,.gritApiPanel label{display:grid;gap:6px;font-size:9px;font-weight:900;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesigner input,.gritDesigner select,.gritApiPanel select{min-height:44px;border:1px solid #dfe5ef;border-radius:13px;padding:10px;background:#f7f9fc}.gritDesignerColors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gritDesigner form>button{border:0;border-radius:14px;min-height:46px;background:#171d32;color:#fff;font-weight:900}.gritDesignerPreview{display:grid;place-items:center;background:linear-gradient(145deg,#eef7ff,#f6efff,#fff0fa)}.gritAwardPreview{--gritAccent:#6956e8;--gritSurface:#fff;--gritRadius:28px;width:min(360px,100%);border-radius:var(--gritRadius);background:var(--gritSurface);padding:20px;text-align:center;box-shadow:0 20px 60px color-mix(in srgb,var(--gritAccent) 25%,transparent);border:1px solid color-mix(in srgb,var(--gritAccent) 28%,#fff)}.gritAwardPreview>button{float:right;border:0;background:#eef1f7;border-radius:12px;width:38px;height:38px}.gritAwardPreview>span{display:block;clear:both;height:180px}.gritAwardPreview img{width:100%;height:100%;object-fit:contain}.gritAwardPreview small{color:var(--gritAccent);font-weight:950;letter-spacing:.14em}.gritAwardPreview h3{font-size:35px;margin:4px 0}.gritAwardPreview p{color:#758096;font-size:11px}.gritAwardPreview b{display:block;margin-top:14px;background:var(--gritAccent);color:#fff;padding:15px;border-radius:15px}.gritApiPanel{display:grid;gap:14px}.gritApiCode{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#11182b;color:#fff;border-radius:16px;padding:14px}.gritApiCode small{grid-column:1/-1;color:#9ba8bd}.gritApiCode code{overflow:auto}.gritApiCode button,.gritApiActions button{border:0;border-radius:12px;padding:10px 13px;font-weight:900}.gritApiPanel pre{margin:0;white-space:pre-wrap;word-break:break-word;background:#11182b;color:#dce6ff;border-radius:16px;padding:15px;font-size:10px;max-height:300px;overflow:auto}.gritApiActions{display:flex;gap:8px}.gritApiActions button{background:#e9edf6;color:#172039}
@media(max-width:720px){.gritStudioHeader span{display:none}.gritStudioBody{padding-inline:12px}.gritStudioGrid{grid-template-columns:1fr}.gritDesigner{grid-template-columns:1fr}.gritStudioForm{grid-template-columns:1fr}.gritStudioForm label.wide{grid-column:auto}.gritDesignerColors{grid-template-columns:1fr}.coretab__gritAdmin{align-items:flex-start;flex-direction:column}.coretab__gritAdmin button{width:100%}}
@media(prefers-color-scheme:dark){.coretab__gritAdmin{background:linear-gradient(145deg,#171f31,#211b39,#29192f);border-color:#303951}.coretab__gritAdmin p{color:#9ba8bd}.coretab__gritAdmin button{background:#f5f7fb;color:#11182b}.gritStudioPanel,.gritStudioBody{background:#0c1321;color:#f6f8fc}.gritStudioHeader,.gritStudioTabs{background:rgba(14,22,38,.94);border-color:#253047}.gritStudioHeader span,.gritStudioToolbar p{color:#9ca8bc}.gritStudioHeader button,.gritStudioTabs button,.gritStudioLoading,.gritStudioError,.gritStudioEmpty,.gritStudioCard,.gritStudioList article,.gritStudioModal>form,.gritStudioModal header,.gritStudioModal footer,.gritDesigner form,.gritDesignerPreview,.gritApiPanel{background:#151e2f;color:#f6f8fc;border-color:#29354c}.gritStudioTabs button{background:#202b3f;color:#aeb9ca}.gritStudioTabs button.isActive{background:#f5f7fb;color:#11182b}.gritStudioBadge,.gritStudioList article>span{background:#202a3d}.gritStudioCard p,.gritStudioList small,.gritStudioList em{color:#a4afc1}.gritStudioModal header button{background:#253149;color:#fff}.gritStudioForm input,.gritStudioForm select,.gritStudioForm textarea,.gritDesigner input,.gritDesigner select,.gritApiPanel select{background:#0f1727;color:#f6f8fc;border-color:#33405a}.gritStudioModal footer button:last-child,.gritDesigner form>button{background:#f5f7fb;color:#11182b}.gritDesignerPreview{background:linear-gradient(145deg,#111d31,#201b39,#2d172b)}.gritAwardPreview{--gritSurface:#121b2b;color:#f6f8fc}.gritAwardPreview p{color:#a9b5c7}}
.gritEditorFooterSpacer{flex:1}.gritStudioModal footer .gritDeleteTrigger{margin-right:auto;background:#fff0f3;color:#a62245;border:1px solid #f3c9d4}.gritDeleteBody{padding:24px;text-align:center}.gritDeleteIcon{width:70px;height:70px;margin:0 auto 14px;border-radius:22px;background:#fff0f3;color:#b1264e;display:grid;place-items:center;font-size:27px}.gritDeleteBody h3{margin:0 0 8px;font-size:22px}.gritDeleteBody p{margin:0;color:#737f94;font-size:12px;line-height:1.6}.gritDeleteWarning{margin-top:16px;padding:13px;border-radius:14px;background:#fff5e8;color:#8f5715;font-size:11px;font-weight:900}.gritStudioModal footer .gritDeleteContinue,.gritStudioModal footer .gritDeleteFinal{background:#b1264e;color:#fff}.gritStudioModal footer .gritDeleteFinal:disabled{opacity:.42;cursor:not-allowed}.gritDeleteInstructions{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:14px;background:#f5f7fb;color:#657087;font-size:11px;line-height:1.5}.gritDeleteInlineError{grid-column:1/-1;padding:12px 14px;border-radius:14px;background:#fff0f3;color:#a62245;font-size:11px;font-weight:800}.gritStudioToast{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:1000002;max-width:min(360px,calc(100dvw - 36px));padding:13px 16px;border-radius:15px;background:#172039;color:#fff;box-shadow:0 18px 48px rgba(10,18,35,.22);font-size:11px;font-weight:850;opacity:0;transform:translateY(14px);pointer-events:none;transition:.2s ease}.gritStudioToast.isVisible{opacity:1;transform:none}.gritStudioToast[data-tone="error"]{background:#9f2448}
@media(prefers-color-scheme:dark){.gritStudioModal footer .gritDeleteTrigger{background:#351c2a;color:#ffb7ca;border-color:#563047}.gritDeleteIcon{background:#351c2a;color:#ff9fbb}.gritDeleteBody p{color:#a7b2c5}.gritDeleteWarning{background:#33281b;color:#f4c783}.gritDeleteInstructions{background:#202b3f;color:#aeb9ca}.gritDeleteInlineError{background:#351c2a;color:#ffb7ca}}

/* Grit Studio v081 — advanced designer, grouped styles, and screen preview */
.gritStudioCard{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden}.gritCardMain{display:grid;grid-template-columns:78px minmax(0,1fr);gap:13px;align-items:center;width:100%;padding:14px;border:0;background:transparent;color:inherit;text-align:left}.gritCardActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.gritCardActions button{min-height:40px;border:1px solid #dfe5ef;border-radius:12px;background:#f7f9fc;color:#172039;font-weight:900}.gritCardActions button:first-child{background:#171d32;color:#fff;border-color:#171d32}.gritDesignerPro{grid-template-columns:minmax(320px,430px) minmax(340px,1fr);align-items:start}.gritDesignerPro>form{max-height:calc(100dvh - 245px);overflow:auto;padding:0;background:transparent;border:0}.gritDesignerSection{display:grid;gap:12px;background:#fff;border:1px solid #dfe5ef;border-radius:22px;padding:16px}.gritDesignerSection h3{margin:0;font-size:15px}.gritDesignerSection textarea{width:100%;min-height:130px;border:1px solid #dfe5ef;border-radius:13px;padding:12px;background:#f7f9fc;color:#11182b;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.gritImportNote{margin:0;color:#737f94;font-size:10px;line-height:1.5}.gritImportActions{display:flex;gap:8px}.gritImportActions button{flex:1;min-height:40px;border:0;border-radius:12px;background:#e9edf6;color:#172039;font-weight:900}.gritTargetSelection{max-height:150px;overflow:auto;padding:10px;border:1px solid #dfe5ef;border-radius:13px;background:#f7f9fc;display:grid;gap:8px}.gritTargetSelection[hidden]{display:none}.gritTargetSelection label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:normal}.gritTargetSelection input{width:18px;min-height:18px}.gritDesignerPreviewShell{position:sticky;top:0;background:#fff;border:1px solid #dfe5ef;border-radius:22px;overflow:hidden}.gritDesignerPreviewTop{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #e6eaf2}.gritDesignerPreviewTop span{font-size:9px;color:#7b8699}.gritDesignerPreview{padding:0;min-height:560px;border:0;border-radius:0}.gritDesignerPreview iframe{width:100%;height:560px;border:0;background:#fff}.gritScreenPreview{position:fixed;inset:0;z-index:1000003;background:rgba(5,10,20,.7);backdrop-filter:blur(18px);display:grid;place-items:center;padding:14px;opacity:0;pointer-events:none;transition:.18s ease}.gritScreenPreview.isOpen{opacity:1;pointer-events:auto}.gritScreenPreview>section{width:min(1100px,100%);height:min(900px,calc(100dvh - 28px));display:grid;grid-template-rows:auto minmax(0,1fr);background:#f4f6fb;border-radius:26px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.35)}.gritScreenPreview header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid #e3e8f1}.gritScreenPreview header small{display:block;color:#745fe0;font-size:8px;font-weight:950;letter-spacing:.14em}.gritScreenPreview header strong{font-size:18px}.gritScreenPreview header>div:last-child{display:flex;gap:7px}.gritScreenPreview header button{width:40px;height:40px;border:0;border-radius:12px;background:#edf1f7}.gritScreenPreview header button.isActive{background:#171d32;color:#fff}.gritScreenPreview main{display:grid;place-items:center;overflow:auto;padding:20px}.gritPreviewDevice{background:#111827;padding:10px;border-radius:28px;box-shadow:0 22px 70px rgba(0,0,0,.2);transition:.25s ease}.gritPreviewDevice.isMobile{width:min(390px,100%);height:min(760px,100%)}.gritPreviewDevice.isDesktop{width:min(960px,100%);height:min(620px,100%);border-radius:20px}.gritPreviewDevice iframe{width:100%;height:100%;border:0;border-radius:20px;background:#fff}.gritPreviewDevice.isDesktop iframe{border-radius:12px}
@media(max-width:720px){.gritDesignerPro{grid-template-columns:1fr}.gritDesignerPro>form{max-height:none;overflow:visible}.gritDesignerPreviewShell{position:relative}.gritDesignerPreview{min-height:520px}.gritDesignerPreview iframe{height:520px}.gritStudioToolbar{align-items:stretch;flex-direction:column}.gritStudioToolbar>button{width:100%}.gritScreenPreview{padding:0}.gritScreenPreview>section{height:100dvh;border-radius:0}.gritScreenPreview main{padding:12px}.gritPreviewDevice.isMobile{width:100%;height:100%;max-width:430px}.gritPreviewDevice.isDesktop{width:100%;height:70dvh}.gritImportActions{flex-direction:column}}
@media(prefers-color-scheme:dark){.gritCardActions button,.gritDesignerSection,.gritDesignerPreviewShell,.gritScreenPreview header{background:#151e2f;color:#f6f8fc;border-color:#29354c}.gritCardActions button:first-child,.gritScreenPreview header button.isActive{background:#f5f7fb;color:#11182b}.gritDesignerSection textarea,.gritTargetSelection{background:#0f1727;color:#f6f8fc;border-color:#33405a}.gritImportActions button,.gritScreenPreview header button{background:#253149;color:#fff}.gritDesignerPreviewTop{border-color:#29354c}.gritScreenPreview>section{background:#0c1321}}

/* v082 Overlay Designer visual rebuild */
.gritDesignerToolbar{align-items:center}.gritDesignerToolbarActions{display:flex;gap:9px}.gritDesignerToolbarActions button{min-height:44px;border:1px solid #dce3ef;border-radius:14px;padding:0 15px;background:#fff;color:#172039;font-weight:900}.gritDesignerToolbarActions button:last-child{border-color:#171d32;background:#171d32;color:#fff}.gritDesignerPro>form{gap:14px}.gritDesignerSection{padding:18px;gap:14px;box-shadow:0 8px 28px rgba(18,29,56,.045)}.gritDesignerSectionHead{display:flex;align-items:center;gap:11px;padding-bottom:3px}.gritDesignerSectionHead>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#e6f6ff,#f2eaff,#ffeaf7);color:#6654dc;font-size:17px}.gritDesignerSectionHead small,.gritDesignerPreviewTop small{display:block;color:#7866df;font-size:8px;font-weight:950;letter-spacing:.14em}.gritDesignerSectionHead h3{margin:1px 0 0;font-size:17px;letter-spacing:-.02em}.gritDesignerSection label{gap:8px}.gritDesignerSection input:not([type=color]),.gritDesignerSection select{width:100%;min-height:50px;border:1px solid #dce3ef;border-radius:15px;padding:0 14px;background:#f7f9fc;color:#11182b;font-size:14px}.gritDesignerColors{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gritDesignerColors label{display:grid;gap:8px;padding:10px;border:1px solid #e0e6f0;border-radius:16px;background:#f8faff}.gritDesignerColors label>span{font-size:8px;font-weight:950;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesignerColors input[type=color]{display:block;width:100%;height:54px;min-height:54px;padding:4px;border:1px solid #dbe2ee;border-radius:12px;background:#fff;overflow:hidden}.gritDesignerColors input[type=color]::-webkit-color-swatch-wrapper{padding:0}.gritDesignerColors input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}.gritDesignerFieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gritTemplateFile{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.gritImportDrop{width:100%;min-height:112px;border:1.5px dashed #bfc9dc;border-radius:18px;background:linear-gradient(145deg,#f7fbff,#fbf8ff);display:grid;place-items:center;align-content:center;gap:3px;color:#172039}.gritImportDrop i{font-size:25px;color:#6754df}.gritImportDrop strong{font-size:13px}.gritImportDrop span{font-size:9px;color:#7c879a}.gritImportActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gritImportActions button{min-height:44px;border:1px solid #dfe5ef!important;background:#f4f6fb!important}.gritImportActions button:first-child{background:#171d32!important;color:#fff!important;border-color:#171d32!important}.gritImportStatus{display:block;padding:10px 12px;border-radius:12px;background:#f2f5fa;color:#68758b;font-size:9px}.gritCodeEditors{border-top:1px solid #e5eaf2;padding-top:11px}.gritCodeEditors summary{cursor:pointer;font-size:10px;font-weight:900;color:#58647a}.gritCodeEditors[open]{display:grid;gap:12px}.gritDesignerActions{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:auto 1fr;gap:9px;padding:10px;background:rgba(244,246,251,.92);backdrop-filter:blur(16px);border:1px solid #dce3ee;border-radius:18px}.gritDesignerActions button{min-height:50px;border:0;border-radius:14px;padding:0 16px;font-weight:950}.gritDesignerActions button:first-child{background:#e9edff;color:#4e3fc1}.gritDesignerActions button:last-child{background:#171d32;color:#fff}.gritDesignerPreviewTop{padding:15px 17px}.gritDesignerPreviewTop strong{display:block;margin-top:2px}.gritPreviewStage{width:100%;height:100%;display:grid;place-items:center;position:relative}.gritPreviewStageLabel{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:9px;font-weight:800;backdrop-filter:blur(10px)}
@media(max-width:720px){.gritStudioBody{padding:14px 12px calc(100px + env(safe-area-inset-bottom))}.gritDesignerToolbar{position:sticky;top:-14px;z-index:8;margin:0 -12px 14px;padding:11px 12px;background:rgba(244,246,251,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e0e6ef}.gritDesignerToolbar>div:first-child{display:none}.gritDesignerToolbarActions{display:grid;grid-template-columns:1fr 1fr;width:100%}.gritDesignerToolbarActions button{padding:0 10px;font-size:10px}.gritDesignerSection{padding:15px;border-radius:19px}.gritDesignerColors{grid-template-columns:1fr 1fr}.gritDesignerColors label:last-child{grid-column:1/-1}.gritDesignerFieldGrid{grid-template-columns:1fr}.gritImportActions{grid-template-columns:1fr}.gritDesignerActions{grid-template-columns:1fr 1.25fr}.gritDesignerActions button{padding:0 10px;font-size:10px}.gritDesignerPreviewShell{border-radius:19px}.gritDesignerPreview{min-height:500px}.gritDesignerPreview iframe{height:500px}.gritScreenPreview header{padding:10px 11px}.gritScreenPreview header strong{font-size:15px}.gritScreenPreview header button{width:36px;height:36px}.gritScreenPreview header>div:last-child{gap:4px}.gritPreviewStageLabel{top:6px;max-width:90%;white-space:normal;text-align:center}.gritPreviewDevice{margin-top:28px}}
@media(prefers-color-scheme:dark){.gritDesignerToolbarActions button,.gritDesignerColors label,.gritImportDrop,.gritImportStatus{background:#172235;color:#f6f8fc;border-color:#2d3a52}.gritDesignerToolbarActions button:last-child,.gritImportActions button:first-child,.gritDesignerActions button:last-child{background:#f5f7fb!important;color:#11182b!important;border-color:#f5f7fb!important}.gritDesignerSection input:not([type=color]),.gritDesignerSection select{background:#0f1727;color:#f6f8fc;border-color:#33405a}.gritDesignerActions{background:rgba(15,23,39,.92);border-color:#33405a}.gritDesignerActions button:first-child{background:#2b315d;color:#d9d4ff}.gritCodeEditors{border-color:#33405a}}

/* Grit Studio v083 — full-screen responsive Designer workspace */
.gritStudioBody.isDesignerWorkspace{padding:0!important;overflow:hidden!important;background:transparent!important}
.gritDesignerWorkspace{--designer-bg:#f4f6fb;--designer-panel:rgba(255,255,255,.88);--designer-panel-solid:#fff;--designer-text:#11182d;--designer-muted:#69738b;--designer-line:rgba(40,52,83,.12);--designer-accent:#6956e8;position:relative;height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at 50% 30%,rgba(105,86,232,.12),transparent 34%),var(--designer-bg);color:var(--designer-text);overflow:hidden}
@media (prefers-color-scheme:dark){.gritDesignerWorkspace{--designer-bg:#080d1d;--designer-panel:rgba(17,24,43,.86);--designer-panel-solid:#11182b;--designer-text:#f7f8ff;--designer-muted:#9ea8c0;--designer-line:rgba(255,255,255,.1);background:radial-gradient(circle at 50% 30%,rgba(105,86,232,.23),transparent 38%),var(--designer-bg)}}
.gritDesignerAppbar{height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(140px,220px) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--designer-line);background:var(--designer-panel);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:12}
.gritDesignerAppbar button,.gritDesignerDeviceSwitch button,.gritDesignerZoom button,.gritDesignerFabRail button,.gritDesignerMobileDock button{border:0;background:none;color:inherit}
.gritDesignerBack,.gritDesignerSaveTop{height:44px;border-radius:14px!important;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}
.gritDesignerBack{width:44px;background:var(--designer-panel-solid)!important;border:1px solid var(--designer-line)!important}
.gritDesignerSaveTop{padding:0 16px;background:linear-gradient(135deg,#5966ee,#8b4fe8)!important;color:#fff!important;box-shadow:0 10px 24px rgba(93,80,225,.24)}
.gritDesignerAppbar>div{min-width:0}.gritDesignerAppbar small{display:block;font-size:10px;letter-spacing:.16em;color:var(--designer-muted);font-weight:900}.gritDesignerAppbar strong{display:block;font-size:20px;line-height:1.15}
.gritDesignerGritPicker{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--designer-line);border-radius:14px;background:var(--designer-panel-solid)}.gritDesignerGritPicker span{font-size:11px;font-weight:900;color:var(--designer-muted);text-transform:uppercase;letter-spacing:.08em}.gritDesignerGritPicker select{min-width:0;width:100%;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;outline:0}
.gritDesignerStage{position:relative;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:74px 86px 82px}
.gritDesignerDeviceSwitch{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;padding:4px;border:1px solid var(--designer-line);background:var(--designer-panel);border-radius:16px;backdrop-filter:blur(18px);z-index:6}.gritDesignerDeviceSwitch button{height:38px;padding:0 13px;border-radius:12px;display:flex;align-items:center;gap:7px;color:var(--designer-muted);font-weight:800}.gritDesignerDeviceSwitch button.isActive{background:var(--designer-panel-solid);color:var(--designer-accent);box-shadow:0 5px 18px rgba(30,36,64,.1)}
.gritDesignerCanvasWrap{--designer-zoom:1;display:flex;align-items:center;justify-content:center;width:min(78vw,880px);height:min(68vh,680px);transition:.25s ease;transform:scale(var(--designer-zoom));transform-origin:center}.gritDesignerCanvasWrap.isMobile{width:min(82vw,430px)}.gritDesignerCanvasWrap.isDesktop{width:min(78vw,900px)}
.gritDesignerCanvas{width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--designer-panel-solid);border:1px solid var(--designer-line);box-shadow:0 30px 90px rgba(23,28,58,.18)}.gritDesignerCanvas iframe{width:100%;height:100%;border:0;background:transparent}
.gritDesignerFabRail{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:7}.gritDesignerFabRail button{width:58px;min-height:58px;border:1px solid var(--designer-line);border-radius:20px;background:var(--designer-panel)!important;backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 10px 25px rgba(20,27,58,.1)}.gritDesignerFabRail button:first-child{background:linear-gradient(135deg,#5966ee,#8b4fe8)!important;color:#fff}.gritDesignerFabRail i{font-size:18px}.gritDesignerFabRail span{font-size:9px;font-weight:900}
.gritDesignerZoom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--designer-line);border-radius:18px;background:var(--designer-panel);backdrop-filter:blur(18px);z-index:7}.gritDesignerZoom button{width:36px;height:36px;border-radius:12px}.gritDesignerZoom span{min-width:52px;text-align:center;font-size:12px;font-weight:900}
.gritDesignerSheet{position:absolute;inset:0;z-index:30;pointer-events:none}.gritDesignerSheetBackdrop{position:absolute;inset:0;background:rgba(7,10,22,.32);opacity:0;transition:.2s}.gritDesignerSheetPanel{position:absolute;right:0;top:0;bottom:0;width:min(390px,92vw);display:grid;grid-template-rows:auto 1fr auto;background:var(--designer-panel-solid);border-left:1px solid var(--designer-line);box-shadow:-24px 0 70px rgba(10,16,38,.18);transform:translateX(104%);transition:.28s cubic-bezier(.2,.8,.2,1)}.gritDesignerSheet.isOpen{pointer-events:auto}.gritDesignerSheet.isOpen .gritDesignerSheetBackdrop{opacity:1}.gritDesignerSheet.isOpen .gritDesignerSheetPanel{transform:none}.gritDesignerSheetPanel>header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--designer-line)}.gritDesignerSheetPanel>header small{display:block;font-size:10px;letter-spacing:.14em;color:var(--designer-muted);font-weight:900}.gritDesignerSheetPanel>header strong{font-size:20px}.gritDesignerSheetPanel>header button{width:42px;height:42px;border-radius:14px;border:1px solid var(--designer-line);background:transparent;color:inherit}.gritDesignerPanel{display:none;overflow:auto;padding:18px;align-content:start;gap:16px}.gritDesignerPanel.isActive{display:grid}.gritDesignerPanel label{display:grid;gap:7px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--designer-muted)}.gritDesignerPanel input:not([type=color]),.gritDesignerPanel select,.gritDesignerPanel textarea{width:100%;border:1px solid var(--designer-line);border-radius:15px;background:var(--designer-bg);color:var(--designer-text);padding:13px;font:inherit;text-transform:none;letter-spacing:0;outline:0}.gritDesignerPanel textarea{min-height:170px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.gritDesignerSwatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gritDesignerSwatches label{padding:10px;border:1px solid var(--designer-line);border-radius:16px;background:var(--designer-bg)}.gritDesignerSwatches input[type=color]{width:100%;height:54px;padding:0;border:0;border-radius:12px;background:transparent;overflow:hidden}.gritDesignerSheetPanel>footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--designer-line);background:var(--designer-panel)}
.gritDesignerPrimary,.gritDesignerSecondary,.gritDesignerImportCard{border-radius:16px;border:1px solid var(--designer-line);font:inherit;font-weight:900}.gritDesignerPrimary{min-height:50px;background:linear-gradient(135deg,#5966ee,#8b4fe8);color:#fff;border:0}.gritDesignerSecondary{min-height:50px;background:var(--designer-bg);color:var(--designer-text)}.gritTemplateFile{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.gritDesignerImportCard{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--designer-bg);color:var(--designer-text);border-style:dashed}.gritDesignerImportCard i{font-size:36px;color:var(--designer-accent)}.gritDesignerImportCard span,.gritImportStatus{color:var(--designer-muted);font-size:12px}.gritTargetSelection{display:grid;gap:8px;max-height:180px;overflow:auto;padding:10px;border:1px solid var(--designer-line);border-radius:14px}.gritTargetSelection label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;color:var(--designer-text)}
.gritDesignerMobileDock{display:none}
@media(max-width:700px){.gritStudioPanel{height:100dvh!important;max-height:100dvh!important}.gritStudioHeader,.gritStudioTabs{display:none!important}.gritStudioBody{height:100dvh!important}.gritDesignerWorkspace{height:100dvh}.gritDesignerAppbar{height:62px;grid-template-columns:auto minmax(0,1fr) auto;padding:8px 10px}.gritDesignerGritPicker{position:absolute;top:70px;left:12px;right:12px;z-index:10;height:46px}.gritDesignerSaveTop{width:44px;padding:0}.gritDesignerSaveTop span{display:none}.gritDesignerStage{padding:126px 14px 92px;align-items:center}.gritDesignerDeviceSwitch{top:68px;display:none}.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:min(92vw,420px);height:min(61dvh,600px)}.gritDesignerCanvas{border-radius:25px}.gritDesignerFabRail,.gritDesignerZoom{display:none}.gritDesignerMobileDock{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;border:1px solid var(--designer-line);border-radius:22px;background:var(--designer-panel);backdrop-filter:blur(22px);box-shadow:0 16px 45px rgba(17,24,43,.22);z-index:20}.gritDesignerMobileDock button{border:0;background:transparent;color:var(--designer-muted);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.gritDesignerMobileDock button:nth-child(3){background:linear-gradient(135deg,#5966ee,#8b4fe8);color:#fff}.gritDesignerMobileDock i{font-size:18px}.gritDesignerMobileDock span{font-size:9px;font-weight:900}.gritDesignerSheetPanel{left:0;right:0;top:auto;width:auto;height:min(78dvh,720px);bottom:0;border-left:0;border-top:1px solid var(--designer-line);border-radius:26px 26px 0 0;transform:translateY(104%)}.gritDesignerSheet.isOpen .gritDesignerSheetPanel{transform:none}.gritDesignerSheetPanel>header{padding:15px 16px}.gritDesignerPanel{padding:15px 16px}.gritDesignerSheetPanel>footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.gritDesignerSwatches{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:380px){.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:94vw;height:58dvh}.gritDesignerAppbar strong{font-size:18px}.gritDesignerMobileDock{left:6px;right:6px}}

/* v083 full-screen Designer workspace */
.gritStudioTabs button[data-grit-studio-tab="designer"]{font-size:0}.gritStudioTabs button[data-grit-studio-tab="designer"]::after{content:'Designer';font-size:10px}
.gritStudioBody.isDesignerWorkspace{overflow:hidden;padding:0;background:#eef2f8}
.gritDesignerWorkspace{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#eef2f8;color:#11182b}
.gritDesignerWorkspaceTop{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #dfe5ef;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);z-index:20}
.gritDesignerTitle,.gritDesignerTopTools{display:flex;align-items:center;gap:10px}.gritDesignerTitle>button{width:42px;height:42px;border:1px solid #dfe5ef;border-radius:14px;background:#f7f9fc;color:#172039}.gritDesignerTitle small{display:block;color:#745fe0;font-size:8px;font-weight:950;letter-spacing:.14em}.gritDesignerTitle strong{display:block;font-size:20px;letter-spacing:-.03em}.gritDesignerGritSelect{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesignerGritSelect select{min-width:170px;height:42px;border:1px solid #dfe5ef;border-radius:13px;background:#f7f9fc;color:#11182b;padding:0 12px;font-weight:800}.gritDesignerDeviceToggle{display:flex;padding:4px;border:1px solid #dfe5ef;border-radius:14px;background:#f2f5fa}.gritDesignerDeviceToggle button{width:38px;height:34px;border:0;border-radius:10px;background:transparent;color:#778298}.gritDesignerDeviceToggle button.isActive{background:#fff;color:#5f4ed6;box-shadow:0 3px 12px rgba(18,29,56,.12)}.gritDesignerSaveTop{height:42px;border:0;border-radius:13px;padding:0 15px;background:#171d32;color:#fff;font-weight:900}.gritDesignerSaveTop i{margin-right:6px}
.gritDesignerWorkspaceMain{position:relative;min-height:0;display:grid;grid-template-columns:78px 300px minmax(0,1fr);overflow:hidden}.gritDesignerToolRail{z-index:14;display:flex;flex-direction:column;gap:8px;padding:12px 9px;border-right:1px solid #dfe5ef;background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.gritDesignerToolRail button{min-height:62px;border:0;border-radius:16px;background:transparent;color:#68758a;display:grid;place-items:center;align-content:center;gap:4px;font-weight:850;font-size:9px}.gritDesignerToolRail button i{font-size:19px}.gritDesignerToolRail button.isActive{background:linear-gradient(145deg,#e9f7ff,#f2ecff,#ffeef9);color:#5d4bd0;box-shadow:inset 0 0 0 1px rgba(107,86,224,.13)}
.gritDesignerInspector{z-index:13;min-width:0;overflow:auto;padding:14px;border-right:1px solid #dfe5ef;background:#fff;transition:transform .22s ease}.gritDesignerInspectorHead{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 14px}.gritDesignerInspectorHead small{display:block;color:#745fe0;font-size:8px;font-weight:950;letter-spacing:.14em}.gritDesignerInspectorHead strong{font-size:19px}.gritDesignerInspectorHead button{display:none;width:38px;height:38px;border:0;border-radius:12px;background:#edf1f7}.gritDesignerInspector form{display:block}.gritDesignerPanel{display:none;gap:14px}.gritDesignerPanel.isActive{display:grid}.gritDesignerPanel>label{display:grid;gap:7px;font-size:9px;font-weight:900;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesignerPanel input:not([type=color]),.gritDesignerPanel select,.gritDesignerPanel textarea{width:100%;border:1px solid #dfe5ef;border-radius:14px;background:#f7f9fc;color:#11182b;padding:11px 12px;font:inherit;text-transform:none;letter-spacing:normal}.gritDesignerPanel input:not([type=color]),.gritDesignerPanel select{min-height:46px}.gritDesignerPanel textarea{min-height:180px;resize:vertical;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.gritDesignerSwatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gritDesignerSwatches label{display:grid;gap:6px;padding:9px;border:1px solid #dfe5ef;border-radius:14px;background:#f8faff}.gritDesignerSwatches span{font-size:7px;font-weight:950;color:#697489;text-transform:uppercase;letter-spacing:.08em}.gritDesignerSwatches input[type=color]{width:100%;height:46px;border:0;border-radius:10px;padding:0;background:transparent}.gritDesignerSwatches input[type=color]::-webkit-color-swatch-wrapper{padding:0}.gritDesignerSwatches input[type=color]::-webkit-color-swatch{border:0;border-radius:10px}.gritDesignerPrimary,.gritDesignerSecondary,.gritDesignerReset{min-height:46px;border-radius:14px;padding:0 14px;font-weight:900}.gritDesignerPrimary{border:0;background:#171d32;color:#fff}.gritDesignerSecondary,.gritDesignerReset{border:1px solid #dfe5ef;background:#f4f6fb;color:#172039}.gritDesignerImportCard{min-height:150px;border:1.5px dashed #bfc9dc;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#fbf8ff);display:grid;place-items:center;align-content:center;gap:5px;color:#172039}.gritDesignerImportCard i{font-size:30px;color:#6754df}.gritDesignerImportCard strong{font-size:14px}.gritDesignerImportCard span{font-size:9px;color:#7c879a}.gritDesignerHelp{margin:0;color:#778298;font-size:10px;line-height:1.55}.gritDesignerHiddenSubmit{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gritDesignerCanvasArea{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#f5f8fd,#edf2fa)}.gritDesignerCanvasBackdrop{position:absolute;inset:0;background-image:linear-gradient(rgba(104,117,138,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(104,117,138,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,#000 25%,transparent 85%)}.gritDesignerCanvasFrame{--designerZoom:1;position:relative;z-index:2;transform:scale(var(--designerZoom));transform-origin:center;transition:width .22s ease,height .22s ease,transform .16s ease;border:9px solid #172039;background:#fff;box-shadow:0 25px 70px rgba(23,29,50,.2);overflow:hidden}.gritDesignerCanvasFrame.isMobile{width:min(390px,calc(100% - 180px));height:min(720px,calc(100% - 120px));border-radius:30px}.gritDesignerCanvasFrame.isDesktop{width:min(900px,calc(100% - 180px));height:min(580px,calc(100% - 120px));border-radius:20px}.gritDesignerCanvasFrame iframe{width:100%;height:100%;border:0;background:#fff}.gritDesignerCanvasControls{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px;border:1px solid rgba(210,219,233,.9);border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(23,29,50,.12)}.gritDesignerCanvasControls button{width:38px;height:38px;border:0;border-radius:50%;background:#f2f5fa;color:#172039}.gritDesignerCanvasControls span{min-width:54px;text-align:center;font-size:10px;font-weight:900}.gritDesignerFloatingActions{position:absolute;z-index:6;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:10px}.gritDesignerFloatingActions button{width:66px;min-height:62px;border:1px solid #dbe2ee;border-radius:20px;background:rgba(255,255,255,.92);color:#172039;backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(23,29,50,.11);display:grid;place-items:center;align-content:center;gap:4px;font-size:8px;font-weight:900}.gritDesignerFloatingActions button i{font-size:19px}.gritDesignerFloatingActions button:first-child{background:linear-gradient(145deg,#6655df,#7c5df0);color:#fff;border-color:transparent}
@media(max-width:820px){.gritStudioPanel{grid-template-rows:auto auto minmax(0,1fr)}.gritStudioBody.isDesignerWorkspace{padding:0}.gritDesignerWorkspaceTop{min-height:58px;padding:8px 10px}.gritDesignerTitle small{display:none}.gritDesignerTitle strong{font-size:18px}.gritDesignerTitle>button{width:40px;height:40px}.gritDesignerGritSelect span{display:none}.gritDesignerGritSelect select{min-width:0;max-width:132px;width:32vw;height:40px}.gritDesignerDeviceToggle{display:none}.gritDesignerSaveTop{width:42px;padding:0}.gritDesignerSaveTop span,.gritDesignerSaveTop i{margin:0}.gritDesignerWorkspaceMain{display:block}.gritDesignerToolRail{position:absolute;z-index:20;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(213,222,236,.95);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 15px 45px rgba(23,29,50,.16)}.gritDesignerToolRail button{min-height:52px;border-radius:15px;font-size:7px}.gritDesignerToolRail button i{font-size:17px}.gritDesignerInspector{position:absolute;z-index:19;left:0;right:0;bottom:0;max-height:min(68dvh,620px);padding:14px 14px calc(90px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;box-shadow:0 -18px 55px rgba(23,29,50,.2);transform:translateY(105%)}.gritDesignerInspector.isOpen{transform:translateY(0)}.gritDesignerInspectorHead{position:sticky;top:-14px;z-index:2;margin:-14px -14px 8px;padding:16px 14px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e4e9f1}.gritDesignerInspectorHead button{display:grid;place-items:center}.gritDesignerCanvasArea{height:100%}.gritDesignerCanvasFrame.isMobile{width:min(330px,calc(100% - 36px));height:min(610px,calc(100% - 125px));border-width:7px;border-radius:26px}.gritDesignerCanvasFrame.isDesktop{width:calc(100% - 34px);height:min(390px,calc(100% - 150px));border-width:7px}.gritDesignerFloatingActions{right:10px;top:12px;transform:none;display:flex;gap:7px}.gritDesignerFloatingActions button{width:44px;min-height:44px;border-radius:15px}.gritDesignerFloatingActions button span{display:none}.gritDesignerFloatingActions button i{font-size:17px}.gritDesignerCanvasControls{bottom:88px}.gritDesignerSwatches{grid-template-columns:repeat(3,1fr)} }
@media(max-width:430px){.gritStudioHeader{padding-bottom:12px}.gritStudioHeader strong{font-size:24px}.gritStudioTabs{padding:9px 10px}.gritStudioTabs button{padding:9px 12px}.gritDesignerCanvasFrame.isMobile{width:min(300px,calc(100% - 28px));height:min(545px,calc(100% - 135px))}.gritDesignerCanvasFrame.isDesktop{height:300px}.gritDesignerCanvasControls{bottom:84px}.gritDesignerFloatingActions{right:8px;top:8px}.gritDesignerFloatingActions button{width:41px;min-height:41px}.gritDesignerSwatches{grid-template-columns:1fr 1fr}.gritDesignerSwatches label:last-child{grid-column:1/-1}}
@media(prefers-color-scheme:dark){.gritStudioBody.isDesignerWorkspace,.gritDesignerWorkspace{background:#0b1220;color:#f5f7fb}.gritDesignerWorkspaceTop,.gritDesignerToolRail,.gritDesignerInspector{background:rgba(16,24,40,.96);border-color:#28354b}.gritDesignerTitle>button,.gritDesignerGritSelect select,.gritDesignerDeviceToggle,.gritDesignerInspectorHead button,.gritDesignerPanel input:not([type=color]),.gritDesignerPanel select,.gritDesignerPanel textarea,.gritDesignerSecondary,.gritDesignerReset{background:#111b2d;color:#f5f7fb;border-color:#33415a}.gritDesignerDeviceToggle button.isActive{background:#253149;color:#cfc8ff}.gritDesignerSaveTop,.gritDesignerPrimary{background:#f5f7fb;color:#11182b}.gritDesignerToolRail button{color:#aab5c7}.gritDesignerToolRail button.isActive{background:linear-gradient(145deg,#182e42,#2b2346,#3a1f39);color:#c8bdff}.gritDesignerSwatches label,.gritDesignerImportCard,.gritImportStatus{background:#111b2d;color:#f5f7fb;border-color:#33415a}.gritDesignerCanvasArea{background:linear-gradient(145deg,#0c1422,#111a2a)}.gritDesignerCanvasBackdrop{background-image:linear-gradient(rgba(157,173,198,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(157,173,198,.06) 1px,transparent 1px)}.gritDesignerCanvasControls,.gritDesignerFloatingActions button{background:rgba(18,28,46,.92);color:#f5f7fb;border-color:#33415a}.gritDesignerCanvasControls button{background:#26334a;color:#fff}.gritDesignerFloatingActions button:first-child{background:linear-gradient(145deg,#6655df,#b04fc5)} }
@media(max-width:820px) and (prefers-color-scheme:dark){.gritDesignerToolRail,.gritDesignerInspectorHead{background:rgba(16,24,40,.96);border-color:#28354b}}

/* v084 full studio designer workspace */
.gritStudioBody.isDesignerWorkspace{padding:0!important;overflow:hidden!important;background:#eef2f8}
.gritDesignerWorkspace{height:100%;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 84px;grid-template-rows:58px minmax(0,1fr) 154px;background:linear-gradient(145deg,#eef3fa,#f7f9fd);color:#11182b;overflow:hidden}
.gritDesignerAppbar{grid-column:1/-1;display:grid;grid-template-columns:auto auto minmax(140px,1fr) auto;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #dce4ef;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);z-index:20}
.gritDesignerBack,.gritDesignerSaveTop{height:42px;border-radius:14px;border:1px solid #dce4ef;background:#fff;color:#131a2d;font-weight:900;padding:0 14px}.gritDesignerBack{width:42px;padding:0}.gritDesignerAppbar>div small{display:block;font-size:7px;letter-spacing:.16em;color:#715ce5;font-weight:950}.gritDesignerAppbar>div strong{font-size:18px}.gritDesignerGritPicker{justify-self:end;display:flex;align-items:center;gap:8px;font-size:8px;font-weight:900;text-transform:uppercase;color:#768096}.gritDesignerGritPicker select{height:40px;min-width:160px;border:1px solid #dce4ef;border-radius:13px;background:#f5f8fc;padding:0 34px 0 12px;color:#11182b;font-weight:850}.gritDesignerSaveTop{background:linear-gradient(135deg,#6656ee,#9f4ddb);border:0;color:#fff;box-shadow:0 10px 25px rgba(107,84,231,.25)}
.gritDesignerStage{grid-column:2;grid-row:2;position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(113,87,231,.15),transparent 30%),linear-gradient(145deg,#f8faff,#edf2fa)}
.gritDesignerStage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(97,112,139,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(97,112,139,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000 20%,transparent 82%)}
.gritDesignerCanvasWrap{--designer-zoom:1;position:relative;z-index:2;transform:scale(var(--designer-zoom));transform-origin:center;transition:.18s ease;border:7px solid #172039;background:#fff;overflow:hidden;box-shadow:0 28px 80px rgba(26,34,57,.22)}.gritDesignerCanvasWrap.isMobile{width:min(360px,calc(100% - 170px));height:min(610px,calc(100% - 90px));border-radius:31px}.gritDesignerCanvasWrap.isDesktop{width:min(880px,calc(100% - 170px));height:min(520px,calc(100% - 90px));border-radius:20px}.gritDesignerCanvas,.gritDesignerCanvas iframe{width:100%;height:100%;border:0}
.gritDesignerDeviceSwitch{position:absolute;z-index:7;top:14px;left:50%;transform:translateX(-50%);display:flex;padding:5px;gap:4px;border:1px solid #d9e1ed;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(23,29,50,.1)}.gritDesignerDeviceSwitch button{height:38px;min-width:48px;border:0;border-radius:13px;background:transparent;color:#758096}.gritDesignerDeviceSwitch button.isActive{background:#6b57e7;color:#fff}.gritDesignerDeviceSwitch span{display:none}
.gritDesignerZoom{position:absolute;z-index:7;left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #d9e1ed;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(23,29,50,.1)}.gritDesignerZoom button{width:36px;height:36px;border:0;border-radius:50%;background:#eef2f8;color:#172039}.gritDesignerZoom span{min-width:54px;text-align:center;font-size:10px;font-weight:900}
.gritDesignerFabRail{grid-column:3;grid-row:2;position:static;transform:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 8px;border-left:1px solid #dce4ef;background:rgba(255,255,255,.86);z-index:12}.gritDesignerFabRail button{width:62px;min-height:58px;border:1px solid #dbe3ef;border-radius:19px;background:#fff;color:#182039;display:grid;place-items:center;align-content:center;gap:4px;font-size:7px;font-weight:900;box-shadow:0 9px 22px rgba(23,29,50,.08)}.gritDesignerFabRail button i{font-size:18px}.gritDesignerFabRail button:first-child{background:linear-gradient(145deg,#6655e7,#8a5cec);color:#fff;border:0}
.gritDesignerSheet{grid-column:1;grid-row:2/4;position:relative!important;display:block!important;z-index:13;background:#fff;border-right:1px solid #dce4ef;overflow:hidden}.gritDesignerSheetBackdrop{display:none!important}.gritDesignerSheetPanel{position:static!important;transform:none!important;width:100%!important;height:100%;max-height:none!important;border-radius:0!important;box-shadow:none!important;background:#fff;display:flex;flex-direction:column}.gritDesignerSheetPanel>header{padding:16px 14px 12px;border-bottom:1px solid #e3e9f2}.gritDesignerSheetPanel>header small{display:block;color:#715ce5;font-size:7px;font-weight:950;letter-spacing:.15em}.gritDesignerSheetPanel>header strong{font-size:18px}.gritDesignerSheetPanel>header button{display:none}.gritDesignerPanel{padding:14px;overflow:auto;align-content:start;flex:1}.gritDesignerSheetPanel>footer{display:grid;gap:8px;padding:12px;border-top:1px solid #e3e9f2}.gritDesignerSheetPanel>footer button{width:100%}
.gritDesignerTemplateTray{grid-column:2/4;grid-row:3;min-width:0;padding:12px 14px 14px;border-top:1px solid #dce4ef;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);z-index:10}.gritDesignerTemplateTray header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gritDesignerTemplateTray header small{display:block;color:#715ce5;font-size:7px;letter-spacing:.15em;font-weight:950}.gritDesignerTemplateTray header strong{font-size:13px}.gritDesignerTemplateTray header button{border:0;background:transparent;color:#6655df;font-size:9px;font-weight:900}.gritDesignerTemplateList{display:flex;gap:10px;overflow:auto;padding-bottom:2px}.gritDesignerTemplateList button{flex:0 0 132px;height:88px;padding:8px;border:1px solid #dce4ef;border-radius:16px;background:#f8faff;color:#172039;text-align:left}.gritDesignerTemplateList button span{height:50px;border-radius:11px;display:grid;place-items:center;background:radial-gradient(circle,rgba(122,88,244,.38),rgba(15,23,42,.96));color:#fff}.gritDesignerTemplateList button span i{font-size:25px;text-shadow:0 0 16px #8d6cff}.gritDesignerTemplateList button strong{display:block;margin-top:5px;font-size:8px}.gritDesignerTemplateList button.isActive{border-color:#6a57e8;box-shadow:0 0 0 2px rgba(106,87,232,.16)}
.gritDesignerMobileDock{display:none!important}
@media(max-width:820px){
 .gritStudioHeader{display:none}.gritStudioPanel{grid-template-rows:auto minmax(0,1fr)}.gritStudioTabs{padding-top:max(8px,env(safe-area-inset-top));z-index:30}.gritStudioBody.isDesignerWorkspace{height:100%}
 .gritDesignerWorkspace{height:100%;grid-template-columns:1fr;grid-template-rows:54px minmax(0,1fr) 112px;background:#eef2f8}
 .gritDesignerAppbar{grid-column:1;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto auto;padding:6px 8px;gap:7px}.gritDesignerAppbar>div small{display:none}.gritDesignerAppbar>div strong{font-size:16px}.gritDesignerGritPicker span{display:none}.gritDesignerGritPicker select{min-width:0;width:30vw;max-width:126px;height:40px;padding-left:9px}.gritDesignerSaveTop{width:42px;padding:0}.gritDesignerSaveTop span{display:none}
 .gritDesignerStage{grid-column:1;grid-row:2;min-height:0}.gritDesignerCanvasWrap.isMobile{width:min(286px,calc(100% - 86px));height:min(500px,calc(100% - 92px));border-width:6px;border-radius:27px}.gritDesignerCanvasWrap.isDesktop{width:calc(100% - 36px);height:min(300px,calc(100% - 110px));border-width:6px}.gritDesignerDeviceSwitch{top:8px}.gritDesignerZoom{bottom:10px}.gritDesignerFabRail{position:absolute;right:7px;top:58px;bottom:auto;display:grid;grid-template-columns:1fr;gap:7px;padding:0;background:transparent;border:0}.gritDesignerFabRail button{width:46px;min-height:46px;border-radius:16px}.gritDesignerFabRail button span{display:none}.gritDesignerFabRail button:nth-child(n+5){display:none}
 .gritDesignerSheet{position:fixed!important;inset:0!important;z-index:1000005;display:none!important;background:rgba(10,15,28,.38);backdrop-filter:blur(10px);border:0}.gritDesignerSheet.isOpen{display:block!important}.gritDesignerSheetBackdrop{display:block!important;position:absolute;inset:0}.gritDesignerSheetPanel{position:absolute!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:74dvh!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(15,23,42,.3)!important;overflow:hidden}.gritDesignerSheetPanel>header button{display:grid;place-items:center}.gritDesignerPanel{max-height:52dvh}.gritDesignerSheetPanel>footer{grid-template-columns:1fr 1fr}
 .gritDesignerTemplateTray{grid-column:1;grid-row:3;padding:9px 10px 10px}.gritDesignerTemplateTray header{margin-bottom:6px}.gritDesignerTemplateTray header strong{display:none}.gritDesignerTemplateList{gap:8px}.gritDesignerTemplateList button{flex-basis:94px;height:72px;padding:6px;border-radius:13px}.gritDesignerTemplateList button span{height:42px}.gritDesignerTemplateList button strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:390px){.gritStudioTabs button{padding:8px 10px}.gritDesignerAppbar>div{display:none}.gritDesignerAppbar{grid-template-columns:auto minmax(0,1fr) auto}.gritDesignerGritPicker{justify-self:stretch}.gritDesignerGritPicker select{width:100%;max-width:none}.gritDesignerCanvasWrap.isMobile{width:min(254px,calc(100% - 78px));height:min(448px,calc(100% - 90px))}}
@media(prefers-color-scheme:dark){
 .gritStudioBody.isDesignerWorkspace,.gritDesignerWorkspace{background:#090f1c;color:#f6f8ff}.gritDesignerAppbar,.gritDesignerSheet,.gritDesignerSheetPanel,.gritDesignerFabRail,.gritDesignerTemplateTray{background:rgba(14,22,38,.96);border-color:#28354b}.gritDesignerStage{background:radial-gradient(circle at 50% 42%,rgba(111,82,236,.2),transparent 30%),linear-gradient(145deg,#09101d,#111a2a)}.gritDesignerStage:before{background-image:linear-gradient(rgba(166,180,205,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(166,180,205,.06) 1px,transparent 1px)}.gritDesignerBack,.gritDesignerGritPicker select,.gritDesignerFabRail button,.gritDesignerTemplateList button{background:#111b2d;color:#f4f7ff;border-color:#324159}.gritDesignerDeviceSwitch,.gritDesignerZoom{background:rgba(17,27,45,.9);border-color:#33415a}.gritDesignerZoom button{background:#26334a;color:#fff}.gritDesignerTemplateList button span{background:radial-gradient(circle,rgba(122,88,244,.48),#070b15)}
}

/* v086: focused Grit overlay design studio */
.gritStudioOverlay.isDesignerMode .gritStudioPanel{grid-template-rows:minmax(0,1fr)}
.gritStudioOverlay.isDesignerMode .gritStudioHeader,.gritStudioOverlay.isDesignerMode .gritStudioTabs{display:none!important}
.gritStudioOverlay.isDesignerMode .gritStudioBody{padding:0!important;overflow:hidden!important}
.gritDesignerWorkspace{height:100dvh!important;min-height:0;grid-template-columns:248px minmax(0,1fr) 82px;grid-template-rows:62px minmax(0,1fr) 128px;overflow:hidden}
.gritDesignerStage{isolation:isolate}
.gritDesignerStageLabel{position:absolute;z-index:8;left:18px;top:16px;display:grid;gap:2px;padding:9px 12px;border:1px solid #dce4ef;border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(23,29,50,.08)}
.gritDesignerStageLabel span{font-size:7px;letter-spacing:.16em;font-weight:950;color:#725de5}.gritDesignerStageLabel strong{font-size:11px;color:#192137}
.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:min(720px,calc(100% - 150px));height:min(620px,calc(100% - 86px));border:1px solid rgba(112,126,153,.24);border-radius:24px;background-color:#f9fbff;background-image:linear-gradient(45deg,#edf1f7 25%,transparent 25%),linear-gradient(-45deg,#edf1f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf1f7 75%),linear-gradient(-45deg,transparent 75%,#edf1f7 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;box-shadow:0 26px 72px rgba(25,34,57,.15);overflow:hidden}
.gritDesignerCanvas iframe{background:transparent}
.gritDesignerFabRail{position:relative;z-index:30}
.gritDesignerGritPicker{position:relative;z-index:40}.gritDesignerGritPicker select{position:relative;z-index:41}
.gritDesignerAppbar{z-index:50;overflow:visible}
.gritDesignerSheet{z-index:60}.gritDesignerTemplateTray{z-index:25}
@media(max-width:720px){
 .gritDesignerWorkspace{grid-template-columns:1fr;grid-template-rows:56px minmax(0,1fr) 100px;height:100dvh!important}
 .gritDesignerStageLabel{left:10px;top:10px;padding:7px 9px}.gritDesignerStageLabel strong{display:none}
 .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:calc(100% - 70px);height:calc(100% - 74px);max-width:none;max-height:none;border-radius:19px;margin-right:42px}
 .gritDesignerFabRail{z-index:35;top:58px;right:7px}
 .gritDesignerTemplateTray{z-index:20}
 .gritDesignerAppbar{z-index:45}
 .gritDesignerGritPicker{min-width:0;overflow:visible}.gritDesignerGritPicker select{width:100%;max-width:144px}
 .gritDesignerSheet{z-index:1000010!important}
 .gritDesignerMobileDock{z-index:44!important}
}
@media(prefers-color-scheme:dark){
 .gritDesignerStageLabel{background:rgba(16,25,42,.9);border-color:#334159}.gritDesignerStageLabel strong{color:#f4f7ff}
 .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{background-color:#0d1524;background-image:linear-gradient(45deg,#151f31 25%,transparent 25%),linear-gradient(-45deg,#151f31 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#151f31 75%),linear-gradient(-45deg,transparent 75%,#151f31 75%);border-color:#334159}
}

/* v087: keep the actual overlay large and visible on the Designer artboard. */
.gritDesignerCanvasWrap{border:1px solid rgba(117,95,240,.24)!important;background:rgba(255,255,255,.5)!important;box-shadow:0 24px 70px rgba(28,36,60,.15)!important}
.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:min(640px,calc(100% - 120px))!important;height:min(650px,calc(100% - 88px))!important;border-radius:28px!important}
.gritDesignerCanvas iframe{display:block!important;background:transparent!important}
@media(max-width:820px){.gritDesignerStage{padding:66px 58px 96px 12px!important}.gritDesignerStageLabel{top:12px!important;left:14px!important}.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:100%!important;height:min(610px,calc(100dvh - 310px))!important;min-height:430px!important;border-radius:24px!important}.gritDesignerZoom{bottom:12px!important}.gritDesignerFabRail{right:8px!important;top:50%!important;transform:translateY(-50%)!important}}
@media(max-width:430px){.gritDesignerStage{padding:58px 54px 90px 8px!important}.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{height:min(570px,calc(100dvh - 300px))!important;min-height:410px!important}.gritDesignerFabRail button{width:46px!important;min-height:46px!important}}
@media(prefers-color-scheme:dark){.gritDesignerCanvasWrap{background:rgba(13,22,38,.72)!important;border-color:rgba(142,120,255,.34)!important}}

/* v088: render the editable Grit as live HTML in an isolated Shadow DOM, not an iframe or device canvas. */
.gritDesignerCanvas{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:auto;padding:18px;background:transparent}
.gritDesignerCanvas>iframe{display:none!important}
.gritDesignerCanvas.hasRenderError{padding:24px}
@media(max-width:820px){.gritDesignerCanvas{padding:12px 4px}}


/* v089: unrestricted mobile live-HTML overlay workspace. */
.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.gritDesignerCanvas{overflow:visible!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;place-items:center!important}
@media(max-width:820px){
  .gritDesignerStage{padding:58px 68px 90px 10px!important;align-items:center!important}
  .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:100%!important;height:calc(100dvh - 282px)!important;min-height:470px!important;max-height:none!important}
  .gritDesignerFabRail{right:8px!important;z-index:12!important}
}
@media(max-width:430px){
  .gritDesignerStage{padding:58px 58px 88px 8px!important}
  .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{height:calc(100dvh - 278px)!important;min-height:450px!important}
}

/* v090: center the live overlay and restore the mobile floating action rail. */
@media(max-width:820px){
  .gritDesignerStage{
    padding:58px 12px 88px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .gritDesignerCanvasWrap,
  .gritDesignerCanvasWrap.isMobile,
  .gritDesignerCanvasWrap.isDesktop{
    width:100%!important;
    height:calc(100dvh - 278px)!important;
    min-height:450px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .gritDesignerCanvas{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    overflow:visible!important;
    padding:0 58px 0 8px!important;
    box-sizing:border-box!important;
  }
  .gritDesignerFabRail{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    z-index:90!important;
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    padding:7px!important;
    border:1px solid rgba(219,227,239,.92)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.82)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 16px 42px rgba(25,34,57,.18)!important;
    pointer-events:auto!important;
  }
  .gritDesignerFabRail button{
    display:grid!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:16px!important;
    pointer-events:auto!important;
  }
  .gritDesignerFabRail button:nth-child(n){display:grid!important}
  .gritDesignerFabRail button span{display:none!important}
  .gritDesignerZoom{z-index:95!important;bottom:12px!important}
  .gritDesignerStageLabel{z-index:95!important}
}
@media(max-width:430px){
  .gritDesignerStage{padding:58px 8px 86px!important}
  .gritDesignerCanvas{padding:0 56px 0 4px!important}
  .gritDesignerFabRail{right:6px!important;gap:7px!important;padding:6px!important}
  .gritDesignerFabRail button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
}
@media(prefers-color-scheme:dark) and (max-width:820px){
  .gritDesignerFabRail{background:rgba(14,22,38,.84)!important;border-color:#334159!important}
}


/* v091: mobile-first Grit layout studio and direct element editing. */
.gritDesignerCanvas [data-inline-editable]{cursor:pointer;outline:0;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}
.gritDesignerCanvas [data-inline-editable]:hover,.gritDesignerCanvas [data-inline-editable]:focus{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 0 0 3px rgba(105,86,232,.22)}
.gritElementEditorIntro{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--designer-line);border-radius:17px;background:var(--designer-bg)}
.gritElementEditorIntro>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#5966ee,#8b4fe8);color:#fff;font-size:19px}.gritElementEditorIntro small{display:block;color:var(--designer-muted);font-size:9px;letter-spacing:.12em;font-weight:900}.gritElementEditorIntro strong{font-size:17px}.gritElementImageTools{display:grid;gap:10px}.gritElementImageTools>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gritDesignerTemplateTray header small::after{content:' • LAYOUTS'}
@media(max-width:820px){
 .gritDesignerWorkspace{grid-template-rows:56px minmax(0,1fr) 112px!important}
 .gritDesignerStage{padding:54px 8px 72px!important;overflow:hidden!important}
 .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{height:calc(100dvh - 262px)!important;min-height:430px!important;width:100%!important}
 .gritDesignerCanvas{padding:0 54px 0 6px!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:none}
 .gritDesignerCanvas::-webkit-scrollbar{display:none}
 .gritDesignerFabRail{right:5px!important;top:48%!important;gap:6px!important;padding:5px!important;border-radius:19px!important}
 .gritDesignerFabRail button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:14px!important}
 .gritDesignerZoom{bottom:7px!important;transform:translateX(-50%) scale(.92)!important}
 .gritDesignerTemplateTray{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;overflow:hidden!important}
 .gritDesignerTemplateList{gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding-bottom:2px!important}
 .gritDesignerTemplateList button{flex:0 0 104px!important;height:82px!important;scroll-snap-align:start;border-radius:15px!important;padding:6px!important}
 .gritDesignerTemplateList button span{height:48px!important;border-radius:12px!important}.gritDesignerTemplateList button strong{font-size:9px!important}
 .gritDesignerSheetPanel{max-height:84dvh!important}.gritDesignerPanel{max-height:62dvh!important}
}
@media(max-width:430px){
 .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{height:calc(100dvh - 258px)!important;min-height:410px!important}
 .gritDesignerCanvas{padding-right:50px!important;padding-left:4px!important}
 .gritDesignerFabRail{right:3px!important}.gritDesignerFabRail button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
 .gritDesignerTemplateList button{flex-basis:96px!important}
}

/* v092: true centered mobile artboard and exact designer/preview parity */
.gritDesignerStage{
  display:grid!important;
  place-items:center!important;
}
.gritDesignerCanvasWrap,
.gritDesignerCanvasWrap.isMobile,
.gritDesignerCanvasWrap.isDesktop{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  margin:0 auto!important;
  transform:scale(var(--designer-zoom))!important;
  transform-origin:center center!important;
}
.gritDesignerCanvas{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
.gritDesignerFabRail{z-index:110!important}
@media(max-width:820px){
  .gritDesignerStage{
    padding:58px 12px 88px!important;
    overflow:hidden!important;
  }
  .gritDesignerCanvasWrap,
  .gritDesignerCanvasWrap.isMobile,
  .gritDesignerCanvasWrap.isDesktop{
    width:100%!important;
    max-width:100%!important;
    height:calc(100dvh - 278px)!important;
    min-height:440px!important;
    margin:0!important;
  }
  .gritDesignerFabRail{
    position:absolute!important;
    right:10px!important;
    top:auto!important;
    bottom:92px!important;
    transform:none!important;
    display:flex!important;
    flex-direction:row!important;
    gap:7px!important;
    max-width:calc(100% - 20px)!important;
    overflow-x:auto!important;
    padding:6px!important;
    border:1px solid rgba(112,126,153,.2)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.82)!important;
    backdrop-filter:blur(20px)!important;
    box-shadow:0 12px 36px rgba(24,31,55,.16)!important;
  }
  .gritDesignerFabRail button{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .gritDesignerZoom{bottom:22px!important;z-index:105!important}
}
@media(max-width:430px){
  .gritDesignerStage{padding:54px 8px 84px!important}
  .gritDesignerCanvasWrap,
  .gritDesignerCanvasWrap.isMobile,
  .gritDesignerCanvasWrap.isDesktop{
    height:calc(100dvh - 270px)!important;
    min-height:420px!important;
  }
}
@media(prefers-color-scheme:dark){
  @media(max-width:820px){.gritDesignerFabRail{background:rgba(14,22,38,.84)!important;border-color:#334159!important}}
}


/* v093: centered, contained Grit Studio workspace and exact preview sizing. */
.gritDesignerStage{min-width:0!important;min-height:0!important;overflow:hidden!important}
.gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;transform-origin:center center!important}
.gritDesignerCanvas{min-width:0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:38px!important;box-sizing:border-box!important}
.gritPreviewStage{min-width:0;min-height:0;overflow:hidden;padding:46px 18px 18px;box-sizing:border-box}
.gritPreviewDevice{max-width:100%!important;max-height:100%!important;box-sizing:border-box!important;margin:0!important}
.gritPreviewDevice.isMobile{width:min(390px,100%)!important;height:min(760px,100%)!important}
.gritPreviewDevice.isDesktop{width:min(960px,100%)!important;height:min(620px,100%)!important}
.gritScreenPreview main{overflow:hidden!important;min-height:0!important}
@media(max-width:820px){
  .gritDesignerWorkspace{grid-template-columns:1fr!important;grid-template-rows:56px 58px minmax(0,1fr) 112px!important;height:100dvh!important;overflow:hidden!important}
  .gritDesignerAppbar{grid-column:1!important;grid-row:1!important}
  .gritDesignerFabRail{grid-column:1!important;grid-row:2!important;position:relative!important;inset:auto!important;transform:none!important;justify-self:center!important;align-self:center!important;width:min(560px,calc(100% - 16px))!important;max-width:calc(100% - 16px)!important;height:50px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;overflow-x:auto!important;padding:4px!important;border-radius:18px!important;z-index:45!important}
  .gritDesignerFabRail button{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:14px!important}
  .gritDesignerStage{grid-column:1!important;grid-row:3!important;padding:34px 10px 58px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile,.gritDesignerCanvasWrap.isDesktop{width:100%!important;height:100%!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .gritDesignerCanvas{width:100%!important;height:100%!important;padding:34px 18px 18px!important;display:grid!important;place-items:center!important;overflow:auto!important}
  .gritDesignerTemplateTray{grid-column:1!important;grid-row:4!important;min-height:0!important;overflow:hidden!important}
  .gritDesignerStageLabel{left:12px!important;top:8px!important;z-index:20!important}
  .gritDesignerZoom{left:50%!important;right:auto!important;bottom:7px!important;transform:translateX(-50%) scale(.88)!important;z-index:25!important}
  .gritDesignerMobileDock{display:none!important}
  .gritScreenPreview main{padding:8px!important}
  .gritPreviewStage{padding:48px 8px 8px!important}
  .gritPreviewDevice.isMobile{width:min(390px,100%)!important;height:100%!important}
  .gritPreviewDevice.isDesktop{width:100%!important;height:min(620px,100%)!important}
}
@media(max-width:430px){
  .gritDesignerWorkspace{grid-template-rows:56px 56px minmax(0,1fr) 106px!important}
  .gritDesignerStage{padding:32px 6px 54px!important}
  .gritDesignerCanvas{padding:32px 10px 14px!important}
  .gritDesignerFabRail{width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;justify-content:flex-start!important}
  .gritDesignerFabRail button{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .gritPreviewStage{padding:46px 4px 4px!important}
}
@media(prefers-color-scheme:dark) and (max-width:820px){.gritDesignerFabRail{background:rgba(14,22,38,.88)!important;border-color:#334159!important}}

/* v094: mobile Grit Studio artboard fit, clean controls, and no canvas bleed. */
.gritDesignerCanvasWrap,
.gritDesignerCanvasWrap.isMobile{
  width:390px!important;
  height:760px!important;
  min-width:390px!important;
  min-height:760px!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  transform:scale(var(--designer-effective-zoom,1))!important;
  transform-origin:center center!important;
  margin:0!important;
}
.gritDesignerCanvasWrap.isDesktop{
  width:960px!important;
  height:620px!important;
  min-width:960px!important;
  min-height:620px!important;
}
.gritDesignerCanvas{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
@media(max-width:820px){
  .gritDesignerWorkspace{
    height:100dvh!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:62px 58px minmax(0,1fr) 112px!important;
    overflow:hidden!important;
  }
  .gritDesignerAppbar{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 12px!important;
    min-width:0!important;
  }
  .gritDesignerAppbar>div{display:none!important}
  .gritDesignerBack,.gritDesignerSaveTop{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    border-radius:14px!important;
  }
  .gritDesignerGritPicker{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    justify-self:stretch!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .gritDesignerGritPicker span{display:none!important}
  .gritDesignerGritPicker select{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0 42px 0 14px!important;
    border-radius:14px!important;
    border:1px solid #dce4ef!important;
    background:#f5f8fc!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:44px!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
  }
  .gritDesignerFabRail{
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:58px!important;
    margin:0!important;
    padding:6px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    overflow-x:auto!important;
    border:0!important;
    border-bottom:1px solid #dce4ef!important;
    border-radius:0!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:none!important;
    backdrop-filter:blur(18px)!important;
  }
  .gritDesignerFabRail button{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    border:1px solid #dbe3ef!important;
    box-shadow:0 5px 14px rgba(23,29,50,.07)!important;
  }
  .gritDesignerFabRail button:first-child{
    background:linear-gradient(145deg,#6655e7,#8a5cec)!important;
    color:#fff!important;
    border-color:transparent!important;
  }
  .gritDesignerFabRail button span{display:none!important}
  .gritDesignerFabRail button i{font-size:18px!important}
  .gritDesignerStage{
    grid-column:1!important;
    grid-row:3!important;
    min-width:0!important;
    min-height:0!important;
    padding:30px 10px 54px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  .gritDesignerStageLabel{top:8px!important;left:12px!important;right:auto!important;max-width:calc(100% - 24px)!important}
  .gritDesignerZoom{bottom:7px!important;z-index:30!important}
  .gritDesignerTemplateTray{grid-column:1!important;grid-row:4!important}
}
@media(max-width:430px){
  .gritDesignerWorkspace{grid-template-rows:62px 56px minmax(0,1fr) 106px!important}
  .gritDesignerAppbar{padding-inline:10px!important;gap:8px!important}
  .gritDesignerFabRail{height:56px!important;padding:6px 8px!important;justify-content:flex-start!important}
  .gritDesignerFabRail button{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  .gritDesignerStage{padding:28px 8px 52px!important}
}
@media(prefers-color-scheme:dark) and (max-width:820px){
  .gritDesignerGritPicker select{background:#111b2d!important;color:#f5f7fb!important;border-color:#33415a!important}
  .gritDesignerFabRail{background:rgba(14,22,38,.86)!important;border-bottom-color:#28354b!important}
  .gritDesignerFabRail button{background:#111b2d!important;color:#f5f7fb!important;border-color:#33415a!important}
  .gritDesignerFabRail button:first-child{background:linear-gradient(145deg,#6655e7,#8a5cec)!important}
}

/* v095: mobile floating tools, width-fit artboard, and direct pan/zoom navigation. */
.gritDesignerCanvasWrap,
.gritDesignerCanvasWrap.isMobile,
.gritDesignerCanvasWrap.isDesktop{
  transform:translate3d(var(--designer-pan-x,0),var(--designer-pan-y,0),0) scale(var(--designer-effective-zoom,1))!important;
  will-change:transform;
  transition:transform .18s cubic-bezier(.2,.8,.2,1);
}
.gritDesignerStage.isPanning .gritDesignerCanvasWrap{transition:none!important}
.gritDesignerWorkspace.isPanMode .gritDesignerStage{cursor:grab}
.gritDesignerWorkspace.isPanMode .gritDesignerStage.isPanning{cursor:grabbing}
.gritDesignerZoom button[data-pan-canvas].isActive{background:linear-gradient(145deg,#6655e7,#8a5cec)!important;color:#fff!important}
@media(max-width:820px){
  .gritDesignerWorkspace{
    grid-template-rows:62px minmax(0,1fr) 106px!important;
  }
  .gritDesignerStage{
    grid-row:2!important;
    position:relative!important;
    padding:34px 8px 126px!important;
    touch-action:none;
  }
  .gritDesignerFabRail{
    grid-column:auto!important;
    grid-row:auto!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:66px!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    height:58px!important;
    padding:6px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border:1px solid rgba(213,222,236,.96)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 16px 42px rgba(23,29,50,.2)!important;
    backdrop-filter:blur(20px)!important;
    z-index:42!important;
    scrollbar-width:none;
  }
  .gritDesignerFabRail::-webkit-scrollbar{display:none}
  .gritDesignerFabRail button,
  .gritDesignerFabRail button:nth-child(n){
    display:grid!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .gritDesignerZoom{
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    z-index:43!important;
  }
  .gritDesignerZoom button{flex:0 0 36px}
  .gritDesignerTemplateTray{grid-row:3!important}
  .gritDesignerCanvasWrap,.gritDesignerCanvasWrap.isMobile{transform-origin:center center!important}
}
@media(max-width:430px){
  .gritDesignerWorkspace{grid-template-rows:62px minmax(0,1fr) 106px!important}
  .gritDesignerStage{padding:32px 6px 122px!important}
  .gritDesignerFabRail{max-width:calc(100% - 14px)!important;bottom:64px!important}
  .gritDesignerFabRail button,.gritDesignerFabRail button:nth-child(n){flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
}
@media(prefers-color-scheme:dark) and (max-width:820px){
  .gritDesignerFabRail{background:rgba(14,22,38,.9)!important;border-color:#33415a!important}
}


/* v096: exact viewport centering and two-axis artboard fitting on mobile. */
.gritDesignerStage{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.gritDesignerStage>.gritDesignerCanvasWrap,
.gritDesignerStage>.gritDesignerCanvasWrap.isMobile,
.gritDesignerStage>.gritDesignerCanvasWrap.isDesktop{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%) translate3d(var(--designer-pan-x,0),var(--designer-pan-y,0),0) scale(var(--designer-effective-zoom,1))!important;
  transform-origin:center center!important;
}
.gritDesignerStage.isPanning>.gritDesignerCanvasWrap{transition:none!important}
@media(max-width:820px){
  .gritDesignerStage{
    padding:44px 10px 128px!important;
  }
  .gritDesignerStage>.gritDesignerCanvasWrap,
  .gritDesignerStage>.gritDesignerCanvasWrap.isMobile,
  .gritDesignerStage>.gritDesignerCanvasWrap.isDesktop{
    max-width:none!important;
    max-height:none!important;
  }
  .gritDesignerFabRail{
    left:50%!important;
    right:auto!important;
    bottom:66px!important;
    transform:translateX(-50%)!important;
  }
  .gritDesignerZoom{
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
  }
}
@media(max-width:430px){
  .gritDesignerStage{padding:42px 8px 124px!important}
}


/* v098: size the mobile editing artboard around the actual overlay instead of a tall 760px blank canvas.
   The previous 438x760 fit was height-limited, which shrank the overlay width and made it look clipped. */
.gritDesignerCanvasWrap.isMobile{
  width:438px!important;
  min-width:438px!important;
  height:620px!important;
  min-height:620px!important;
}
@media(max-width:820px){
  .gritDesignerCanvasWrap.isMobile{
    width:438px!important;
    min-width:438px!important;
    height:620px!important;
    min-height:620px!important;
    max-width:none!important;
    max-height:none!important;
  }
}


/* v099: preserve a real horizontal safety gutter around the editing outline.
   The outline extends 10px beyond the overlay, so the iframe/artboard must be wider than the 430px overlay itself. */
.gritDesignerCanvasWrap.isMobile{
  width:470px!important;
  min-width:470px!important;
  height:620px!important;
  min-height:620px!important;
}
@media(max-width:820px){
  .gritDesignerCanvasWrap.isMobile{
    width:470px!important;
    min-width:470px!important;
    height:620px!important;
    min-height:620px!important;
  }
}


/* Members Studio admin */
body.membersStudioOpen{overflow:hidden}.coretab__adminStudios{display:grid;gap:12px}.coretab__membersAdmin{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgba(80,150,238,.28);border-radius:24px;background:linear-gradient(135deg,rgba(235,249,255,.96),rgba(249,239,255,.96));box-shadow:0 14px 36px rgba(45,74,130,.08)}.coretab__membersAdmin small{color:#377db6;font-size:9px;font-weight:950;letter-spacing:.14em}.coretab__membersAdmin h2{margin:3px 0;font-size:22px}.coretab__membersAdmin p{margin:0;color:#718096;font-size:11px}.coretab__membersAdmin>button{border:0;border-radius:15px;min-height:44px;padding:0 15px;color:#fff;font-weight:900;background:linear-gradient(135deg,#35a9e8,#7465ef,#d34bcf)}
.membersStudioOverlay{position:fixed;inset:0;z-index:1000001;background:rgba(7,13,25,.52);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:.18s ease}.membersStudioOverlay.isOpen{opacity:1;pointer-events:auto}.membersStudioPanel{position:absolute;inset:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#f4f7fc;color:#11182b;transform:translateY(14px);transition:.18s ease}.membersStudioOverlay.isOpen .membersStudioPanel{transform:none}.membersStudioHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(20px,env(safe-area-inset-top)) 20px 16px;background:rgba(255,255,255,.9);border-bottom:1px solid #e1e7f0;backdrop-filter:blur(20px)}.membersStudioHeader small{display:block;color:#6f5fe0;font-size:9px;font-weight:950;letter-spacing:.15em}.membersStudioHeader strong{display:block;font-size:28px;letter-spacing:-.04em}.membersStudioHeader span{display:block;color:#778298;font-size:11px}.membersStudioHeader button{width:44px;height:44px;border:1px solid #dfe5ef;border-radius:15px;background:#fff}.membersStudioSearch{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:0 14px;min-height:48px;border:1px solid #dfe5ef;border-radius:16px;background:#fff}.membersStudioSearch i{color:#78849a}.membersStudioSearch input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#11182b;font:inherit}.membersStudioBody{overflow:auto;padding:14px 16px calc(28px + env(safe-area-inset-bottom))}.membersStudioGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:11px}.membersStudioCard{border:1px solid #dfe5ef;border-radius:22px;background:#fff;overflow:hidden}.membersStudioCard>button{width:100%;border:0;background:transparent;color:inherit;padding:13px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left}.membersStudioAvatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,#3daee9,#7466ef,#d34aca)}.membersStudioCopy{min-width:0}.membersStudioCopy small,.membersStudioCopy strong,.membersStudioCopy em,.membersStudioCopy p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membersStudioCopy small{font-size:8px;color:#6f60d9;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.membersStudioCopy strong{font-size:17px;margin:2px 0}.membersStudioCopy em{font-size:10px;color:#68748a;font-style:normal}.membersStudioCopy p{font-size:9px;color:#9aa3b2;margin:4px 0 0}.membersStudioLoading,.membersStudioError,.membersStudioEmpty{min-height:240px;border:1px solid #dfe5ef;border-radius:24px;background:#fff;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:30px;color:#748096}.membersStudioLoading span{width:30px;height:30px;border:3px solid #dfe5ef;border-top-color:#715fe6;border-radius:50%;animation:gritSpin .8s linear infinite}.membersStudioError i{font-size:32px;color:#d0486d}.membersStudioModal{position:fixed;inset:0;z-index:1000002;display:grid;place-items:center;padding:16px;background:rgba(5,10,20,.62);backdrop-filter:blur(14px);opacity:0;transition:.15s}.membersStudioModal.isOpen{opacity:1}.membersStudioModal>form{width:min(700px,100%);max-height:94dvh;overflow:auto;border-radius:26px;background:#fff;color:#11182b;box-shadow:0 32px 100px rgba(0,0,0,.28)}.membersStudioModal header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5eaf2;backdrop-filter:blur(18px)}.membersStudioModal header small{display:block;color:#735fe1;font-size:8px;font-weight:950;letter-spacing:.13em}.membersStudioModal header strong{font-size:23px}.membersStudioModal header button{width:42px;height:42px;border:1px solid #e0e5ed;border-radius:14px;background:#fff}.membersStudioForm{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.membersStudioForm label,.membersStudioDeleteBody label{display:grid;gap:7px;font-size:10px;font-weight:900;color:#4d5970}.membersStudioForm label.wide,.membersStudioForm fieldset.wide{grid-column:1/-1}.membersStudioForm input,.membersStudioDeleteBody input,.membersStudioDeleteBody textarea{width:100%;border:1px solid #dce3ed;border-radius:14px;background:#f9fbfe;color:#11182b;padding:12px;font:inherit;outline:0}.membersStudioForm fieldset{border:1px solid #dfe5ef;border-radius:18px;padding:13px}.membersStudioForm legend{font-weight:950}.membersStudioForm fieldset>p{margin:0 0 10px;color:#7b8699;font-size:10px}.membersStudioPrivilege{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;padding:10px;border-radius:13px;background:#f6f8fc;margin-top:8px}.membersStudioPrivilege input{width:20px;height:20px}.membersStudioPrivilege span{display:block}.membersStudioPrivilege strong,.membersStudioPrivilege small{display:block}.membersStudioPrivilege small{font-weight:500;color:#7b8699;margin-top:2px}.membersStudioModal footer{position:sticky;bottom:0;display:flex;align-items:center;gap:9px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e5eaf2;backdrop-filter:blur(18px)}.membersStudioModal footer span{flex:1}.membersStudioModal footer button{border:0;border-radius:14px;min-height:44px;padding:0 15px;font-weight:900;background:#edf1f7;color:#39455c}.membersStudioModal footer button[type=submit]{background:linear-gradient(135deg,#426ee8,#8b58e7,#d447b8);color:#fff}.membersStudioModal footer .membersStudioDelete{background:#fae9ee;color:#a62f56}.membersStudioDeleteBody{padding:22px;text-align:center}.membersStudioDeleteBody>i{font-size:44px;color:#d33d68}.membersStudioDeleteBody h3{font-size:25px;margin:10px 0 5px}.membersStudioDeleteBody p{color:#6f7b90;font-size:11px;line-height:1.6;margin:0 0 18px}.membersStudioDeleteBody label{text-align:left;margin-top:12px}.membersStudioDeleteBody textarea{min-height:100px;resize:vertical}
@media(max-width:640px){.coretab__membersAdmin{align-items:flex-start;flex-direction:column}.coretab__membersAdmin>button{width:100%}.membersStudioHeader strong{font-size:24px}.membersStudioHeader span{max-width:260px}.membersStudioGrid{grid-template-columns:1fr}.membersStudioForm{grid-template-columns:1fr}.membersStudioForm label.wide,.membersStudioForm fieldset.wide{grid-column:auto}.membersStudioModal{padding:0}.membersStudioModal>form{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.membersStudioModal footer{flex-wrap:wrap}.membersStudioModal footer span{display:none}.membersStudioModal footer button{flex:1}.membersStudioModal footer .membersStudioDelete{flex-basis:100%}}

/* Members Studio v111 layout and avatar repair */
.membersStudioPanel{width:100dvw;height:100dvh;overflow:hidden}
.membersStudioHeader{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.membersStudioHeader>div{min-width:0;padding-right:8px}.membersStudioHeader strong,.membersStudioHeader span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.membersStudioHeader span{line-height:1.35}
.membersStudioSearch{margin-left:max(16px,env(safe-area-inset-left));margin-right:max(16px,env(safe-area-inset-right));overflow:hidden}
.membersStudioBody{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.membersStudioCard>button{min-height:84px;grid-template-columns:58px minmax(0,1fr) 24px;padding:13px 14px}
.membersStudioAvatar{position:relative!important;inset:auto!important;width:58px!important;height:58px!important;min-width:58px;overflow:hidden;border-radius:18px;isolation:isolate}
.membersStudioAvatarFallback{position:absolute;inset:0;display:grid;place-items:center;z-index:0}
.membersStudioAvatarMedia{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;z-index:1}
.membersStudioAvatarMedia img{width:100%;height:100%;display:block;object-fit:cover}
.membersStudioCopy strong{font-size:18px;line-height:1.12}.membersStudioCopy em{font-size:11px}.membersStudioCopy p{font-size:10px}
@media(max-width:640px){.membersStudioHeader{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:14px}.membersStudioHeader strong{font-size:25px}.membersStudioHeader span{font-size:12px}.membersStudioHeader button{flex:0 0 46px;width:46px;height:46px}.membersStudioSearch{min-height:54px;border-radius:20px;margin-top:12px}.membersStudioBody{padding-top:12px}.membersStudioGrid{gap:10px}.membersStudioCard{border-radius:22px}.membersStudioCard>button{min-height:88px}.membersStudioCopy small{font-size:9px}.membersStudioCopy strong{font-size:19px}}


/* Grit Studio v135 - preserve original layout, mobile chrome visibility, and rotation recovery */
html.gritStudioOpen,body.gritStudioOpen{overflow:hidden!important;overscroll-behavior:none}
.gritStudioOverlay{position:fixed!important;inset:0!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
.gritStudioPanel{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
.gritStudioBody{min-width:0!important;min-height:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.gritStudioHeader [data-grit-studio-close]{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;touch-action:manipulation;z-index:40}
.gritStudioTabs button,.gritStudioBody button,.gritStudioBody input,.gritStudioBody select,.gritStudioBody textarea{pointer-events:auto!important;touch-action:manipulation}

@media(max-width:820px){
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioPanel{grid-template-rows:auto auto minmax(0,1fr)!important}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader{display:flex!important;position:relative;z-index:32;padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:12px}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader>div{min-width:0;overflow:hidden}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader strong,.gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs{display:flex!important;position:relative;z-index:31;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));scrollbar-width:none}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs::-webkit-scrollbar{display:none}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs button{flex:0 0 auto}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioBody{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .gritStudioOverlay.isDesignerMode .gritStudioPanel{grid-template-rows:minmax(0,1fr)!important}
  .gritStudioOverlay.isDesignerMode .gritStudioHeader,.gritStudioOverlay.isDesignerMode .gritStudioTabs{display:none!important}
  .gritStudioOverlay.isDesignerMode .gritStudioBody{height:100%!important;padding:0!important;overflow:hidden!important}
}

@media(max-width:430px){
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader{gap:10px}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader span{display:none}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader [data-grit-studio-close]{flex:0 0 48px;width:48px;height:48px}
}

@media(orientation:landscape) and (max-height:560px){
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader span{display:none}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs{padding-top:6px;padding-bottom:6px}
}


/* Grit Studio v136 - iOS portrait restoration after device rotation */
.gritStudioOverlay,.gritStudioPanel{transform:translateZ(0);-webkit-transform:translateZ(0)}
.gritStudioOverlay.isOpen{pointer-events:auto!important}
.gritStudioOverlay:not(.isOpen){pointer-events:none!important}
.gritStudioHeader,.gritStudioTabs,.gritStudioBody{contain:layout style}
@media(orientation:portrait){
  .gritStudioOverlay{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important}
  .gritStudioPanel{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;transform:none!important}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioHeader,
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioTabs{pointer-events:auto!important}
  .gritStudioOverlay:not(.isDesignerMode) .gritStudioBody{pointer-events:auto!important}
}
.gritDesignerSheet:not(.isOpen){pointer-events:none!important}
.gritStudioModal:not(.isOpen){pointer-events:none!important}