:root{
  --cliip-content-max:1440px;
  --cliip-page-gutter:clamp(16px,4vw,64px);
  --cliip-section-gap:clamp(56px,7vw,104px);
  --cliip-card-gap:clamp(10px,1.1vw,16px);
  --cliip-card-radius:20px;
  --cliip-panel-radius:22px;
  --cliip-border:#d7e1ec;
  --cliip-paper:#f7f6f1;
  --cliip-media-bg:#11130f;
}
body.ai-console-body[data-active-tab="home"]{overflow-x:clip!important}

/* One horizontal system for every MARKET section. */
body.ai-console-body[data-active-tab="home"] .market-hero__inner,
body.ai-console-body[data-active-tab="home"] .home-showcase,
body.ai-console-body[data-active-tab="home"] .home-video-section,
body.ai-console-body[data-active-tab="home"] .market-library-section,
body.ai-console-body[data-active-tab="home"] [data-home-category-gallery] > .home-gallery-section,
body.ai-console-body[data-active-tab="home"] .home-featured-platform{
  box-sizing:border-box!important;
  width:min(var(--cliip-content-max),calc(100vw - (var(--cliip-page-gutter) * 2)))!important;
  max-width:var(--cliip-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.ai-console-body[data-active-tab="home"] .home-showcase > .home-video-section,
body.ai-console-body[data-active-tab="home"] .home-showcase > .market-library-section,
body.ai-console-body[data-active-tab="home"] .home-showcase > [data-home-category-gallery],
body.ai-console-body[data-active-tab="home"] [data-home-category-gallery] > .home-gallery-section{
  width:100%!important;
  max-width:none!important;
}
body.ai-console-body[data-active-tab="home"] .market-hero{
  padding-left:0!important;
  padding-right:0!important;
}
body.ai-console-body[data-active-tab="home"] .home-video-section,
body.ai-console-body[data-active-tab="home"] .market-library-section,
body.ai-console-body[data-active-tab="home"] [data-home-category-gallery] > .home-gallery-section{
  margin-top:var(--cliip-section-gap)!important;
  margin-bottom:0!important;
  padding:clamp(28px,3vw,48px)!important;
  border-radius:var(--cliip-panel-radius)!important;
}
body.ai-console-body[data-active-tab="home"] .home-video-head,
body.ai-console-body[data-active-tab="home"] .market-library__head,
body.ai-console-body[data-active-tab="home"] .home-gallery-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr)!important;
  gap:clamp(24px,4vw,56px)!important;
  align-items:end!important;
  min-height:0!important;
  margin:0 0 28px!important;
  padding:0 0 22px!important;
  border-bottom:1px solid rgba(17,17,17,.12)!important;
}
body.ai-console-body[data-active-tab="home"] .home-video-head h2,
body.ai-console-body[data-active-tab="home"] .market-library__head h2,
body.ai-console-body[data-active-tab="home"] .home-gallery-head h2{
  margin:0!important;
  font-size:clamp(38px,4vw,68px)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
}
body.ai-console-body[data-active-tab="home"] .home-video-head p,
body.ai-console-body[data-active-tab="home"] .market-library__head p,
body.ai-console-body[data-active-tab="home"] .home-gallery-head p{
  margin:0!important;
  max-width:520px!important;
  justify-self:end!important;
  line-height:1.65!important;
}

/* Never crop original media. Empty space is intentional and keeps the work intact. */
.cliip-media-safe,
.cinematic-film-card,
.cinematic-image-grid figure,
.home-video-frame,
.home-gallery-card,
.market-library__grid .home-gallery-card,
.page-sample-media,
.image-sample-thumb,
.page-public-gallery-card figure{
  background:var(--cliip-media-bg)!important;
}
.cinematic-film-card video,
.cinematic-image-grid img,
.home-video-frame video,
.home-gallery-media img,
.home-gallery-media video,
.market-library__grid .home-gallery-media img,
.market-library__grid .home-gallery-media video,
.page-sample-media img,
.page-sample-media video,
.image-sample-thumb img,
.page-public-gallery-card img,
.page-public-gallery-card video{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

/* Intro HOME media follows the same orientation-aware card rules. */
.cinematic-film-grid,
.cinematic-image-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:var(--cliip-card-gap)!important;
}
.cinematic-film-card,
.cinematic-image-grid figure{
  grid-column:span 1!important;
  grid-row:span 1!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:var(--cliip-media-ratio,3/4)!important;
  border-radius:var(--cliip-card-radius)!important;
}
.cinematic-film-card video,
.cinematic-image-grid figure > img{
  width:100%!important;
  height:100%!important;
}

