/* Creator Studio source layout v1 — composition only, visual tokens stay inherited.
   Search and direct-link verification are distinct workflows. */
body[data-view="submit"] #clip-form > .cd-studio-search {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto!important;
  gap:12px!important;
  align-items:stretch!important;
}
body[data-view="submit"] #clip-form > .cd-studio-search > .cd-ref-source-head {
  grid-column:1!important;grid-row:1!important;
  width:100%!important;min-width:0!important;
}
body[data-view="submit"] #clip-form > .cd-studio-search > .cd-search-options {
  grid-column:1!important;grid-row:2!important;
  width:100%!important;min-width:0!important;
}
body[data-view="submit"] #clip-form .cd-search-options > .cd-auto-finder{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;width:100%!important;min-width:0!important;
}
body[data-view="submit"] #clip-form .cd-auto-finder .cd-auto-topline {
  grid-column:1!important;grid-row:1!important;
  width:100%!important;min-width:0!important;margin:0!important;
}
body[data-view="submit"] #clip-form .cd-auto-finder .cd-auto-main-row {
  grid-column:1!important;grid-row:2!important;
  display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) max-content!important;
  grid-template-rows:40px!important;
  gap:9px!important;align-items:stretch!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
}
body[data-view="submit"] #clip-form .cd-auto-main-row > #cd-auto-category-tools,
body[data-view="submit"] #clip-form .cd-auto-main-row > #cd-auto-channel-tools {
  grid-column:1!important;grid-row:1!important;
  width:100%!important;min-width:0!important;height:40px!important;
}
body[data-view="submit"] #clip-form .cd-auto-main-row > #cd-auto-category-tools[hidden],
body[data-view="submit"] #clip-form .cd-auto-main-row > #cd-auto-channel-tools[hidden]{display:none!important}
body[data-view="submit"] #clip-form .cd-auto-main-row > .cd-auto-more{
  grid-column:2!important;grid-row:1!important;
  width:100%!important;min-width:0!important;height:40px!important;
}
body[data-view="submit"] #clip-form .cd-auto-more .cd-auto-controls{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;min-width:0!important;width:100%!important;
}
body[data-view="submit"] #clip-form .cd-auto-more .cd-auto-controls > label,
body[data-view="submit"] #clip-form .cd-auto-more .cd-ref-select-control,
body[data-view="submit"] #clip-form .cd-auto-more .cd-menu-control,
body[data-view="submit"] #clip-form .cd-auto-more .cd-menu-trigger{
  box-sizing:border-box!important;min-width:0!important;
  width:100%!important;max-width:100%!important;height:40px!important;
}
body[data-view="submit"] #clip-form .cd-auto-main-row > .cd-auto-actions{
  grid-column:3!important;grid-row:1!important;
  display:flex!important;align-items:stretch!important;gap:7px!important;
  position:static!important;inset:auto!important;transform:none!important;
  width:auto!important;min-width:0!important;height:40px!important;
  margin:0!important;padding:0!important;
}
body[data-view="submit"] #clip-form .cd-auto-actions > .cd-menu-control:has(#cd-auto-search-mode option[value="gemini"][disabled]){
  display:none!important;
}
body[data-view="submit"] #clip-form .cd-auto-actions > .cd-menu-control:not(:has(#cd-auto-search-mode option[value="gemini"][disabled])){
  flex:0 0 40px!important;width:40px!important;height:40px!important;
}
body[data-view="submit"] #clip-form .cd-auto-actions > .cd-menu-control .cd-menu-trigger{
  width:40px!important;padding:0!important;
}
body[data-view="submit"] #clip-form .cd-auto-actions > .cd-menu-control .cd-menu-caption{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
}
body[data-view="submit"] #clip-form .cd-auto-actions > .cd-menu-control .cd-menu-arrow{
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;
  transform:translate(-50%,-50%)!important;
}
body[data-view="submit"] #clip-form .cd-auto-main-row #cd-auto-next{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:static!important;inset:auto!important;transform:none!important;
  width:auto!important;min-width:116px!important;max-width:none!important;
  height:40px!important;min-height:40px!important;padding:0 13px!important;
  margin:0!important;gap:7px!important;
}
body[data-view="submit"] #clip-form .cd-auto-main-row #cd-auto-next .cd-find-label{
  position:static!important;clip:auto!important;clip-path:none!important;
  width:auto!important;height:auto!important;overflow:visible!important;
  white-space:nowrap!important;font-size:12px!important;
}
body[data-view="submit"] #clip-form > .cd-studio-search > .cd-source-direct{
  grid-column:1!important;grid-row:3!important;
  display:block!important;width:100%!important;min-width:0!important;
  padding:10px 0 0!important;margin:0!important;
}
body[data-view="submit"] #clip-form .cd-source-direct > .input-action-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;width:100%!important;max-width:100%!important;
  min-width:0!important;min-height:40px!important;
}
body[data-view="submit"] #clip-form .cd-source-direct .cd-ref-url-control,
body[data-view="submit"] #clip-form .cd-source-direct .input-action-row:has(#clip-url:focus) .cd-ref-url-control{
  box-sizing:border-box!important;position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;
  grid-column:1!important;flex:none!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:40px!important;margin:0!important;
}
body[data-view="submit"] #clip-form .cd-source-direct input#clip-url{
  width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;
}
body[data-view="submit"] #clip-form .cd-source-direct #clip-preview-button{
  grid-column:2!important;position:static!important;
  width:auto!important;min-width:116px!important;
  height:40px!important;min-height:40px!important;
  margin:0!important;padding:0 13px!important;
}
body[data-view="submit"] #clip-form > .cd-studio-search > #cd-selected-clip{
  grid-column:1!important;grid-row:4!important;
}
@media(max-width:700px){
  body[data-view="submit"] #clip-form .cd-auto-finder .cd-auto-main-row {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:40px 40px 40px!important;
    gap:8px!important;
  }
  body[data-view="submit"] #clip-form .cd-auto-main-row > #cd-auto-category-tools,
  body[data-view="submit"] #clip-form .cd-auto-main-row > #cd-auto-channel-tools{
    grid-column:1!important;grid-row:1!important;
  }
  body[data-view="submit"] #clip-form .cd-auto-main-row > .cd-auto-more{
    grid-column:1!important;grid-row:2!important;
  }
  body[data-view="submit"] #clip-form .cd-auto-main-row > .cd-auto-actions{
    grid-column:1!important;grid-row:3!important;
    justify-content:stretch!important;width:100%!important;
    max-width:100%!important;
  }
  body[data-view="submit"] #clip-form .cd-auto-main-row #cd-auto-next{
    flex:1 1 auto!important;width:100%!important;min-width:0!important;
  }
  body[data-view="submit"] #clip-form .cd-source-direct #clip-preview-button{
    min-width:102px!important;
  }
}


