:root{--studio-card-alpha:.48;--studio-glass-rgb:24,21,37;--studio-card-ink:var(--theme-v20-text, #f3effb);--studio-card-muted:var(--theme-v20-muted, #beb3cd)}
html[data-theme="light"]{--studio-glass-rgb:255,255,255;--studio-card-ink:var(--theme-v20-text, #30283d);--studio-card-muted:var(--theme-v20-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 color-mix(in srgb, var(--theme-v20-line, #bda3db) 27.059%, transparent)!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 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 39.608%, transparent),0 12px 35px color-mix(in srgb, var(--theme-v20-accent, #271536) 8.235%, transparent)!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,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 14.118%, transparent),transparent 36%,transparent 76%,color-mix(in srgb, var(--theme-v20-accent-soft, #ae87d5) 9.412%, transparent))!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:color-mix(in srgb, var(--theme-v20-line, #b395d6) 54.902%, transparent)!important;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 60.000%, transparent),0 22px 46px color-mix(in srgb, var(--theme-v20-accent, #271536) 14.510%, transparent)!important}
.dashboard-page .mode-card:focus-visible{outline:3px solid var(--theme-v20-line, #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 color-mix(in srgb, var(--theme-v20-line, #ae8acd) 31.373%, transparent)!important;background:linear-gradient(145deg,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 33.333%, transparent),color-mix(in srgb, var(--theme-v20-accent-soft, #b696da) 8.235%, transparent))!important;color:var(--theme-v20-accent, #a17ace)!important;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 43.922%, transparent),0 5px 14px color-mix(in srgb, var(--theme-v20-accent, #372446) 4.706%, transparent)!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 color-mix(in srgb, var(--theme-v20-accent, #a88bc2) 16.863%, transparent);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%,var(--theme-v20-accent-soft, #c49fdb),transparent 50%),radial-gradient(circle at 80% 80%,var(--theme-v20-panel2, #e5afc4),transparent 60%),var(--theme-v20-panel2, #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}}

/* CTA remains inside the existing accessible card link/button; no nested buttons. */
.dashboard-page .mode-card>div>.mode-cta{
 display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;
 width:auto;min-width:112px;min-height:42px;padding:10px 20px;margin-top:auto!important;
 border:1px solid color-mix(in srgb,var(--ui-select-accent,var(--theme-v20-line, #a99aff)) 50%,transparent);
 border-radius:12px;background:linear-gradient(135deg,var(--theme-v20-accent-soft, #7965db),var(--theme-v20-accent-soft, #6553bc));
 color:var(--theme-v20-text, #fff)!important;font-size:14px!important;font-weight:600;letter-spacing:0;
 box-shadow:0 4px 14px color-mix(in srgb, var(--theme-v20-accent, #37205b) 14.902%, transparent);transition:background .18s,box-shadow .18s;
}
.dashboard-page .mode-card:is(:hover,:focus-visible)>div>.mode-cta{background:linear-gradient(135deg,var(--theme-v20-accent-soft, #8c75eb),var(--theme-v20-accent-soft, #7561d1));box-shadow:0 6px 18px color-mix(in srgb, var(--theme-v20-accent, #5733a0) 26.667%, transparent)}
@media(min-width:1920px){.dashboard-page .mode-card p{font-size:15px!important}.dashboard-page .mode-card b{font-size:24px!important}}

/* Blender Agent Studio entry */
.mode-card.blender-agent-mode .mode-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-v20-accent,#8f79ff) 26%,transparent),color-mix(in srgb,#59d9d0 12%,transparent))!important;color:color-mix(in srgb,var(--theme-v20-accent,#b8a8ff) 80%,white)!important}
.mode-card.blender-agent-mode:hover{border-color:color-mix(in srgb,var(--theme-v20-accent,#8f79ff) 48%,transparent)!important;box-shadow:0 22px 56px color-mix(in srgb,var(--theme-v20-accent,#6650d9) 17%,transparent)!important}