html,body,#root{height:100%;margin:0;padding:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:block}:root{--brand-deep: #49225b;--brand-strong: #6e3482;--brand: #a56abd;--brand-soft: #e7dbef;--brand-faint: #f5ebfa;--surface: #ffffff;--surface-soft: #faf7fc;--surface-bright: #f4f0f8;--surface-container-low: #eee8f2;--outline-variant: #e5dcea;--ink-primary: #1b1521;--ink-muted: #5e5468;--ink-faint: #928a9d;--state-success: #16a34a;--state-warning: #f59e0b;--state-danger: #ef4444;--state-info: #a56abd;--radius-card: 16px;--radius-button: 10px;--radius-pill: 999px;--shadow-card: 0 4px 16px rgba(73, 34, 91, .06);--shadow-card-hover: 0 12px 32px rgba(73, 34, 91, .16);--shadow-button-primary: 0 4px 14px rgba(73, 34, 91, .22);--glass-bg: rgba(255, 255, 255, .42);--glass-bg-hover: rgba(255, 255, 255, .78);--glass-border: 1px solid rgba(255, 255, 255, .55);--glass-border-soft: 1px solid rgba(231, 219, 239, .7);--glass-blur: blur(20px) saturate(140%);--glass-blur-strong: blur(28px) saturate(160%);--glass-shadow: 0 8px 32px rgba(73, 34, 91, .1), inset 0 1px 0 rgba(255, 255, 255, .65)}.studio-shell{position:relative;min-height:100%;isolation:isolate}.studio-shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.glass-card--hoverable:hover{transform:translateY(-2px);background:var(--glass-bg-hover);box-shadow:0 16px 40px #49225b29,inset 0 1px #fffc}.glass-card--strong{background:#ffffff6b;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border-radius:var(--radius-card);box-shadow:0 4px 20px #49225b14}@supports not ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))){.glass-card,.glass-card--strong{background:#ffffffeb;box-shadow:var(--shadow-card)}}@media(prefers-reduced-transparency:reduce){.glass-card,.glass-card--strong{background:#fff}}@media(max-width:768px){.glass-card,.glass-card--strong{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff0}}