/* Premium films: variable-height media without face cropping. */
.home-video-rail{
  display:flex!important;
  align-items:flex-start!important;
  gap:var(--cliip-card-gap)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0!important;
  scroll-snap-type:x mandatory!important;
}
.home-video-card{
  flex:0 0 calc((100% - (var(--cliip-card-gap) * 3)) / 4)!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  align-self:start!important;
  scroll-snap-align:start!important;
  border-radius:var(--cliip-card-radius)!important;
  overflow:hidden!important;
}
.home-video-frame{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:var(--cliip-media-ratio,9/16)!important;
}
.home-video-frame video{width:100%!important;height:100%!important}

/* Library and legacy galleries share one predictable 5-column rhythm. */
.market-library__grid,
.home-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  grid-auto-rows:4px!important;
  align-items:start!important;
  width:100%!important;
  height:auto!important;
  overflow:visible!important;
  gap:var(--cliip-card-gap)!important;
}
.market-library__grid .home-gallery-card,
.home-gallery-grid .home-gallery-card,
.home-gallery-card.is-feature,
.home-gallery-card.is-featured,
.home-gallery-card.is-large,
.home-gallery-card.is-wide,
.home-gallery-card.is-landscape,
.home-gallery-card.is-tall,
.home-gallery-card.is-portrait{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  aspect-ratio:var(--cliip-media-ratio,4/5)!important;
  break-inside:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  border-radius:var(--cliip-card-radius)!important;
  overflow:hidden!important;
}
.home-gallery-media,
.market-library__grid .home-gallery-media{position:absolute!important;inset:0!important}
.home-gallery-media img,.home-gallery-media video{width:100%!important;height:100%!important}

/* Image and Video sample cards no longer force every source into one landscape box. */
.page-sample-track{align-items:flex-start!important}
.page-sample-card{height:auto!important;align-self:flex-start!important}
.page-sample-media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:var(--cliip-media-ratio,4/5)!important;
}
.page-sample-media img,.page-sample-media video{width:100%!important;height:100%!important}

/* One shared workspace system for Image AI and Video AI. */
body.ai-console-body[data-active-tab="image"] .ai-console-workspace,
body.ai-console-body[data-active-tab="video"] .ai-console-workspace{
  box-sizing:border-box!important;
  width:min(var(--cliip-content-max),calc(100vw - (var(--cliip-page-gutter) * 2)))!important;
  max-width:var(--cliip-content-max)!important;
  margin:0 auto!important;
  padding:24px 0 80px!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:24px 32px!important;
}
body.ai-console-body[data-active-tab="image"] .ai-page-sample-banner[data-sample-panel="image"],
body.ai-console-body[data-active-tab="video"] .ai-page-sample-banner[data-sample-panel="video"],
body.ai-console-body[data-active-tab="image"] .image-options-bar,
body.ai-console-body[data-active-tab="video"] .video-settings-bar{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid var(--cliip-border)!important;
  border-radius:var(--cliip-panel-radius)!important;
  background:#fff!important;
  box-shadow:0 14px 40px rgba(23,42,61,.06)!important;
}
body.ai-console-body[data-active-tab="image"] .ai-console-panel,
body.ai-console-body[data-active-tab="video"] .ai-console-panel,
body.ai-console-body[data-active-tab="image"] .ai-console-main-section[data-ai-main="image"],
body.ai-console-body[data-active-tab="video"] .ai-console-main-section[data-ai-main="video"]{
  box-sizing:border-box!important;
  border:1px solid var(--cliip-border)!important;
  border-radius:var(--cliip-panel-radius)!important;
  background:#fff!important;
  box-shadow:0 14px 40px rgba(23,42,61,.06)!important;
}
body.ai-console-body[data-active-tab="image"] #image-generation,
body.ai-console-body[data-active-tab="video"] #video-generation{
  padding:24px!important;
}
body.ai-console-body[data-active-tab="image"] #image-generation .ai-console-panel-head,
body.ai-console-body[data-active-tab="video"] #video-generation .ai-console-panel-head{
  min-height:150px!important;
  margin:0 0 20px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid var(--cliip-border)!important;
}
body.ai-console-body[data-active-tab="image"] #image-generation textarea,
body.ai-console-body[data-active-tab="video"] #video-generation textarea{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:132px!important;
  height:132px!important;
}
body.ai-console-body[data-active-tab="image"] .image-panel-actions,
body.ai-console-body[data-active-tab="video"] .video-control-compose{
  display:grid!important;
  gap:14px!important;
}
body.ai-console-body[data-active-tab="image"] #image-generation .ai-console-primary,
body.ai-console-body[data-active-tab="video"] #video-generation .ai-console-primary{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:54px!important;
  border-radius:12px!important;
}