/* Correct custom search-mode selector overflow and remove the extra filter tray.
   The search-mode control is a legacy second dropdown; the actual find action is #cd-auto-next. */
body[data-view="submit"] #clip-form .cd-auto-actions > .cd-menu-control:has(#cd-auto-search-mode),
body[data-view="submit"] #clip-form .cd-auto-actions > select#cd-auto-search-mode {
  display:none!important;
}
body[data-view="submit"] #clip-form .cd-auto-actions > .cd-menu-control:has(#cd-auto-search-mode) .cd-menu-list {
  display:none!important;
}
body[data-view="submit"] #clip-form .cd-search-options,
body[data-view="submit"] #clip-form .cd-search-options > .cd-auto-finder,
body[data-view="submit"] #clip-form .cd-auto-finder .cd-auto-main-row,
body[data-view="submit"] #clip-form .cd-auto-main-row > .cd-auto-more,
body[data-view="submit"] #clip-form .cd-auto-main-row > #cd-auto-category-tools,
body[data-view="submit"] #clip-form .cd-auto-main-row > #cd-auto-channel-tools{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
}
body[data-view="submit"] #clip-form .cd-search-options,
body[data-view="submit"] #clip-form .cd-search-options > .cd-auto-finder{
  padding:0!important;
  margin:0!important;
}
body[data-view="submit"] #clip-form .cd-auto-main-row > .cd-auto-more {
  padding:0!important;margin:0!important;
}
body[data-view="submit"] #clip-form .cd-auto-finder .cd-auto-topline,
body[data-view="submit"] #clip-form .cd-auto-main-row,
body[data-view="submit"] #clip-form .cd-source-direct > .input-action-row{
  isolation:isolate!important;
}


/* The rectangular inset originates in site-design-system.css's higher-specificity
   html:root body.cdh-dark #clip-form :is(.cd-auto-finder,...) glass rule.
   Keep that rule for other panels; neutralize only this search tray. */
html:root body.cdh-dark[data-view="submit"] #clip-form .cd-studio-search .cd-search-options > .cd-auto-finder,
html:root body.cdh-light[data-view="submit"] #clip-form .cd-studio-search .cd-search-options > .cd-auto-finder {
  background:none!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
}
