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, .62);--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;background:radial-gradient(circle at 0% 0%,#F5EBFA 0%,transparent 40%),radial-gradient(circle at 100% 0%,#E7DBEF 0%,transparent 35%),radial-gradient(circle at 50% 100%,#F5EBFA 0%,transparent 50%),linear-gradient(180deg,#faf7fc,#f4eef8);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:#ffffffc7;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:var(--glass-border-soft);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}}