/* Desktop floating rail is removed. Mobile keeps only the independent TOP control. */
.home-floating-nav{display:none!important}
.home-floating-nav-mobile-top{z-index:40!important}

@media(max-width:1180px){
  .cinematic-film-grid,.cinematic-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-video-card{flex-basis:calc((100% - (var(--cliip-card-gap) * 2)) / 3)!important}
  .market-library__grid,.home-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.ai-console-body[data-active-tab="home"] .home-video-head,
  body.ai-console-body[data-active-tab="home"] .market-library__head,
  body.ai-console-body[data-active-tab="home"] .home-gallery-head{grid-template-columns:1fr!important;gap:14px!important}
  body.ai-console-body[data-active-tab="home"] .home-video-head p,
  body.ai-console-body[data-active-tab="home"] .market-library__head p,
  body.ai-console-body[data-active-tab="home"] .home-gallery-head p{justify-self:start!important}
  .cinematic-film-grid,.cinematic-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-video-card{flex-basis:calc((100% - var(--cliip-card-gap)) / 2)!important}
  .market-library__grid,.home-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.ai-console-body[data-active-tab="image"] .ai-console-workspace,
  body.ai-console-body[data-active-tab="video"] .ai-console-workspace{grid-template-columns:1fr!important;gap:18px!important}
  body.ai-console-body[data-active-tab="image"] .ai-console-panel,
  body.ai-console-body[data-active-tab="video"] .ai-console-panel{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
}
@media(max-width:640px){
  :root{--cliip-page-gutter:12px;--cliip-card-radius:15px}
  body.ai-console-body[data-active-tab="home"] .market-hero__inner,
  body.ai-console-body[data-active-tab="home"] .home-showcase{
    width:calc(100% - 24px)!important;
  }
  body.ai-console-body[data-active-tab="home"] .home-showcase{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.ai-console-body[data-active-tab="home"] .home-showcase > .home-video-section,
  body.ai-console-body[data-active-tab="home"] .home-showcase > .market-library-section,
  body.ai-console-body[data-active-tab="home"] .home-showcase > [data-home-category-gallery],
  body.ai-console-body[data-active-tab="home"] [data-home-category-gallery] > .home-gallery-section{
    width:100%!important;
  }
  html body.ai-console-body[data-active-tab="home"] main.ai-console-shell > .home-showcase > .home-video-section,
  html body.ai-console-body[data-active-tab="home"] main.ai-console-shell > .home-showcase > .market-library-section,
  html body.ai-console-body[data-active-tab="home"] main.ai-console-shell > .home-showcase > [data-home-category-gallery] > .home-gallery-section{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.ai-console-body[data-active-tab="home"] .home-video-section,
  body.ai-console-body[data-active-tab="home"] .market-library-section,
  body.ai-console-body[data-active-tab="home"] [data-home-category-gallery] > .home-gallery-section{padding:22px 12px!important}
  .cinematic-film-grid,.cinematic-image-grid{grid-template-columns:1fr!important}
  .home-video-card{flex-basis:92%!important}
  .market-library__grid,.home-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ai-console-body[data-active-tab="image"] #image-generation,
  body.ai-console-body[data-active-tab="video"] #video-generation{padding:18px!important}
  body.ai-console-body[data-active-tab="image"] #image-generation .ai-console-panel-head,
  body.ai-console-body[data-active-tab="video"] #video-generation .ai-console-panel-head{min-height:0!important}
}