:root{--studio-card-alpha:.48;--studio-glass-rgb:24,21,37;--studio-card-ink:#f3effb;--studio-card-muted:#beb3cd}
html[data-theme="light"]{--studio-glass-rgb:255,255,255;--studio-card-ink:#30283d;--studio-card-muted:#71657f}
.dashboard-page .mode-grid{gap:20px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.dashboard-page .mode-card,.glass-preview .mode-card{position:relative;isolation:isolate;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left;gap:24px!important;min-height:275px!important;padding:28px!important;border-radius:24px!important;border:1px solid #bda3db45!important;background:rgba(var(--studio-glass-rgb),var(--studio-card-alpha))!important;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);box-shadow:inset 0 1px 0 #ffffff65,0 12px 35px #27153615!important;color:var(--studio-card-ink)!important;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.dashboard-page .mode-card::before,.glass-preview .mode-card::before{content:''!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:inherit!important;background:linear-gradient(135deg,#ffffff24,transparent 36%,transparent 76%,#ae87d518)!important;pointer-events:none;transform:none!important}
.dashboard-page .mode-card::after{content:attr(data-index)!important;position:absolute;right:28px;top:28px;font-size:11px;font-weight:500;letter-spacing:.15em;color:var(--studio-card-muted);background:none!important;width:auto!important;height:auto!important}
.dashboard-page .mode-card:hover{transform:translateY(-5px)!important;border-color:#b395d68c!important;box-shadow:inset 0 1px 0 #fff9,0 22px 46px #27153625!important}
.dashboard-page .mode-card:focus-visible{outline:3px solid #a183cf;outline-offset:4px}
.dashboard-page .mode-icon,.glass-preview .mode-icon{display:grid;place-items:center;width:54px!important;height:54px!important;border-radius:16px!important;border:1px solid #ae8acd50!important;background:linear-gradient(145deg,#ffffff55,#b696da15)!important;color:#a17ace!important;box-shadow:inset 0 1px 0 #ffffff70,0 5px 14px #3724460c!important;font-size:25px}
.mode-icon svg{width:32px;height:32px}.dashboard-page .mode-card>div{display:flex;flex:1;flex-direction:column;position:relative;width:100%}.dashboard-page .mode-card b,.glass-preview .mode-card b{font-size:21px!important;font-weight:650;letter-spacing:-.035em;color:var(--studio-card-ink)!important}.dashboard-page .mode-card p,.glass-preview .mode-card p{font-size:13px!important;line-height:1.8!important;margin:12px 0 26px!important;color:var(--studio-card-muted)!important}.dashboard-page .mode-card>div>span{margin-top:auto!important;padding-top:16px;border-top:1px solid #a88bc22b;width:100%;font-size:12px!important;letter-spacing:.04em;color:var(--studio-card-ink)!important}
@media(max-width:1100px){.dashboard-page .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.dashboard-page .mode-grid{grid-template-columns:1fr!important;gap:14px!important}.dashboard-page .mode-card{min-height:240px!important;padding:24px!important}}
@media(prefers-reduced-motion:reduce){.dashboard-page .mode-card{transition:none}.dashboard-page .mode-card:hover{transform:none!important}}
.glass-settings{margin:24px 0}.glass-settings label{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.glass-settings input[type=range]{width:min(360px,100%)}.glass-preview{margin:20px 0;padding:24px;border-radius:24px;background:radial-gradient(circle at 20% 40%,#c49fdb,transparent 50%),radial-gradient(circle at 80% 80%,#e5afc4,transparent 60%),#879aaf}.glass-preview .mode-card{max-width:380px;min-height:230px!important;cursor:default}
@supports not (backdrop-filter:blur(1px)){.dashboard-page .mode-card,.glass-preview .mode-card{background:rgba(var(--studio-glass-rgb),.94)!important}}