/* Asset navigation is part of the workspace surface in every skin. */
html[data-theme][data-skin] body[data-page="assets"] #content section#page-assets.asset-library-workspace.page.active > div.sticky-page-control-shell,
html[data-theme][data-skin] body[data-page="assets"] #content section#page-assets.asset-library-workspace.page.active > div.sticky-page-control-shell > .asset-library-toolbar {
  background:transparent!important;box-shadow:none!important;
}
#content #page-assets .asset-action-row > .asset-search-control {width:70%!important;justify-self:end!important;}
html[data-theme][data-skin] body #content #page-assets .asset-search-control:has(> #assetSearchInput),
html[data-theme][data-skin] body #content #page-assets .asset-search-control > :is(input#assetSearchInput,span) {
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}
html[data-theme][data-skin] body #content #page-assets input#assetSearchInput {border:0!important;}
/* Keep the original content panels; remove only the dark cast behind them. */
html[data-theme] body[data-page]:not([data-page="dashboard"]) #content .page.active :is(
  .panel,[class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],
  .chat-workspace,.video-production-workspace,.video-episode-studio,.video-workspace-main-pane,
  .prompt-episode-group,.material-item,.video-option-field,.video-current-prompt,.sticky-page-control-shell) {
  box-shadow:inset 0 1px 0 var(--page-glass-highlight,transparent)!important;
}
html[data-theme] body[data-page]:not([data-page="dashboard"]) #content .page.active :is(
  .video-work-card.selected,.asset-card.generating,.asset-history-card.current,.video-history-card.current) {
  box-shadow:0 0 0 1px color-mix(in srgb,var(--page-accent) 42%,transparent)!important;
}
.chat-agent-panel{min-height:0;grid-template-rows:auto auto minmax(0,1fr)!important}.chat-agent-list{min-height:0;overflow:auto;flex:1}
.appearance-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:4px;border:1px solid var(--line2);border-radius:32px;background:var(--panel2);}
html[data-theme] body .appearance-controls :is(#skinToggleBtn,#themeToggleBtn){margin:0;flex:0 0 42px;width:42px;height:42px;min-width:42px;}
.skin-palette{display:block;width:100%;height:100%;transition:filter .18s ease,transform .18s ease;}
#skinToggleBtn:hover .skin-palette{filter:brightness(1.08)}
#skinToggleBtn:active .skin-palette{transform:scale(.96)}
.skin-palette .palette-bg{display:none}
.chat-agent-shortcuts{display:grid;gap:7px;padding:10px 12px;max-height:min(240px,32vh);overflow:auto;flex:0 0 auto;}
.chat-agent-shortcuts:empty{display:none}
.chat-agent-shortcut{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;border:1px solid var(--line2);border-radius:12px;background:var(--panel2);color:var(--text);cursor:pointer;text-align:left;}
.chat-agent-shortcut strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.chat-agent-shortcut small{color:var(--muted);white-space:nowrap}
.chat-agent-shortcut:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
#chatNewDialog{width:min(480px,calc(100vw - 32px));padding:24px;border:1px solid var(--line2);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 20px 70px #0004;}
#chatNewDialog::backdrop{background:#07172570}
#chatNewDialog h3{margin:0 0 8px}#chatNewDialog p{color:var(--muted);margin:0 0 18px}
.chat-new-agent-choices{display:grid;gap:9px;max-height:55vh;overflow:auto}
.chat-dialog-footer{display:flex;justify-content:flex-end;margin-top:18px}
.ui-skeleton-block{display:block;border-radius:8px;background:linear-gradient(100deg,var(--panel2),var(--line),var(--panel2));background-size:220% 100%;animation:ui-skeleton-breathe 1.8s ease-in-out infinite;}
.ui-skeleton-card{border:1px solid var(--line);border-radius:14px;padding:15px;min-width:0;overflow:hidden;}
.ui-skeleton-picture{height:160px;margin-bottom:15px}.ui-skeleton-line{height:13px;width:78%;margin-bottom:12px}.ui-skeleton-line.short{width:48%}.ui-skeleton-action{height:34px;width:44%;margin-top:18px}
.ui-loading-placeholder{min-height:88px;position:relative;overflow:hidden;}
.ui-section-pending>.empty-text{display:none!important}.ui-section-skeleton{display:contents;}
.ui-section-skeleton-item{pointer-events:none;min-width:0;}
.ui-section-skeleton-item .ui-skeleton-line{max-width:100%;}
.ui-section-skeleton-item .ui-skeleton-pin{width:18px;height:18px;flex:0 0 18px;}
.ui-section-skeleton-item .ui-skeleton-toggle{width:56px;height:28px;flex:0 0 56px;}
.ui-section-skeleton-item .ui-skeleton-dot{width:9px;height:9px;}
.ui-section-skeleton-item.chat-agent-item{display:flex;gap:10px;min-height:66px;}
.ui-section-skeleton-item.chat-agent-item>div{flex:1;}
.ui-section-skeleton-item.developer-agent-item{min-height:72px;}
.ui-section-skeleton-item.developer-api-card{padding:16px;min-height:170px;}
.ui-section-skeleton-item.task-activity-row{min-height:70px;}
#developerApiList>.ui-section-skeleton>.developer-api-card{padding:16px;}
.ui-loading-placeholder::after{content:"";display:block;height:48px;margin:12px auto;width:min(80%,420px);border-radius:9px;background:linear-gradient(100deg,var(--panel2),var(--line),var(--panel2));background-size:220% 100%;animation:ui-skeleton-breathe 1.8s ease-in-out infinite;}
#projectSwitchSkeleton{position:absolute;inset:14px 24px 0;z-index:90;background:var(--bg);border-radius:16px;padding:22px;overflow:auto;}
#projectSwitchSkeleton h3{margin:0 0 22px;color:var(--text)}
#projectSwitchSkeleton .ui-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html[data-theme] body #content{position:relative}
body.project-switch-pending #content > .page{visibility:hidden!important;pointer-events:none!important}
.ui-media-loading{position:relative}
.asset-thumb img:is([data-workspace-src],[data-ui-pending="1"],.image-load-failed){visibility:hidden!important;}
.ui-media-loading::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;background:linear-gradient(100deg,var(--panel2),var(--line),var(--panel2));background-size:220% 100%;animation:ui-skeleton-breathe 1.8s ease-in-out infinite;}
.asset-card{content-visibility:auto;contain-intrinsic-size:auto 470px}
@keyframes ui-skeleton-breathe{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
@media(max-width:1100px){#projectSwitchSkeleton .ui-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.appearance-controls{gap:3px;padding:2px}html[data-theme] body .appearance-controls :is(#skinToggleBtn,#themeToggleBtn){width:36px;height:36px;min-width:36px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){.ui-skeleton-block,.ui-loading-placeholder::after,.ui-media-loading::after{animation:none}.skin-palette{transition:none}}
#projectSwitchSkeleton { padding:0;inset:0;overflow:hidden;pointer-events:none;border-radius:0; }
#projectSwitchSkeleton .ui-skeleton-position,#projectSwitchSkeleton .ui-skeleton-outline { position:absolute;margin:0;box-sizing:border-box; }
#projectSwitchSkeleton .ui-skeleton-outline { border:1px solid var(--page-glass-line,var(--line));border-radius:14px;background:var(--page-glass-soft,var(--panel)); }
.video-studio-drag-preview{position:fixed;z-index:110;pointer-events:none;background:var(--page-accent,var(--cyan));border-radius:2px;will-change:transform;}
html[data-theme] body #content #videoStudio.is-resizing,
html[data-theme] body #content #videoStudio.is-resizing *{transition:none!important;animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html[data-theme] body #content #videoStudio.is-resizing :is(.video-work-card,.video-studio-history-item,.video-studio-prompt-pane,.video-studio-materials-pane,.video-studio-preview-pane,.video-studio-history-pane){box-shadow:none!important;}
/* Native text reflows during a gesture; rebuild the mention overlay once after it. */
#videoStudio.is-resizing .video-prompt-mentions{visibility:hidden!important;}
#videoStudio.is-resizing #videoPromptText{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;}
#videoStudio .video-combined-choice-list .choice-item{content-visibility:auto;contain-intrinsic-size:auto 72px;}
#videoPromptGrid>.video-work-card,#videoStudioHistory .video-studio-history-item{content-visibility:auto;contain-intrinsic-size:auto 122px;}
/* Search shells match the asset library: only the outer pill is painted. */
html[data-theme][data-skin] body[data-page] #content #page-blocking .asset-search-control>:is(input#blockingSearch,span),
html[data-theme][data-skin] body[data-page] #content #videoStudio .asset-search-control>:is(input#videoAssetSearchInput,span),
html[data-theme][data-skin] body #videoModal .asset-search-control>:is(input#videoAssetSearchInput,span){
  background:transparent!important;border:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  -webkit-appearance:none;appearance:none;
}
:is(#blockingSearch,#videoAssetSearchInput)::-webkit-search-decoration,
:is(#blockingSearch,#videoAssetSearchInput)::-webkit-search-cancel-button,
:is(#blockingSearch,#videoAssetSearchInput)::-webkit-search-results-button,
:is(#blockingSearch,#videoAssetSearchInput)::-webkit-search-results-decoration{display:none;}