/* Shared materials. Palette and control sizes come from theme.css. */
/* The material takes its depth from the real backdrop, with no painted sheen. */
:root[data-theme] body.site-surface :is(.workspace,.workspace>#main,.topbar){ background:transparent; }
:root[data-theme] body.site-surface :is(.video-studio-panel,form.ai-composer,.ai-media #media-compose.media-image-compose,.ai-media #media-compose.music-compose,.ai-media #media-compose.voice-compose,.transcription-compose,.tool-workbench,.creator-plan,.lut-message main,.video-result-card,.support-chat){
  background:var(--glass-fill);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(var(--glass-panel-blur)) saturate(0);
  backdrop-filter:blur(var(--glass-panel-blur)) saturate(0);
}
:root[data-theme] body.site-surface :is(.tool-dock,.workspace-nav-actions,.lut-motion-toggle,.music-player,.site-header){
  background:var(--glass-fill);
  border:1px solid var(--glass-edge);
  box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(var(--glass-chrome-blur)) saturate(0);
  backdrop-filter:blur(var(--glass-chrome-blur)) saturate(0);
}
:root[data-theme] body.site-surface :is(.tool-dock,.ai-composer)::before{ display:none; }
:root[data-theme] body.site-surface :is(.tool-dock-link,.lut-motion-toggle){ color:var(--glass-muted); }

/* Nested controls share the pane's blur instead of stacking another filter. */
:root[data-theme] body.site-surface :is([data-template-slot],.video-template-form textarea,.video-template-form select,.video-compact-options select,.video-compact-options input){
  background:var(--glass-field);
  border-color:var(--glass-field-edge);
  box-shadow:none;
  color:var(--glass-ink);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
:root[data-theme] body.site-surface .video-studio-panel form#media-compose.ai-composer{
  background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
:root[data-theme] body.site-surface .provider-controls :is(select,input:not([type=checkbox]),textarea){
  background:var(--glass-field);border-color:var(--glass-field-edge);color:var(--glass-ink);
}
:root[data-theme] body.site-surface .photo-create-dialog form#media-compose.ai-composer{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-theme] body.site-surface .video-reference-panel{
  background:transparent;
  border-color:var(--glass-field-edge);
  box-shadow:none;
  color:var(--glass-ink);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
:root[data-theme] body.site-surface :is(.video-advanced,.video-library-heading){ border-color:var(--glass-divider); }
:root[data-theme] body.site-surface .video-idea-filters button{
  -webkit-backdrop-filter:blur(5px) saturate(0);
  backdrop-filter:blur(5px) saturate(0);
}
:root[data-theme] body.site-surface :is(.tool-dock-link.is-current,.video-idea-filters button[aria-pressed="true"]){
  background:var(--glass-selected);
  color:var(--glass-ink);
  border-color:transparent;
  box-shadow:none;
}
:root[data-theme] body.site-surface :is(.tool-dock-link.is-current,.video-idea-filters button[aria-pressed="true"]):hover{ background:var(--glass-selected-hover); }
:root[data-theme] body.site-surface .tool-dock a.tool-dock-link.is-current{ background:var(--ui-accent);color:var(--ui-accent-ink); }
:root[data-theme] body.site-surface .tool-dock a.tool-dock-link.is-current:hover{background:var(--ui-accent-hover)}
:root[data-theme] body.site-surface .video-idea-filters button[aria-pressed="true"]{ background:var(--video-accent);border-color:var(--video-accent);color:var(--video-accent-ink);font-weight:600; }
:root[data-theme] body.site-surface .video-idea-filters button[aria-pressed="true"]:hover{ background:var(--video-accent-hover);border-color:var(--video-accent-hover);color:var(--video-accent-ink); }

/* Video overlays stay neutral and dark over both bright and dark footage. */
:root[data-theme] body.site-surface .video-idea-badges span{
  background:rgb(24 24 24 / .34);
  border-color:rgb(255 255 255 / .09);
  box-shadow:none;
  color:#fff;
  -webkit-backdrop-filter:blur(8px) saturate(.85);
  backdrop-filter:blur(8px) saturate(.85);
}
:root[data-theme] body.site-surface .video-studio-panel{ border-radius:14px; }
:root[data-theme] body.site-surface .tool-dock{ border-radius:12px; }
:root[data-theme] body.site-surface :is(.tool-dock-link,.video-idea-filters button,.lut-motion-toggle){ border-radius:9px; }

@media(max-width:680px){
  :root[data-theme] body.site-surface{ --glass-panel-blur:.75px;--glass-chrome-blur:6px; }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  :root[data-theme] body.site-surface .video-idea-badges span{
    background:#242424;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* Shared controls and surfaces. Module files own layout, never another palette. */
body.site-surface :is(.music-tracks,.voice-library){background:transparent;border:0;box-shadow:none;backdrop-filter:none}
body.site-surface :is(.music-footer,.voice-submit){background:transparent;border-color:var(--glass-divider)}
body.site-surface :is(.music-compose,.voice-compose,.ai-composer,.ai-media-image #media-compose){border-radius:var(--ui-radius-panel)}
body.site-surface :is(.music-composer-top h1,.voice-compose-heading h1){font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.25px;color:var(--ui-accent-text)}
body.site-surface :is(.music-compose,.voice-compose) :is(textarea,input:not([type=range])){background:var(--glass-field);border-color:var(--glass-field-edge);border-radius:var(--ui-radius-field)}
body.site-surface .lut-motion-toggle svg{width:16px;height:16px;fill:none}
body.site-surface :is(.music-choice,.voice-tabs){background:var(--glass-field);border-color:var(--glass-edge);padding:3px}
body.site-surface :is(.music-choice button[aria-pressed=true],.music-library-toolbar button[aria-pressed=true],.voice-tabs [aria-current=page],.voice-catalog-tabs button[aria-pressed=true]){background:var(--glass-selected);color:var(--ui-ink);box-shadow:none}
body.site-surface .media-param-popup{border-radius:var(--ui-radius-menu)}
body.site-surface .media-param-choice[aria-selected=true]{color:var(--ui-accent-text);background:var(--glass-selected)}
body.site-surface :is(.media-param-choice,.picker-option,.voice-choice):focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}
body.site-surface :is(.music-empty-ideas>button,.music-suggestions>button){background:var(--glass-control);border-color:var(--glass-edge);border-radius:var(--ui-radius-panel)}
body.site-surface :is(.music-empty-ideas>button,.music-suggestions>button):hover{background:var(--glass-hover);color:var(--ui-ink);border-color:var(--glass-field-edge)}
body.site-surface :is(.music-track-row.is-current,.music-track-row:hover){background:var(--glass-control)}
body.site-surface :is(.music-track-row,.voice-settings,.music-detail,.music-voice,.music-advanced){border-color:var(--glass-divider)}
body.site-surface :is(.music-sort,.voice-speed){display:flex;align-items:center;gap:8px}
body.site-surface .voice-speed{justify-content:space-between}
body.site-surface .music-sort .media-param-trigger{max-width:180px}
body.site-surface .voice-speed .media-param-trigger{min-width:88px;justify-content:space-between}
body.site-surface :is(.media-generate,.lut-public .button:not(.secondary),.lut-message .message-action){min-height:var(--ui-control-size)}
body.site-surface :is(.media-generate,.lut-public .button):disabled{cursor:not-allowed}
body.site-surface .ai-composer:focus-within{border-color:var(--glass-focus)}
body.site-surface .site-header{border-radius:0;box-shadow:none}
@media(min-width:761px){
  .shell.is-media-workspace :is(.music-studio,.voice-studio){padding:16px 20px 16px 12px}
  :is(.music-studio-layout,.voice-studio-layout){grid-template-columns:308px minmax(0,1fr);gap:26px}
  :is(.music-scroll,.voice-compose-scroll){padding:18px 16px}
  :is(.music-footer,.voice-submit){padding:14px 16px 18px}
}
@media(min-width:761px) and (max-width:900px){
  :is(.music-studio-layout,.voice-studio-layout){grid-template-columns:275px minmax(0,1fr);gap:16px}
}
@media(max-width:760px){
  body.site-surface :is(.music-tracks,.voice-library){margin-top:20px;padding-inline:0}
  body.site-surface .music-library-toolbar{flex-wrap:wrap;gap:10px}
  body.site-surface .music-library-toolbar nav{flex:1;min-width:0;flex-wrap:wrap}
  body.site-surface .lut-motion-toggle{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  body.site-surface{--glass-fill:var(--glass-solid);--glass-menu:var(--glass-solid);--glass-panel-blur:0px;--glass-chrome-blur:0px}
}
@media(forced-colors:active){
  :root[data-theme] body.site-surface .sidebar#sidebar{background:Canvas}
  body.site-surface :is(.tool-dock,.sidebar,.ai-composer,.video-studio-panel,.music-compose,.voice-compose,.media-param-popup,.lut-motion-toggle){background:Canvas;color:CanvasText;border:1px solid CanvasText;backdrop-filter:none;box-shadow:none}
}

body.site-surface .social-actions .social-like:has([data-social-count]){width:auto;gap:6px;padding-inline:10px}
@media(max-width:900px),(pointer:coarse){
 body.site-surface .media-library-filter-actions .media-param-trigger{min-height:44px;height:44px}
}
body.site-surface .social-actions .social-like[aria-pressed=true]{color:var(--ui-accent-text)}