.bd-page{--th-trend:var(--th-babydoll);--bd-width:1240px}.bd-generator{padding-block:64px 88px;scroll-margin-top:88px}.bd-workbench{width:min(var(--bd-width), 90%);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"intro tool""sample tool";align-items:start;gap:32px 56px;margin-inline:auto;display:grid}.bd-intro{grid-area:intro;min-width:0}.bd-intro .hl-display{font:700 clamp(48px, 5.3vw, 80px)/.99 var(--th-display);letter-spacing:-.04em;margin:0}.bd-intro .hl-display>span{color:var(--th-accent);display:block}.bd-intro .hl-hero-description{max-width:46ch;color:var(--th-muted);margin:24px 0;font-size:18px;line-height:1.65}.bd-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bd-tags li{border:1px solid var(--th-line);background:var(--th-card);color:var(--th-fg);border-radius:999px;padding:6px 12px;font-size:13px;line-height:1.3}.bd-tool{border:1px solid var(--th-line);background:var(--th-card);border-radius:20px;grid-area:tool;min-width:0;overflow:hidden}.bd-composer{min-width:0;padding:20px 24px 24px}.bd-upload-row{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:24px;display:grid}.bd-photo{position:relative}.bd-upload{aspect-ratio:1;border:1px dashed var(--th-muted);border-radius:var(--th-radius-sm);background:var(--th-card);width:100%;color:var(--th-fg);font:inherit;cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.bd-upload strong{font-size:13px;line-height:1.25}.bd-upload small{display:none}.bd-upload:hover:not(:disabled){border-color:var(--th-accent);background:var(--th-raised)}.bd-upload img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bd-role h2{font:700 24px/1.15 var(--th-display);letter-spacing:-.02em;margin:0 0 8px}.bd-role p{max-width:34ch;color:var(--th-muted);margin:0;font-size:14px;line-height:1.6}.bd-upload-state{color:var(--th-muted);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.bd-upload-state svg{color:var(--th-accent);flex:none}.bd-remove{background:var(--th-card);width:44px;height:44px;color:var(--th-fg);cursor:pointer;border:0;border-radius:12px 0;place-items:center;padding:0;display:grid;position:absolute;bottom:0;right:0}.bd-quality{margin-bottom:20px}.bd-quality .hl-setting-label{margin-bottom:10px}.bd-consent{color:var(--th-muted);cursor:pointer;align-items:start;gap:10px;margin-top:0;font-size:12px;line-height:1.65;display:flex}.bd-consent input{width:16px;height:16px;accent-color:var(--th-accent);flex:none;margin-top:2px}.bd-policy{margin:4px 0 18px 26px;font-size:12px}.bd-policy a{color:var(--th-muted);text-underline-offset:3px;text-decoration:underline}.bd-policy a:hover{color:var(--th-accent)}.bd-generate{border:0;width:100%;min-height:52px;font-size:15px}.bd-generate:disabled{opacity:.5;cursor:not-allowed}.bd-upload:disabled,.bd-remove:disabled{cursor:not-allowed;opacity:.6}.bd-page :is(button,a,summary,input):focus-visible{outline:2px solid var(--th-accent);outline-offset:5px}.bd-showcase{grid-area:sample;min-width:0;max-width:520px}.bd-preview{width:100%;margin:0}.bd-cover-frame{background:var(--th-sticker);box-shadow:6px 8px 0 var(--th-trend);border-radius:18px;padding:6px;position:relative;transform:rotate(-1deg)}.bd-cover-frame .hl-take-preview-video{aspect-ratio:9/16;object-fit:cover;background:var(--th-card);border-radius:12px;width:100%;height:auto;display:block}.bd-preview figcaption{color:var(--th-muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:18px;font-size:11px;line-height:1.6;display:flex}.bd-preview figcaption span:first-child{color:var(--th-fg)}.bd-results{width:min(var(--bd-width), 90%);margin:48px auto 0}.bd-results .hl-result-list{margin-top:24px}.bd-disclaimer{width:min(760px,90%);color:var(--th-muted);text-align:center;margin:24px auto 48px;font-size:12px;line-height:1.75}@media (width>=801px){.bd-intro{animation:.7s cubic-bezier(.16,1,.3,1) both bd-arrive}.bd-showcase{animation:.85s cubic-bezier(.16,1,.3,1) both bd-arrive}}@keyframes bd-arrive{0%{transform:translateY(12px)}to{transform:translateY(0)}}@media (width<=1100px){.bd-workbench{gap:24px 40px}.bd-generator{padding-block:48px 72px}.bd-intro .hl-display{font-size:clamp(48px,6vw,68px)}}@media (width<=800px){.bd-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""tool""sample";gap:24px}.bd-generator{padding-block:32px 56px}.bd-intro .hl-display{font-size:clamp(43px,8.5vw,66px)}.bd-intro .hl-hero-description{max-width:48ch;margin-block:20px;font-size:16px;line-height:1.65}.bd-composer{padding-top:24px}.bd-role p{max-width:40ch}.bd-showcase{justify-self:center;width:min(460px,94%);margin-top:24px;padding:0 8px}.bd-preview figcaption{margin-top:24px}}@media (width<=600px){.bd-upload-row{grid-template-columns:96px minmax(0,1fr);gap:16px}.bd-role h2{font-size:22px}.bd-role p{font-size:13px}.bd-showcase{width:94%}.bd-tags li{font-size:12px}}@media (prefers-reduced-motion:reduce){.bd-intro,.bd-showcase{animation:none}.bd-upload{transition:none}}.bd-upload[data-state=error]{border-color:var(--th-danger)}.bd-upload[data-state=error] small{font-size:11px;line-height:1.3;display:block}.bd-upload[data-state=error] strong{color:var(--th-danger)}.bd-upload[data-state=uploaded]{border-style:solid;border-color:var(--th-line)}.bd-change{background:var(--th-card);color:var(--th-fg);border-radius:0 12px 0 0;padding:6px 10px;font-size:12px;position:absolute;bottom:0;left:0}.bd-preview figcaption{font-size:12px}.bd-casting-stage{aspect-ratio:5/4;background:var(--th-card);width:100%;position:relative;overflow:hidden}.bd-casting-background{object-fit:cover;object-position:center 62%;width:100%;height:100%;position:absolute;inset:0}.bd-casting-slots{grid-template-columns:.85fr 1.1fr .85fr;align-items:start;gap:10px;display:grid;position:absolute;inset:16% 6% 8%}.bd-cast-slot{min-width:0;position:relative}.bd-cast-slot.is-center{margin-top:36px}.bd-cast-label{color:#fff;width:fit-content;max-width:100%;font:700 13px/1.3 var(--th-display);text-align:center;background:oklch(14% .004 80/.82);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:2px 6px;margin:0 auto 8px;padding:4px 10px;display:flex}.bd-cast-label span{color:var(--th-muted);font:500 11px/1.4 var(--th-body)}.bd-cast-photo{position:relative}.bd-cast-slot .bd-upload{aspect-ratio:3/4;border:2px solid var(--th-accent);background:var(--th-card);gap:8px;padding:10px}.bd-cast-slot.is-optional .bd-upload{border:1px dashed var(--th-sticker);background:oklch(19% .006 80/.84)}.bd-cast-slot.is-optional .bd-upload strong{color:var(--th-muted);font-size:12px}.bd-cast-slot .bd-upload small{color:var(--th-muted);font-size:11px;line-height:1.3;display:block}.bd-cast-slot .bd-upload[data-state=error]{border-color:var(--th-danger)}.bd-cast-slot .bd-upload[data-state=uploaded]{border-style:solid}.bd-cast-slot .bd-upload img{object-position:center 30%}@media (width<=800px){.bd-tool,.bd-showcase{justify-self:center;width:min(560px,100%)}.bd-casting-slots{gap:8px}}@media (width<=380px){.bd-cast-label{font-size:14px}.bd-cast-slot .bd-upload{gap:6px;padding:6px}.bd-cast-slot .bd-upload small{font-size:10px}.bd-cast-slot .bd-upload svg{width:20px}}@media (width<=600px){.bd-cast-label{font-size:12px}.bd-cast-label span{font-size:10px}.bd-casting-stage{aspect-ratio:1}.bd-casting-slots{gap:6px;inset:10% 3% 6%}.bd-cast-label{padding:3px 8px}}.bd-workbench{grid-template-columns:minmax(0,640px) minmax(240px,340px);grid-template-areas:"intro intro""tool sample";justify-content:center;gap:40px 48px}.bd-intro{text-align:center}.bd-intro .hl-display{font-size:clamp(44px,5vw,76px)}.bd-intro .hl-display>span{display:inline}.bd-intro .hl-hero-description{max-width:56ch;margin-inline:auto}.bd-tags{justify-content:center}.bd-showcase{align-self:center;max-width:none}.bd-cover-frame{transform:rotate(1.5deg)}@media (width<=1000px){.bd-workbench{grid-template-columns:minmax(0,1fr) minmax(200px,260px);gap:32px 28px}}@media (width<=800px){.bd-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""sample""tool";gap:24px}.bd-intro .hl-display>span{display:block}.bd-showcase{justify-self:center;width:min(280px,80%)}}body:has(.hl-site-babydoll) .hl-auth-split-video-el{object-position:50% 68%}@media (width<=767px){body:has(.hl-site-babydoll) .hl-auth-split-video-el{object-position:50% 42%}}.bd-card-grid{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0 0;display:grid}.bd-card-grid>*{border:1px solid var(--th-line);border-radius:var(--th-radius);background:var(--th-card);margin:0;padding:24px}.bd-card-grid :is(h3,dt){font:700 20px/1.3 var(--th-display);margin:0 0 8px}.bd-card-grid :is(p,dd){color:var(--th-muted);margin:0;line-height:1.6}.bd-trend-layout{text-align:left;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:clamp(28px,5vw,64px);max-width:1040px;margin:40px auto 0;display:grid}.bd-trend-layout p{color:var(--th-muted);margin:0 0 16px;line-height:1.7}.bd-trend-video{margin:0}.bd-trend-video iframe{aspect-ratio:9/16;background:var(--th-raised);border:0;border-radius:18px;width:100%;display:block}.bd-trend-video figcaption{color:var(--th-faint);text-align:center;margin-top:10px;font-size:12px}@media (width<=1000px){.bd-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.bd-card-grid,.bd-trend-layout{grid-template-columns:minmax(0,1fr)}.bd-trend-video{justify-self:center;width:min(300px,100%)}}
