/* Preview-only: fixed three-across mode picker and independently scrollable
   project/trash halves. No studio viewport or unrelated drawers affected. */
html body#daailokStudio #creationModal #creationQuality .creation-quality-options{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  gap:8px!important;
}
html body#daailokStudio #creationModal #creationQuality .creation-quality-btn{
  min-width:0!important;
  width:100%!important;
  padding:8px 9px!important;
}
html body#daailokStudio #creationModal #creationQuality .creation-quality-btn small{
  overflow-wrap:anywhere;
}
html body#daailokStudio #assetLibrary .project-recovery-toggle{
  display:flex;flex:none;min-width:0;padding:8px 0 7px;
}
html body#daailokStudio #assetLibrary .project-recovery-toggle button{
  width:100%;min-height:31px;padding:5px 7px;min-width:0;
  text-align:left;white-space:normal;
  font:inherit;font-size:11px;
  color:var(--ds-studio-text-muted,#bbc0bd);
  border:1px solid transparent;border-radius:8px;
}
html body#daailokStudio #assetLibrary .project-recovery-toggle button:is(:hover,.active){
  border-color:rgba(var(--ds-optical-accent-rgb,240,202,120),.35);
  color:var(--ds-optical-accent,#efcf83);
  background:rgba(var(--ds-optical-accent-rgb,240,202,120),.07);
}
html body#daailokStudio #assetLibrary .project-recovery-list{
  box-sizing:border-box;min-width:0;min-height:0;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain;scrollbar-gutter:stable;
  border:1px solid rgba(255,255,255,.12);border-radius:10px;
  padding:10px 6px 12px 10px;
  background:rgba(255,255,255,.015);
}
html body#daailokStudio #assetLibrary .project-recovery-title{
  display:block;margin:0 0 9px;
  font-size:12px;line-height:1.5;font-weight:600;
  overflow-wrap:anywhere;
}
html body#daailokStudio #assetLibrary .project-recovery-items{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:8px;align-content:start;
}
html body#daailokStudio #assetLibrary .project-recovery-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:7px;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:7px 1px;min-width:0;
}
html body#daailokStudio #assetLibrary .project-recovery-row span{
  min-width:0;font-size:11px;line-height:1.55;
  overflow-wrap:anywhere;word-break:break-word;
}
html body#daailokStudio #assetLibrary .project-recovery-row button{
  flex:none;min-width:43px;padding:5px 6px;
  font-size:11px;line-height:1.3;
  border:1px solid rgba(255,255,255,.12);border-radius:7px;
  color:inherit;background:rgba(255,255,255,.045);
}
html body#daailokStudio #assetLibrary .project-recovery-row button:hover:not(:disabled){
  color:var(--ds-optical-accent,#efcf83);
  border-color:rgba(var(--ds-optical-accent-rgb,240,202,120),.35);
}
html body#daailokStudio #assetLibrary .project-recovery-row button:disabled{
  opacity:.5;cursor:wait;
}
/* Only activate split layout while trash is open. Ordinary project drawer
   keeps its original full-height scroll behavior. */
html body#daailokStudio #drawerContent:has(#assetLibrary[data-recovery-open="true"]){
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;min-height:0!important;
}
html body#daailokStudio #drawerContent:has(#assetLibrary[data-recovery-open="true"])>.asset-cloud-head{
  flex:0 0 auto!important;
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"]{
  display:flex!important;flex:1 1 0!important;
  flex-direction:column!important;
  min-width:0!important;min-height:0!important;
  overflow:hidden!important;
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"] .asset-pane[data-asset-pane="projects"]{
  display:flex!important;flex:1 1 0!important;
  flex-direction:column!important;
  min-width:0!important;min-height:0!important;
  overflow:hidden!important;
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"] .project-pane-head{
  flex:0 0 auto!important;
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"] #projectList{
  flex:1 1 0!important;
  min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain;scrollbar-gutter:stable;
  align-content:start!important;
  padding-right:3px;
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"] #projectRecoveryTools{
  flex:1 1 0!important;display:flex!important;
  flex-direction:column!important;
  min-height:0!important;min-width:0!important;
  overflow:hidden!important;
  border-top:1px solid rgba(255,255,255,.13);
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"] #projectRecoveryList{
  flex:1 1 0!important;
  min-height:0!important;
  overflow-y:auto!important;
}
/* Identical scroll geometry and thumb styling in both split lists. */
html body#daailokStudio #assetLibrary[data-recovery-open="true"] :is(#projectList,#projectRecoveryList){
  scrollbar-width:thin!important;
  scrollbar-color:#25292b transparent!important;
  scrollbar-gutter:stable!important;
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"] :is(#projectList,#projectRecoveryList)::-webkit-scrollbar{
  width:5px!important;height:5px!important;
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"] :is(#projectList,#projectRecoveryList)::-webkit-scrollbar-track{
  background:transparent!important;
}
html body#daailokStudio #assetLibrary[data-recovery-open="true"] :is(#projectList,#projectRecoveryList)::-webkit-scrollbar-thumb{
  background:#25292b!important;border-radius:8px!important;
}