.mdg-account-appearance{width:min(620px,calc(100vw - 28px));max-height:88dvh;overflow:auto;border:1px solid var(--mdg-input,#45758d);border-radius:24px;padding:24px;background:var(--mdg-card,#121e31);color:var(--mdg-foreground,#e9effb);box-shadow:0 24px 80px #0006;font-family:var(--brand-body-font,system-ui)}
.mdg-account-appearance::backdrop{background:#0008;backdrop-filter:blur(6px)}
.mdg-account-appearance p{color:var(--mdg-muted-foreground,#aebdd2);line-height:1.6}
.mdg-account-appearance-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mdg-account-appearance-head h2{margin:0}
.mdg-account-appearance fieldset{border:0;padding:0;margin:22px 0}.mdg-account-appearance legend{font-weight:700;margin-bottom:12px}
.mdg-account-themes{display:flex;flex-wrap:wrap;gap:10px}.mdg-account-themes label{display:flex;align-items:center;gap:8px;border:1px solid var(--mdg-input);background:var(--mdg-surface);padding:12px;border-radius:12px;cursor:pointer}
.mdg-account-appearance input{accent-color:var(--mdg-primary);width:18px;height:18px;flex-shrink:0}.mdg-account-appearance input:focus-visible{outline:2px solid var(--mdg-ring);outline-offset:4px}
.mdg-account-effect{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--mdg-border)}
.mdg-account-appearance-trigger{position:fixed;z-index:110;right:16px;bottom:max(16px,env(safe-area-inset-bottom));border:1px solid var(--mdg-input)!important;background:var(--mdg-card)!important;color:var(--mdg-foreground)!important;border-radius:999px!important;box-shadow:0 8px 28px #0003}
:root[data-appearance] {--ink:var(--mdg-foreground);--muted:var(--mdg-muted-foreground);--line:var(--mdg-border);--surface:var(--mdg-card);--surface-2:var(--mdg-surface);--cyan:var(--mdg-primary);--violet:var(--mdg-secondary);--green:var(--mdg-brand-green)}
body.mdg-appearance-home{background:var(--mdg-background);color:var(--mdg-foreground)}body.mdg-appearance-home .site-header{background:var(--mdg-sidebar)}body.mdg-appearance-home .feature-grid article,body.mdg-appearance-home .use-grid article,body.mdg-appearance-home .price-card,body.mdg-appearance-home .faq details,body.mdg-appearance-home .answer-block{background:var(--mdg-card);border-color:var(--mdg-input)}body.mdg-appearance-home .btn.primary{background:var(--mdg-primary);color:var(--mdg-primary-foreground)}
@media(prefers-reduced-motion:reduce){.mdg-account-appearance,.mdg-account-appearance-trigger{animation:none;transition:none}}

/* The panel is also used on public pages, where workspace button resets do not load. */
.mdg-account-appearance-head h2{min-width:0}
html[data-appearance] .mdg-account-appearance-head .mdg-account-appearance-close{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--mdg-foreground,#e9effb);font:inherit;line-height:1;cursor:pointer;box-shadow:none}
.mdg-account-appearance-close svg{display:block;pointer-events:none}
@media(hover:hover){html[data-appearance] .mdg-account-appearance-head .mdg-account-appearance-close:hover{background:var(--mdg-surface,#19263b)}}
html[data-appearance] .mdg-account-appearance-head .mdg-account-appearance-close:focus-visible{outline:2px solid var(--mdg-ring,#70e5df);outline-offset:3px}

/* Shared controls must not depend on the private workspace's .btn styles. */
.mdg-account-appearance-footer{border-top:1px solid var(--mdg-border);padding-top:18px;margin-top:20px}
.mdg-account-appearance-footer [data-account-status]{margin:0 0 14px;font-size:14px}
.mdg-account-appearance-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px}
html[data-appearance] .mdg-account-appearance .mdg-account-appearance-action{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:88px;max-width:100%;padding:11px 18px;margin:0;border:1px solid var(--mdg-input);border-radius:12px;background:var(--mdg-surface);color:var(--mdg-foreground);font:inherit;font-size:14px;font-weight:600;line-height:1.4;text-align:center;cursor:pointer;box-shadow:none}
html[data-appearance] .mdg-account-appearance .mdg-account-appearance-done{background:var(--mdg-primary);color:var(--mdg-primary-foreground);border-color:var(--mdg-primary)}
@media(hover:hover){html[data-appearance] .mdg-account-appearance .mdg-account-appearance-action:hover{border-color:var(--mdg-primary)}html[data-appearance] .mdg-account-appearance .mdg-account-appearance-done:hover{background:color-mix(in srgb,var(--mdg-primary) 90%,var(--mdg-card))}}
html[data-appearance] .mdg-account-appearance .mdg-account-appearance-action:focus-visible{outline:2px solid var(--mdg-ring);outline-offset:3px}
.mdg-account-appearance-trigger{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:11px 18px;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
.mdg-account-themes label:has(input:checked){border-color:var(--mdg-primary);background:var(--mdg-brand-tint)}
.mdg-account-effect{min-height:44px}
@media(max-width:380px){.mdg-account-appearance-actions>*{flex:1 1 100%}}