[data-hub-creator-panel] [data-creator-card]{background:0 0;border:0;border-radius:0;padding:0}[data-hub-creator-panel] [data-photo-slots]{flex-direction:column;gap:.625rem;max-width:none;display:flex}[data-hub-creator-panel] [data-photo-separator]{display:none}[data-hub-creator-panel] [data-photo-slot]{border:1px solid var(--border);border-radius:.75rem;grid-template-rows:1fr 1fr;grid-template-columns:3.5rem minmax(0,1fr);column-gap:.875rem;width:100%;padding:.5rem;display:grid}[data-hub-creator-panel] [data-photo-slot]>p{grid-area:1/2;align-self:end;margin:0 0 .25rem;font-size:.875rem}[data-hub-creator-panel] [data-photo-preview]{aspect-ratio:1;border-color:var(--border);background:var(--muted);grid-area:1/1/span 2;min-height:0}[data-hub-creator-panel] [data-photo-preview]>span{display:none}[data-hub-creator-panel] [data-photo-preview]>span:has(svg){display:flex}[data-hub-creator-panel] [data-photo-action]{grid-area:2/2;align-self:start;align-items:center;width:fit-content;min-height:2.75rem;display:flex}[data-hub-creator-panel] [data-photo-slot]>button{width:2.75rem;height:2.75rem;inset:.25rem .25rem auto auto}[data-hub-creator-panel] [data-photo-slot]:has(>button)>p{padding-right:2.75rem}[data-hub-creator-panel] fieldset>legend{color:var(--muted-foreground);font-size:.75rem}[data-hub-creator-panel] [data-generation-settings]>legend{color:var(--foreground);margin-bottom:.5rem;font-size:.875rem}[data-hub-creator-panel] [data-generation-settings]{margin-top:.75rem;padding-top:.75rem}[data-hub-creator-panel] [data-hub-photo-requirements]{border:0;margin-top:.5rem;padding-top:0}[data-hub-creator-panel] fieldset>div:has(>button[aria-pressed]){background:var(--muted);border-radius:.75rem;gap:.25rem;padding:.25rem}[data-hub-creator-panel] fieldset>div>button[aria-pressed]{min-height:2.75rem;box-shadow:none;border-color:#0000;border-radius:.5rem;padding:.5rem}[data-hub-creator-panel] fieldset>div>button[aria-pressed=true]{background:var(--card);color:var(--card-foreground);border-color:var(--border);box-shadow:0 1px 3px #1111130a}[data-hub-creator-panel] button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-hub-creator-panel] [data-mobile-creation-action]{border-top:1px solid var(--border)}@media (width>=1024px){[data-hub-creator-panel] [data-mobile-creation-action]{padding-top:1rem}}.hub-creator-sheet{width:100%;color:var(--foreground);margin:0}.hub-creator-launcher{z-index:35;padding:12px 16px max(12px, env(safe-area-inset-bottom));background:var(--background);border-top:1px solid var(--border);position:fixed;inset:auto 0 0}@media (width<=1023px){.hub-creator-sheet{overscroll-behavior:contain;max-width:none;max-height:88dvh;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto}.hub-creator-sheet [data-mobile-creation-action]{margin:16px -16px -16px;position:sticky;bottom:-16px}.hub-creation-layout{padding-bottom:80px;position:relative}.hub-creation-reference figure>div{background:#070709;border-radius:0;align-items:center;min-height:min(72dvh,700px)}.hub-creation-reference figure>div>:is(div,img){width:100%;max-width:none}.hub-creation-reference figure video{object-fit:contain;max-height:72dvh}.hub-creation-heading{padding:12px 0}.hub-creation-reference figure>figcaption{padding:0 4px}}@media (width>=1024px){.hub-creator-sheet{max-width:none;max-height:none;position:static;overflow:visible}}@media (width<=1023px){.hub-creator-host[data-sheet-open=false] [data-slot=drawer-viewport],.hub-creator-host[data-sheet-open=false] [data-slot=drawer-overlay]{display:none}}@media (width>=1024px){.hub-creator-host [data-slot=drawer-viewport]{z-index:auto;position:static;inset:auto}.hub-creator-sheet{width:100%;height:auto;max-height:none;transform:none}.hub-creator-sheet [data-slot=drawer-content],.hub-creator-sheet [data-slot=drawer-content]>div{overflow:visible}}@media (width<=1023px){.hub-creation-layout{margin-inline:-1rem}.hub-creation-layout[data-mobile-preview-overlay]{row-gap:0}.hub-creation-layout[data-mobile-preview-overlay]>.hub-creation-heading{inset-inline:0;top:var(--hub-preview-bottom,72dvh);z-index:2;padding:64px 20px calc(20px + var(--hub-creator-launcher-height,5rem));color:#fff;pointer-events:none;background:linear-gradient(#0000,#000000e0);position:absolute;transform:translateY(-100%)}.hub-creation-layout[data-mobile-preview-overlay]>.hub-creation-heading>p{color:#fffc}.hub-creation-layout[data-mobile-preview-overlay]>.hub-creation-heading>p:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hub-creation-layout{grid-template-columns:minmax(0,1fr)}.hub-creation-reference{width:100%;max-width:100%}.hub-creation-reference figure>div{isolation:isolate;height:min(62dvh,700px);min-height:0;position:relative}.hub-creation-reference figure>div>:is(div,img){width:100%;height:100%}.hub-creation-reference .hub-preview-frame:before{content:"";z-index:-1;background-image:var(--hub-preview-backdrop);filter:blur(24px);opacity:.5;background-position:50%;background-size:cover;position:absolute;inset:-24px}}.hub-creation-layout{grid-template-areas:"heading""reference""creator";align-items:start;gap:1rem;display:grid}.hub-creation-heading{grid-area:heading;min-width:0}.hub-creation-heading>p:first-child{margin-bottom:.25rem;font-size:.75rem}.hub-creation-heading h1{font-size:1.375rem;line-height:1.25}.hub-creation-heading>p:last-child{margin-top:.5rem;font-size:.8125rem;line-height:1.6}.hub-creation-reference{grid-area:reference;min-width:0}.hub-creation-layout>[data-hub-creator-panel]{grid-area:creator;min-width:0}.hub-creation-reference [data-hub-preview-content] figure>div video{object-fit:contain}.hub-creation-reference [data-hub-preview-content] figure>figcaption{margin-top:.5rem;font-size:.75rem;line-height:1.5}.hub-creation-reference [data-hub-creation-preview]>div:first-child{margin-bottom:.5rem}.hub-creation-reference [data-hub-creation-preview]>div:first-child button{min-height:2.75rem}@media (width>=1024px){.hub-creation-layout{grid-template:"reference heading""reference creator"/minmax(0,1fr) 420px;gap:1rem 1.75rem}.hub-creation-heading h1{font-size:1.875rem}.hub-creation-heading>p:last-child{font-size:.875rem}.hub-creation-reference{position:sticky;top:5rem}.hub-creation-reference [data-hub-preview-content] figure>div{height:clamp(22rem,64dvh,44rem)}.hub-creation-reference [data-hub-preview-content] figure>div>:is(div,img){aspect-ratio:auto;object-fit:contain;width:100%;max-width:none;height:100%}.hub-creation-layout>[data-hub-creator-panel]{min-height:0}.hub-creation-layout [data-mobile-creation-action]{z-index:10;border-top:1px solid var(--border);background:var(--card);margin:1rem -1.25rem -1.25rem;padding:1rem 1.25rem 1.25rem;position:sticky;bottom:-1.25rem}}