/* Shared DS glass; the dialog is dormant unless showModal() opens it. */
dialog.daailok-membership-quick:not([open]){display:none!important}
dialog.daailok-membership-quick[open]{
 display:flex!important;flex-direction:column;gap:14px;
 position:fixed;inset:0;margin:auto;
 width:min(550px,calc(100vw - 28px));max-width:calc(100vw - 28px);
 max-height:min(88dvh,720px);padding:22px;
 border:1px solid rgba(236,222,192,.29);border-radius:20px;
 color:#eeeae1;background:linear-gradient(155deg,rgba(45,47,46,.96),rgba(16,19,21,.97));
 box-shadow:0 28px 90px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.13);
 backdrop-filter:blur(26px) saturate(130%);z-index:100000;
 overflow-y:auto;font:13px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
dialog.daailok-membership-quick::backdrop{background:rgba(5,7,9,.58);backdrop-filter:blur(8px)}
.daailok-membership-quick .membership-quick-head{display:flex;justify-content:space-between;align-items:center}
.daailok-membership-quick .membership-quick-head strong{font-size:19px;font-weight:650}
.daailok-membership-quick .membership-quick-head button{border:0;background:transparent;color:inherit;font:24px/1 inherit;padding:3px 7px;cursor:pointer}
.daailok-membership-quick .membership-quick-intro,.daailok-membership-quick .membership-quick-note{margin:0;color:#b9bcb8;font-size:12px}
.daailok-membership-quick .membership-quick-cycles{display:flex;gap:7px}
.daailok-membership-quick .membership-quick-cycles button{flex:1}
.daailok-membership-quick :is(.membership-quick-cycles button,.membership-quick-apply){
 border:1px solid rgba(227,225,214,.19);border-radius:11px;
 color:inherit;background:rgba(255,255,255,.065);padding:9px 12px;
 cursor:pointer;font:inherit;transition:background .18s,border-color .18s;
}
.daailok-membership-quick button[aria-pressed=true],.daailok-membership-quick button:hover{
 border-color:rgba(237,201,109,.66);background:rgba(237,201,109,.11);color:#edc96d}
.daailok-membership-quick .membership-quick-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.daailok-membership-quick .membership-quick-plan{display:flex;flex-direction:column;gap:10px;padding:15px;border:1px solid rgba(229,230,221,.16);border-radius:15px;background:rgba(255,255,255,.035)}
.daailok-membership-quick .membership-quick-plan>strong{color:#edc96d;font-size:15px}
.daailok-membership-quick .membership-quick-price{font-size:20px;font-weight:640}
.daailok-membership-quick .membership-quick-apply:disabled{opacity:.45;cursor:default}
.daailok-membership-quick .membership-quick-status{margin:0;min-height:19px;color:#edc96d;font-size:12px}
.daailok-membership-quick .membership-quick-note b{color:#edc96d}
[data-membership-open]{border:1px solid rgba(237,201,109,.4);border-radius:var(--ds-radius-pill);padding:4px 9px;background:rgba(237,201,109,.08);color:#edc96d;white-space:nowrap;cursor:pointer;font:inherit;font-size:11px}
[data-membership-open][hidden]{display:none!important}
body[data-theme=light] .daailok-membership-quick{color:#252927;background:linear-gradient(145deg,rgba(245,245,239,.97),rgba(220,224,221,.97));border-color:rgba(47,60,56,.2)}
body[data-theme=light] .daailok-membership-quick .membership-quick-intro,
body[data-theme=light] .daailok-membership-quick .membership-quick-note{color:#68736c}
body[data-theme=light] .daailok-membership-quick .membership-quick-plan{background:rgba(255,255,255,.4)}
@media(max-width:520px){.daailok-membership-quick .membership-quick-plans{grid-template-columns:1fr}}


/* Identical upgrade affordance in each account surface. */
.canvas-account-name-row{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}
.canvas-account-name-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvas-account-name-row>[data-membership-open]{flex:0 0 auto;font-size:11px;line-height:1.4}
.account-menu-profile .account-name-upgrade{display:flex;gap:10px;align-items:center;justify-content:space-between;min-width:0}
.account-menu-profile .account-name-upgrade>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-upgrade-member,.website-account-upgrade{
 padding:5px 9px!important;min-height:27px!important;
 background:rgba(237,201,109,.08)!important;color:#edc96d!important;
 border:1px solid rgba(237,201,109,.46)!important;border-radius:var(--ds-radius-pill)!important;
 white-space:nowrap;cursor:pointer;font-size:11px;font-weight:500;line-height:1.4;font-family:inherit;flex:0 0 auto;
}
.account-upgrade-member:hover,.website-account-upgrade:hover{background:rgba(237,201,109,.19)!important;border-color:#edc96d!important}
.website-account-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.website-account-name-row>h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
/* 3D Studio top shortcut sizes follow all other creation icons. */
#topDirectorBtn svg{width:25px!important;height:24px!important;stroke:currentColor}
#topCanvasBtn .top-canvas-glyph{font-size:22px;line-height:1}
/* Both Canvas and Director account headers use the same 3D glyph footprint. */
#canvasStudioLink svg,#freeStudioLink svg{width:26px!important;height:26px!important;display:block}

.daailok-membership-quick .membership-quick-methods{display:flex;gap:8px;flex-wrap:wrap}
.daailok-membership-quick .membership-quick-methods button{border:1px solid rgba(227,225,214,.19);border-radius:var(--ds-radius-pill);color:inherit;background:rgba(255,255,255,.055);padding:7px 15px;cursor:pointer;font:inherit;font-size:12px}
.daailok-membership-quick .membership-quick-methods button[aria-pressed=true]{border-color:rgba(237,201,109,.66);background:rgba(237,201,109,.11);color:#edc96d}