@import url("/components/preset-workspace/preset-workspace.css?v=2&layout=20261026&repair=20261028-arabic");
.bikini-creator .sc-preset-workspace__grid,
.bikini-creator .sc-preset-workspace__dialog-grid { grid-auto-rows:max-content; align-items:start; }
.bikini-creator .sc-preset-workspace__card-image { flex:none; width:100%; aspect-ratio:2 / 3; }
.bikini-creator .sc-preset-workspace__card-name { overflow-wrap:anywhere; }
.bikini-creator [data-preset-selected-image] { width:calc(var(--sc-space-16) * 2 / 3); min-width:calc(var(--sc-space-16) * 2 / 3); height:var(--sc-space-16); object-fit:cover; }
@media(min-width:768px) {
 .bikini-creator .sc-preset-workspace { --sc-preset-input-height:clamp(24rem,46vw,32rem); }
 .bikini-creator .sc-preset-workspace__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.bikini-hero .use-case-hero__copy { text-align:center; margin-inline:auto; gap:var(--sc-space-3); }
.bikini-hero .use-case-hero__copy > p { margin-block:0; }
body.use-case-landing[data-use-case-page="ai-bikini-generator"] .bikini-hero .use-case-hero__copy { width:100%; max-width:72rem; }
body.use-case-landing[data-use-case-page="ai-bikini-generator"] .bikini-hero .use-case-hero__copy .sc-title-display { max-width:72rem; font-size:clamp(2rem,3.1vw,2.75rem); margin-inline:auto; text-wrap:balance; }
body.use-case-landing[data-use-case-page="ai-bikini-generator"] .bikini-hero .use-case-hero__copy .sc-lede { width:100%; max-width:52rem; margin-inline:auto; text-wrap:balance; }
.bikini-creator { width:100%; min-width:0; max-width:var(--sc-container); margin-inline:auto; scroll-margin-top:6rem; }
.bikini-creator [hidden] { display:none!important; }
.bikini-mode { display:flex; gap:var(--sc-space-2); margin-bottom:var(--sc-space-4); }
.bikini-mode [role=tab] { flex:1; min-width:0; white-space:normal; }
.bikini-creator .bikini-mode .sc-button[aria-selected=true] { border-color:var(--sc-color-brand-600); background:var(--sc-color-brand-600); color:var(--sc-color-on-brand); }
.bikini-video { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); gap:var(--sc-space-6); padding:var(--sc-space-6); }
.bikini-video__reference, .bikini-video__composer { display:flex; flex-direction:column; gap:var(--sc-space-3); min-width:0; }
.bikini-video__label { margin:0; }
.bikini-video__reference > .sc-help { margin:0; overflow-wrap:anywhere; }
.bikini-video__upload { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:var(--sc-space-3); min-height:18rem; width:100%; border:1px dashed var(--sc-color-border-strong); border-radius:var(--sc-radius-lg); background:var(--sc-color-surface-muted); color:var(--sc-color-ink); cursor:pointer; padding:var(--sc-space-4); }
.bikini-video__upload:hover { border-color:var(--sc-color-brand-600); }
.bikini-video__upload:focus-visible { outline:2px solid var(--sc-color-focus); outline-offset:3px; }
.bikini-video__plus { display:grid; place-items:center; width:3rem; height:3rem; border:1px solid var(--sc-color-border-strong); border-radius:var(--sc-radius-md); color:var(--sc-color-muted); font-size:2rem; line-height:1; }
.bikini-video__upload small { color:var(--sc-color-muted); }
.bikini-video__upload img { display:block; max-height:20rem; max-width:100%; object-fit:contain; border-radius:var(--sc-radius-md); }
.bikini-video__upload:has(img:not([hidden])) > span, .bikini-video__upload:has(img:not([hidden])) > small { display:none; }
.bikini-video__settings { display:flex; align-items:center; flex-wrap:wrap; gap:var(--sc-space-2); }
.bikini-video__settings > label { min-width:0; }
.bikini-video__settings > label:first-child { flex:1; }
.bikini-video__settings .model-picker { width:100%; }
.bikini-video__settings .model-picker__trigger { min-height:var(--sc-control-height); font-size:var(--sc-font-size-sm); }
.bikini-video__action { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--sc-space-4); }
.bikini-video__summary { display:grid; gap:var(--sc-space-1); }
.bikini-video__summary [data-bikini-video-cost] { color:var(--sc-color-ink); font-weight:600; }
.bikini-video__summary p { margin:0; }
.bikini-video [data-bikini-video-status], .bikini-video [data-bikini-video-retry] { grid-column:1 / -1; }
#bikiniVideoPrompt { resize:vertical; width:100%; min-height:15rem; flex:1; font-size:var(--sc-font-size-sm); line-height:1.65; }
@media(max-width:767px) {
 .bikini-hero .use-case-hero__inner { display:flex; flex-direction:column; }
 .bikini-hero .bikini-creator { order:0; }
 .bikini-hero .use-case-hero__copy { order:1; margin-top:var(--sc-space-6); }
 .bikini-video { grid-template-columns:minmax(0,1fr); padding:var(--sc-space-4); gap:var(--sc-space-5); }
 .bikini-video__upload { min-height:12rem; }
 .bikini-video__settings > label:first-child { flex-basis:100%; }
 .bikini-video__action { align-items:stretch; flex-direction:column; }
}
.bikini-upload-formats { color:var(--sc-color-muted); font-size:var(--sc-font-size-sm); }
.bikini-creator [data-workspace-reference-help] { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; }