.generator-composer-module___kwFya__dockArea{inset-inline:0 14px;z-index:1;pointer-events:none;padding:10px 32px 14px;position:absolute;bottom:0}.generator-composer-module___kwFya__composerLayout[data-slot=tabs]{pointer-events:auto;flex-direction:row;align-items:flex-end;gap:10px;max-width:1060px;margin-inline:auto;display:flex}.generator-composer-module___kwFya__composerBody{flex:1;min-width:0}.generator-composer-module___kwFya__modeRailSlot{flex:0 0 112px;align-self:flex-end;height:88px;position:relative}.generator-composer-module___kwFya__modeRailSurface[data-beam]{inset-inline-end:0;border-radius:22px;width:48px;transition:width .2s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0}.generator-composer-module___kwFya__modeRail[data-slot=tabs-list]{border:1px solid var(--border);border-radius:inherit;background:var(--card);flex-direction:column;flex-shrink:0;gap:2px;width:100%;padding:4px;box-shadow:0 10px 15px -3px #0000000d}.generator-composer-module___kwFya__modeRail [data-slot=tab-indicator]{display:none}.generator-composer-module___kwFya__modeIndicator{z-index:0;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 14%, var(--card)), color-mix(in srgb, var(--primary) 6%, var(--card)));border-radius:15px;position:absolute;top:0;left:0}.generator-composer-module___kwFya__modeTab[data-slot=tabs-tab]{z-index:1;width:100%;min-height:38px;color:var(--muted-foreground);border-radius:15px;flex:none;justify-content:center;gap:0;padding:8px 10px;font-size:12px;line-height:18px}.generator-composer-module___kwFya__modeLabel{z-index:1;text-overflow:ellipsis;text-align:center;opacity:0;transition:opacity .14s,translate .2s;position:absolute;inset-inline:8px 32px;overflow:hidden;translate:4px}@media (min-width:768px){.generator-composer-module___kwFya__modeRailSurface:has(:focus-visible){width:112px}.generator-composer-module___kwFya__modeRailSurface:has(:focus-visible) .generator-composer-module___kwFya__modeLabel{opacity:1;translate:0}}@media (min-width:768px) and (hover:hover){.generator-composer-module___kwFya__modeRailSurface:hover{width:112px}.generator-composer-module___kwFya__modeRailSurface:hover .generator-composer-module___kwFya__modeLabel{opacity:1;transition-delay:.1s;translate:0}}.generator-composer-module___kwFya__modeTab[data-active]{color:var(--foreground);text-shadow:none}.generator-composer-module___kwFya__modeTab[data-active] .generator-composer-module___kwFya__modeLabel{background:linear-gradient(90deg, var(--foreground) 0%, var(--primary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.generator-composer-module___kwFya__modeRail:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .generator-composer-module___kwFya__modeTab[data-active] .generator-composer-module___kwFya__modeLabel{background-image:linear-gradient(-90deg, var(--foreground) 0%, var(--primary) 100%)}.generator-composer-module___kwFya__modeTab:not([data-active]):hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 8%, transparent)}.generator-composer-module___kwFya__modeTab[data-slot=tabs-tab] svg{z-index:1;width:16px;height:16px;color:inherit;opacity:1;margin-inline:0;position:absolute;inset-inline-end:10px}@media (max-width:767px){.generator-composer-module___kwFya__dockArea{padding:8px 12px max(12px, env(safe-area-inset-bottom));inset-inline:0}.generator-composer-module___kwFya__composerLayout[data-slot=tabs]{flex-direction:column;align-items:stretch;gap:8px}.generator-composer-module___kwFya__modeRailSlot{flex:none;align-self:flex-end;width:auto;height:auto}.generator-composer-module___kwFya__modeRailSurface[data-beam]{border-radius:18px;width:auto;position:relative}.generator-composer-module___kwFya__modeRail[data-slot=tabs-list]{border-radius:18px;flex-direction:row;align-self:flex-start;gap:4px;width:auto;padding:4px}.generator-composer-module___kwFya__modeTab[data-slot=tabs-tab]{border-radius:14px;width:auto;min-width:44px;min-height:44px;padding:10px}.generator-composer-module___kwFya__modeTab[data-slot=tabs-tab] svg{position:static}.generator-composer-module___kwFya__modeIndicator{border-radius:14px}}@media (prefers-reduced-motion:reduce){.generator-composer-module___kwFya__modeRailSurface,.generator-composer-module___kwFya__modeLabel{transition:none}}
.generator-button-module__Y4mEKW__generateButton[data-slot=button]{height:34px;color:var(--primary-foreground);background:linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 94%, #fff));box-shadow:0 4px 0 color-mix(in srgb, var(--primary) 62%, #000);border:0;border-radius:9999px;padding-inline:12px;font-size:14px;font-weight:500;transition:filter .16s,box-shadow .16s,translate .16s,opacity .16s}.generator-button-module__Y4mEKW__generateButton[data-slot=button]:enabled:hover{filter:brightness(1.06);translate:0 -1px}.generator-button-module__Y4mEKW__generateButton[data-slot=button]:enabled:active{filter:brightness(.98);box-shadow:0 1px 0 color-mix(in srgb, var(--primary) 62%, #000);translate:0 3px}.generator-button-module__Y4mEKW__generateButton[data-slot=button]:disabled{opacity:.85}.generator-button-module__Y4mEKW__generateButton[data-slot=button][data-pending]{opacity:1;filter:none}.generator-button-module__Y4mEKW__generateButton[data-slot=button]:focus-visible{outline:2px solid var(--ring);outline-offset:5px}.generator-button-module__Y4mEKW__recreateButton{}.generator-button-module__Y4mEKW__recreateButton.generator-button-module__Y4mEKW__generateButton[data-slot=button]{width:100%;height:44px;padding-inline:20px}@media (max-width:639px){.generator-button-module__Y4mEKW__generateButton[data-slot=button]{height:38px;font-size:16px}}@media (prefers-reduced-motion:reduce){.generator-button-module__Y4mEKW__generateButton[data-slot=button]{transition:none}.generator-button-module__Y4mEKW__generateButton[data-slot=button]:enabled:hover,.generator-button-module__Y4mEKW__generateButton[data-slot=button]:enabled:active{translate:none}}
.generator-upload-module__3uRPmG__area{width:100%;min-width:0;container-type:inline-size}.generator-upload-module__3uRPmG__tile,.generator-upload-module__3uRPmG__tile[data-slot=button]{aspect-ratio:1;flex-shrink:0;width:clamp(3.5rem,10cqw,4.5rem);height:auto}.generator-upload-module__3uRPmG__swap[data-slot=button]{margin-top:calc(clamp(3.5rem,10cqw,4.5rem)/2 - 1rem)}.generator-upload-module__3uRPmG__upload[data-slot=button]{border:1px dashed color-mix(in srgb, var(--foreground) 30%, transparent);background:var(--muted);flex-shrink:0;width:auto;min-width:clamp(3.5rem,10cqw,4.5rem);height:clamp(3.5rem,10cqw,4.5rem)}.generator-upload-module__3uRPmG__preview{position:absolute;inset:0}.generator-upload-module__3uRPmG__preview:after{content:"";border:1px solid color-mix(in srgb, var(--foreground) 25%, transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.generator-upload-module__3uRPmG__uploadIcons{align-items:center;display:flex}.generator-upload-module__3uRPmG__uploadIcon{aspect-ratio:1;border:1px solid var(--border);background:var(--muted);width:2rem;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;display:flex}.generator-upload-module__3uRPmG__uploadIcon+.generator-upload-module__3uRPmG__uploadIcon{margin-inline-start:-.375rem}@container (max-width:35.999rem){.generator-upload-module__3uRPmG__referenceArea .generator-upload-module__3uRPmG__tile,.generator-upload-module__3uRPmG__referenceArea .generator-upload-module__3uRPmG__upload[data-slot=button]{aspect-ratio:1;width:clamp(4.5rem,20cqw,5rem);min-width:0;height:auto}.generator-upload-module__3uRPmG__referenceArea .generator-upload-module__3uRPmG__upload[data-slot=button]{padding-inline:.25rem}.generator-upload-module__3uRPmG__referenceArea .generator-upload-module__3uRPmG__uploadIcon{width:1.5rem}}.generator-upload-module__3uRPmG__faceUpload{flex:0 0 5.625rem}
.generator-record-module__hEgOWq__card{isolation:isolate}.generator-record-module__hEgOWq__cutout{clip-path:polygon(0 0,calc(100% - 52px) 0,calc(100% - 52px) 52px,100% 52px,100% 100%,0 100%)}@supports (clip-path:shape(from 0 0, line to 100% 0, close)){.generator-record-module__hEgOWq__cutout{clip-path:shape(from 0 0, line to calc(100% - 68px) 0, curve to calc(100% - 52px) 16px with calc(100% - 52px) 0, line to calc(100% - 52px) 36px, curve to calc(100% - 36px) 52px with calc(100% - 52px) 52px, line to calc(100% - 16px) 52px, curve to 100% 68px with 100% 52px, line to 100% 100%, line to 0 100%, close)}}.generator-record-module__hEgOWq__image{object-fit:cover;transition:opacity .24s,transform .6s cubic-bezier(.2,.7,.2,1)}@media (max-width:639px){.generator-record-module__hEgOWq__singleImage{height:auto}.generator-record-module__hEgOWq__singleImage button{width:100%}.generator-record-module__hEgOWq__singleImage img{width:100%;height:auto}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.generator-record-module__hEgOWq__card:hover .generator-record-module__hEgOWq__image{transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.generator-record-module__hEgOWq__image{transition:none}}
.generator-pending-module__181bQG__panel{background:var(--muted);width:100%;height:100%;min-height:9rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 4%, transparent);place-items:center;display:grid}.generator-pending-module__181bQG__content{width:min(100%,22rem);min-width:0;color:var(--muted-foreground);overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.generator-pending-module__181bQG__artwork{pointer-events:none;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:relative}.generator-pending-module__181bQG__star{width:2rem;height:2rem;color:var(--foreground);animation:4s ease-in-out infinite generator-pending-module__181bQG__turn;position:relative}.generator-pending-module__181bQG__glow{background:radial-gradient(circle, color-mix(in srgb, var(--foreground) 8%, transparent), transparent 70%);border-radius:50%;width:5rem;height:5rem;animation:4s ease-in-out infinite generator-pending-module__181bQG__breathe;position:absolute}@keyframes generator-pending-module__181bQG__turn{0%,to{opacity:.55;transform:rotate(0)scale(.85)}50%{opacity:1;transform:rotate(90deg)scale(1.1)}}@keyframes generator-pending-module__181bQG__breathe{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.generator-pending-module__181bQG__star,.generator-pending-module__181bQG__glow{animation:none}}
.generator-example-card-module__bb7Pga__cover{--action-width:3.25rem;--action-height:3rem;--cutout-radius:1rem;--type-width:5rem;--type-height:2.25rem}.generator-example-card-module__bb7Pga__media{clip-path:polygon(0 0, calc(100% - var(--action-width)) 0, calc(100% - var(--action-width)) var(--action-height), 100% var(--action-height), 100% 100%, var(--type-width) 100%, var(--type-width) calc(100% - var(--type-height)), 0 calc(100% - var(--type-height)))}@supports (clip-path:shape(from 0 0, line to 100% 0, close)){.generator-example-card-module__bb7Pga__media{clip-path:shape(from 0 0, line to calc(100% - var(--action-width) - var(--cutout-radius)) 0, curve to calc(100% - var(--action-width)) var(--cutout-radius) with calc(100% - var(--action-width)) 0, line to calc(100% - var(--action-width)) calc(var(--action-height) - var(--cutout-radius)), curve to calc(100% - var(--action-width) + var(--cutout-radius)) var(--action-height) with calc(100% - var(--action-width)) var(--action-height), line to calc(100% - var(--cutout-radius)) var(--action-height), curve to 100% calc(var(--action-height) + var(--cutout-radius)) with 100% var(--action-height), line to 100% 100%, line to calc(var(--type-width) + var(--cutout-radius)) 100%, curve to var(--type-width) calc(100% - var(--cutout-radius)) with var(--type-width) 100%, line to var(--type-width) calc(100% - var(--type-height) + var(--cutout-radius)), curve to calc(var(--type-width) - var(--cutout-radius)) calc(100% - var(--type-height)) with var(--type-width) calc(100% - var(--type-height)), line to var(--cutout-radius) calc(100% - var(--type-height)), curve to 0 calc(100% - var(--type-height) - var(--cutout-radius)) with 0 calc(100% - var(--type-height)), line to 0 0, close)}}
