/* Commande commune aux pages du studio ; palette dans theme.css. */
.header-controls{display:flex;align-items:center;gap:10px;order:2}
.site-header nav{order:1;margin-left:auto}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid var(--field-border);border-radius:30px;background:transparent;color:var(--ink);font-size:11px;white-space:nowrap}
.theme-toggle:hover{background:var(--soft)}
.theme-toggle[aria-checked="true"]{border-color:var(--accent)}
.theme-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.theme-icon .theme-fill{fill:currentColor;stroke:none}
:root[data-theme="dark"] .theme-icon{color:var(--accent)}
.button:hover{background:var(--button-hover)}
.site-footer{background:var(--footer-bg);color:var(--footer-text)}
.demo-preview{box-shadow:8px 10px 0 var(--preview-shadow);color-scheme:light}
input,select,textarea{background:var(--field);border-color:var(--field-border)}
input:focus,select:focus,textarea:focus{background:var(--field-focus)}
.filters button{border-color:var(--field-border)}
.future-stamp{border-color:var(--field-border)}
.skip{color:var(--paper)}
@media(max-width:1100px){.site-header{gap:20px}.theme-label{display:none}.theme-toggle{width:44px;height:44px;padding:10px}.site-header nav{gap:18px}}
@media(max-width:800px){.header-controls{order:1}.site-header nav{order:2;margin-left:0}.header-controls .menu-toggle{gap:10px;padding-inline:10px}}
@media(max-width:380px){.site-header{gap:12px}.site-header>.logo{font-size:20px;gap:8px}.site-header>.logo .star{font-size:30px}.site-header>.logo small{font-size:5px;letter-spacing:1.6px}.header-controls{gap:7px}.header-controls .menu-toggle{gap:7px;padding-inline:8px}}