/* Keep the three community destinations together; creation has its own entry. */
#app>header .header-studio{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;margin-left:auto;padding:9px 14px;min-height:40px;border:1px solid #dcd5f2;border-radius:10px;background:#f6f3ff;color:#534397;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}
#app>header .header-studio .ui-icon{display:inline-flex;width:22px;height:22px;flex:none;color:inherit}
#app>header .header-studio:hover{background:#eee8ff;border-color:#b9a9e8}
#app>header .header-studio[aria-current=page]{background:#ebe5fb;border-color:#ad9adb;color:#483482}
#app>header .header-studio:focus-visible{outline:3px solid #9d87ff;outline-offset:3px}
#app>header .header-right{margin-left:0}
@media(min-width:761px) and (max-width:1100px){#app>header{gap:18px;padding-inline:20px}#app>header nav{gap:22px}#app>header .header-studio{padding:8px 10px;gap:6px}#app>header .brand .season{display:none}}
@media(max-width:760px){
 #app>header{grid-template-columns:minmax(0,1fr) auto;column-gap:8px}
 #app>header nav{grid-column:1;grid-row:2;gap:20px;justify-content:flex-start;width:auto;min-width:0}
 #app>header .header-studio{grid-column:2;grid-row:2;justify-self:end;margin:3px 0 5px;min-height:34px;padding:6px 9px;gap:5px;font-size:12px;border-radius:8px}
 #app>header .header-studio .ui-icon{width:18px;height:18px}
 #app>header .header-right{grid-column:2;grid-row:1;justify-self:end}
 body:has(#main :is(#studio-editor,#studio-library)) #app>header{column-gap:8px}
 body:has(#main :is(#studio-editor,#studio-library)) #app>header nav{gap:14px;justify-content:flex-start;width:auto}
}
@media(max-width:380px){#app>header .brand .season{display:none}#app>header nav{gap:16px}#app>header nav a{font-size:12px}#app>header .header-studio{padding-inline:7px;font-size:11px}}