/* Preferences are shared across the two simple studio pages. */
.site-setting label{margin:0;font:inherit}.site-attribution{text-align:center}html[data-theme=light] body[data-page=helper]{color-scheme:light}html[data-theme=light] progress,html[data-theme=light] input[type=checkbox]{accent-color:#527732}
:root[data-theme=dark]{color-scheme:dark;background:#101211}
:root[data-theme=light]{color-scheme:light;background:#f5f6f2;color:#20271d}
/* Bottom-align the control row; field labels sit above it without lifting Logout. */
.site-header{
  width:100%;max-width:none;margin:0;padding:18px max(24px,calc((100% - 1248px)/2));
  display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;
  background:#171d16;border-bottom:1px solid #303a2a;box-shadow:0 4px 20px #00000012;
}
.site-header .brand{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;white-space:nowrap}
.site-header nav,body[data-page=helper] .site-header .helper-actions{
  margin-left:auto;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;
}
.site-header nav>a,.site-header .advanced-toggle{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:13px;white-space:nowrap}
.site-header .advanced-toggle{gap:9px;padding-right:20px;border-right:1px solid #36422e}
.site-preferences{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.site-setting{display:grid;gap:6px;font-size:11px;margin:0;color:#b8c3af;font-weight:500}
.site-header .site-setting label{margin:0;font:inherit;line-height:14px}
.site-header .site-setting select{width:auto;min-width:106px;height:44px;min-height:44px;padding:9px 12px;font-size:13px;line-height:20px;border-radius:10px}
.site-header .logout-control{align-self:flex-end}
.site-header #studio-logout,body[data-page=helper] .site-header #studio-logout{
  display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:88px;
  height:44px;min-height:44px;margin:0;padding:9px 16px;line-height:20px;font-size:13px;
  border:1px solid #4b613b;border-radius:10px;background:#26351f;color:#ecf5df;
}
.site-header #studio-logout:hover,body[data-page=helper] .site-header #studio-logout:hover{background:#344729;border-color:#69844e}
html[data-theme=light] .site-header{background:#ffffff;border-bottom-color:#d7dece;box-shadow:0 4px 20px #24301b06}
html[data-theme=light] .site-setting{color:#526148}
html[data-theme=light] .site-header .advanced-toggle{border-right-color:#d7dece}
.site-attribution{display:block;font-size:10px;margin-top:10px;opacity:.8}html[lang=am] h1{letter-spacing:0;line-height:1.5}
html[data-theme=light] body[data-page=quick],html[data-theme=light] body[data-page=helper]{background:#f5f6f2;color:#20271d;--ink:#20271d;--muted:#526148;--line:#cdd6c5;--purple:#3c6228}
html[data-theme=light] .brand,html[data-theme=light] body[data-page=helper] .brand{color:#20271d}html[data-theme=light] .brand span,html[data-theme=light] nav,html[data-theme=light] .intro,html[data-theme=light] .fine,html[data-theme=light] .consent,html[data-theme=light] .format,html[data-theme=light] .video-language,html[data-theme=light] #progress-note,html[data-theme=light] #progress-detail,html[data-theme=light] .result-actions span,html[data-theme=light] footer,html[data-theme=light] details,html[data-theme=light] #access-message{color:#526148}
html[data-theme=light] .eyebrow{color:#3c6228}html[data-theme=light] #video-form,html[data-theme=light] body[data-page=helper] .panel,html[data-theme=light] #progress-panel,html[data-theme=light] #result{background:#fff;border-color:#cdd6c5;box-shadow:0 10px 30px #24301b08}
html[data-theme=light] select,html[data-theme=light] body[data-page=helper] select,html[data-theme=light] body[data-page=helper] textarea{background:#fff;color:#20271d;border-color:#829275}html[data-theme=light] textarea::placeholder,html[data-theme=light] body[data-page=helper] textarea::placeholder{color:#687660}html[data-theme=light] .submit-row,html[data-theme=light] #scene-panel{border-color:#cdd6c5}
html[data-theme=light] button,html[data-theme=light] .button,html[data-theme=light] body[data-page=helper] .primary{background:#3c6228;color:#fff;border-color:#3c6228}html[data-theme=light] body[data-page=helper] .primary:hover{background:#2c4c1c}html[data-theme=light] .secondary,html[data-theme=light] .history-item,html[data-theme=light] body[data-page=helper] .secondary{background:#e9efdf;color:#29451e;border-color:#829275}html[data-theme=light] #studio-logout,html[data-theme=light] body[data-page=helper] #studio-logout{background:#fff;color:#29451e;border-color:#829275}html[data-theme=light] #studio-logout:hover,html[data-theme=light] body[data-page=helper] #studio-logout:hover{background:#e9efdf}
html[data-theme=light] .narration-helper,html[data-theme=light] body[data-page=helper] a{color:#365921}html[data-theme=light] #message{color:#365921}html[data-theme=light] #message.error,html[data-theme=light] #access-message.error{color:#9b321a}html[data-theme=light] #logout-status,html[data-theme=light] body[data-page=helper] #logout-status{background:#fff;color:#9b321a;border-color:#cdd6c5}html[data-theme=light] button:disabled,html[data-theme=light] body[data-page=helper] button:disabled{background:#d9dfd2;color:#556149;border-color:#cdd6c5;opacity:1}
@media(max-width:900px){
  .site-header{padding:16px 22px;gap:16px}
  .site-header nav,body[data-page=helper] .site-header .helper-actions{gap:12px}
  .site-header .advanced-toggle{padding-right:12px}
}
@media(max-width:700px){
  .site-header{padding:16px 20px}
  .site-header nav,body[data-page=helper] .site-header .helper-actions{width:100%;justify-content:space-between;gap:12px}
  .site-preferences{gap:10px}
  .site-header .site-setting select{min-width:90px}
  .site-header nav>a{display:inline-flex;order:3;flex:1 0 40%;min-height:44px}
  .site-header .advanced-toggle{order:4;width:auto;min-height:44px;border-right:0;padding-right:0;font-size:12px}
}
@media(max-width:380px){
  .site-header{padding:14px}
  .site-header nav,body[data-page=helper] .site-header .helper-actions{gap:8px}
  .site-preferences{gap:8px}
  .site-header .site-setting select{min-width:82px;padding-inline:8px}
  .site-header #studio-logout,body[data-page=helper] .site-header #studio-logout{min-width:72px;padding-inline:10px}
}