html[data-studio=on] body:has(#main:not([hidden])){background:linear-gradient(rgb(8 12 20 / var(--studio-shade)),rgb(8 12 20 / var(--studio-shade))),var(--studio-wall) center/cover fixed no-repeat,#111827!important;color:var(--studio-text);--text:var(--studio-text);--accent:var(--studio-accent);--user-accent:var(--studio-accent);--muted:color-mix(in srgb,var(--studio-text) 78%,transparent);--radius:var(--studio-radius)}
html[data-studio=on] #main:not([hidden]) .card,html[data-studio=on] #sidebar:not([hidden]){background:color-mix(in srgb,var(--studio-panel) calc(var(--studio-opacity)*100%),transparent)!important;backdrop-filter:blur(var(--studio-blur));-webkit-backdrop-filter:blur(var(--studio-blur));border-color:color-mix(in srgb,var(--studio-text) 22%,transparent)!important;color:var(--studio-text);border-radius:var(--studio-radius)}
html[data-studio=on] #main:not([hidden]) button,html[data-studio=on] #main:not([hidden]) input:not([type=checkbox]):not([type=range]):not([type=color]),html[data-studio=on] #main:not([hidden]) select,html[data-studio=on] #main:not([hidden]) textarea{background:color-mix(in srgb,var(--studio-panel) 85%,var(--studio-text) 15%)!important;color:var(--studio-text);border-color:color-mix(in srgb,var(--studio-text) 30%,transparent)}
html[data-studio=on] #main progress{accent-color:var(--studio-accent)}
html[data-studio=on] #main .dash-hero{min-height:180px;display:flex;flex-direction:column;justify-content:center}
.studio-settings input[type=file]{max-width:100%}.studio-settings input[type=range]{width:100%}.studio-settings input[type=checkbox]{width:22px;height:22px}
@media(min-width:1100px){html[data-studio=on] #main{max-width:1700px;padding:32px clamp(24px,3vw,56px)}html[data-studio=on] .smart-home-grid{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}html[data-studio=on] .smart-home-card[data-widget=agenda]{grid-column:span 2}html[data-studio=on] .smart-home-card[data-widget=quick],html[data-studio=on] .smart-home-card[data-widget=modules]{grid-column:span 1}}
@media(max-width:760px){html[data-studio=on] body:has(#main:not([hidden])){background-attachment:scroll!important}html[data-studio=on] #main .card{backdrop-filter:none;-webkit-backdrop-filter:none}html[data-studio=on][data-studio-compact=yes] #main .dash-hero{min-height:0;padding:18px}html[data-studio=on][data-studio-compact=yes] .smart-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}html[data-studio=on][data-studio-compact=yes] .smart-home-card{padding:12px;gap:6px}html[data-studio=on][data-studio-compact=yes] .smart-home-card:is([data-widget=next],[data-widget=agenda],[data-widget=nutrition],[data-widget=quick],[data-widget=modules]){grid-column:1/-1}html[data-studio=on][data-studio-compact=yes] .smart-home-card h3{font-size:15px}html[data-studio=on][data-studio-compact=yes] .smart-home-card button{font-size:13px;padding:8px;min-height:44px}}
