.creative-workspace{background:var(--background);min-height:100%}.workspace-pricing-promo{border:1px solid color-mix(in oklab, var(--primary) 8%, transparent);background:var(--secondary);width:100%;min-height:3.25rem;color:var(--primary);text-align:left;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.9375rem;font-weight:670;transition:border-color .16s,background-color .16s;display:flex}.workspace-pricing-promo:hover{border-color:color-mix(in oklab, var(--primary) 34%, transparent);background:var(--accent)}.workspace-pricing-promo:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.workspace-pricing-promo>svg{stroke-width:2px;flex:none;width:1.25rem;height:1.25rem}.workspace-pricing-promo strong{background:var(--primary);color:var(--primary-foreground);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:.2rem .45rem;font-size:.625rem;font-weight:720;line-height:1}.workspace-upgrade-button{background:var(--primary);min-height:2.5rem;color:var(--primary-foreground);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:760;transition:background-color .16s,transform .16s;display:inline-flex}.workspace-upgrade-button:hover{background:var(--primary);transform:translateY(-1px)}.workspace-upgrade-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.workspace-upgrade-button svg{stroke-width:2.4px;width:.9rem;height:.9rem}.workspace-subscription-dialog{border:1px solid var(--border);background:var(--background);width:min(56rem,100vw - 2rem);max-height:calc(100dvh - 2rem);box-shadow:0 2rem 7rem var(--brand-shadow);border-radius:1.5rem;gap:1.75rem;padding:clamp(1.25rem,3vw,2rem);overflow-y:auto;max-width:56rem!important}.workspace-subscription-dialog [data-slot=dialog-header]{gap:.65rem;max-width:36rem}.workspace-subscription-kicker{color:var(--primary);letter-spacing:.18em;text-transform:uppercase;font-size:.6875rem;font-weight:750}.workspace-subscription-dialog [data-slot=dialog-title]{color:var(--foreground);letter-spacing:-.055em;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:720;line-height:.98}.workspace-subscription-dialog [data-slot=dialog-description]{max-width:34rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.55}.workspace-subscription-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.workspace-subscription-card{border:1px solid var(--border);background:var(--card);border-radius:1rem;flex-direction:column;min-width:0;padding:1.1rem;display:flex}.workspace-subscription-card.is-featured{border-color:color-mix(in oklab, var(--primary) 58%, transparent);background:var(--secondary)}.workspace-subscription-card__heading{justify-content:space-between;align-items:flex-start;gap:.75rem;min-height:4.5rem;display:flex}.workspace-subscription-card__heading h3{color:var(--foreground);font-size:1rem;font-weight:680}.workspace-subscription-card__heading p{color:var(--muted-foreground);margin-top:.35rem;font-size:.75rem;line-height:1.4}.workspace-subscription-card__heading>span{background:color-mix(in oklab, var(--primary) 14%, transparent);color:var(--primary);white-space:nowrap;border-radius:999px;flex:none;padding:.25rem .45rem;font-size:.625rem;font-weight:700}.workspace-subscription-card__price{flex-wrap:wrap;align-items:baseline;gap:.25rem;margin-top:1.15rem;display:flex}.workspace-subscription-card__price strong{color:var(--foreground);letter-spacing:-.05em;font-size:2rem;font-weight:730;line-height:1}.workspace-subscription-card__price span,.workspace-subscription-card__price del,.workspace-subscription-card__note{color:var(--muted-foreground);font-size:.6875rem}.workspace-subscription-card__price del{width:100%;margin-top:.3rem}.workspace-subscription-card__note{min-height:2.25rem;margin-top:.3rem;line-height:1.4}.workspace-subscription-card ul{color:var(--muted-foreground);gap:.62rem;margin:1rem 0 1.25rem;font-size:.75rem;display:grid}.workspace-subscription-card li{align-items:flex-start;gap:.45rem;display:flex}.workspace-subscription-card li svg{width:.85rem;height:.85rem;color:var(--primary);flex:none;margin-top:.08rem}.workspace-subscription-card__action{background:var(--primary);width:100%;min-height:2.65rem;color:var(--primary-foreground);border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding:.65rem .75rem;font-size:.75rem;font-weight:720;display:flex}.workspace-subscription-card.is-featured .workspace-subscription-card__action{background:var(--primary);color:var(--primary-foreground)}.workspace-subscription-card__action:disabled{cursor:wait;opacity:.6}.workspace-subscription-card__action svg{width:.95rem;height:.95rem}.workspace-canvas{min-width:0;padding:clamp(1.5rem,3vw,3.25rem)}.workspace-generator-heading span,.workspace-section-heading>div>span,.workspace-recent-heading>div>span{color:var(--primary);letter-spacing:.18em;font-size:.6875rem;font-weight:750}.workspace-generator{isolation:isolate;position:relative}.workspace-generator:before{z-index:-1;content:"";background:radial-gradient(circle, color-mix(in oklab, var(--primary) 18%, transparent), transparent 68%);filter:blur(28px);border-radius:50%;height:24rem;display:none;position:absolute;inset:-4rem 8% auto}.workspace-generator-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.workspace-generator-heading>div{gap:.35rem;display:grid}.workspace-generator-heading strong{letter-spacing:-.035em;font-size:clamp(1.25rem,2vw,1.75rem)}.workspace-generator-heading p{max-width:39rem;color:var(--muted-foreground);margin-top:.2rem;font-size:.8125rem;line-height:1.5}.workspace-live-status{align-items:center;gap:.5rem;display:inline-flex;color:var(--muted-foreground)!important;letter-spacing:.08em!important}.workspace-live-status i{background:var(--primary);width:.45rem;height:.45rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 8%, transparent);border-radius:999px}.workspace-generator>div{max-width:none}.workspace-generator .generator-tabs,.workspace-generator .generator-composer{border-color:var(--border);background:color-mix(in oklab, var(--card) 68%, transparent);-webkit-backdrop-filter:blur(22px)saturate(130%)}.workspace-generator .generator-composer:focus-within{border-color:var(--border);box-shadow:inset 0 1px color-mix(in oklab, var(--card) 10%, transparent), 0 18px 56px var(--brand-shadow)}.workspace-generator .generator-composer textarea:focus-visible{box-shadow:none!important;--tw-ring-shadow:0 0 #0000!important;outline:none!important}.workspace-tools{margin-top:clamp(4.5rem,8vw,8rem)}.workspace-section-heading,.workspace-recent-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.workspace-section-heading h2{letter-spacing:-.045em;margin-top:.55rem;font-size:clamp(1.5rem,2.2vw,2.25rem);font-weight:680;line-height:1}.workspace-section-heading>a,.workspace-recent-heading>a{color:var(--muted-foreground);align-items:center;gap:.4rem;font-size:.8125rem;transition:color .18s;display:inline-flex}.workspace-section-heading>a:hover,.workspace-recent-heading>a:hover{color:var(--foreground)}.workspace-section-heading svg,.workspace-recent-heading svg{width:.9rem}.workspace-tool-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.5rem;display:grid}.workspace-tool-link{border-right:1px solid var(--border);grid-template-columns:1fr auto;align-content:space-between;gap:1rem;min-width:0;min-height:10.5rem;padding:1rem;transition:background-color .2s,color .2s;display:grid}.workspace-tool-link:last-child{border-right:0}.workspace-tool-link:hover{background:var(--accent)}.workspace-tool-index{color:var(--muted-foreground);letter-spacing:.14em;font-size:.6875rem}.workspace-tool-link:hover .workspace-tool-index{color:var(--muted-foreground)}.workspace-tool-icon{justify-content:center;justify-self:end;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.workspace-tool-icon svg,.workspace-tool-link>svg{flex:none;width:1.1rem;height:1.1rem;display:block}.workspace-tool-link strong{align-self:end;font-size:.9375rem}.workspace-tool-link>svg{color:var(--muted-foreground);place-self:end}.workspace-tool-link:hover>svg{color:var(--foreground)}.workspace-recent{border-top:1px solid var(--border);margin-top:clamp(2rem,4vw,3.5rem);padding-top:1.25rem}.workspace-recent-heading h2{letter-spacing:-.035em;margin-top:.35rem;font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:680;line-height:1.1}.workspace-recent-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.workspace-recent-image,.workspace-recent-skeleton{aspect-ratio:1;border:1px solid var(--border);background:color-mix(in oklab, var(--foreground) 4.5%, transparent);border-radius:.55rem;position:relative;overflow:hidden}.workspace-recent-skeleton{animation:1.8s ease-in-out infinite workspace-pulse}.workspace-recent-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.workspace-recent-image>span{color:#fff;opacity:0;background:linear-gradient(#0000,#000000c2);justify-content:space-between;align-items:center;gap:.4rem;padding:2rem .65rem .6rem;font-size:.75rem;font-weight:650;transition:opacity .2s;display:flex;position:absolute;inset:auto 0 0}.workspace-recent-image>span svg{width:.8rem;height:.8rem}.workspace-recent-image:hover img{filter:saturate(1.08);transform:scale(1.055)}.workspace-recent-image:hover>span,.workspace-recent-image:focus-visible>span{opacity:1}.workspace-save-note{color:var(--muted-foreground);align-items:center;gap:.45rem;margin-top:1rem;font-size:.8125rem;display:flex}.workspace-save-note svg{width:.95rem;height:.95rem;color:var(--primary)}.workspace-save-note a{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--primary) 55%, transparent);text-decoration-color:color-mix(in oklab, var(--primary) 55%, transparent);text-underline-offset:.18em}.workspace-credit-pill{border:1px solid var(--border);color:var(--foreground);background:color-mix(in oklab, var(--foreground) 4%, transparent);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.75rem;transition:border-color .18s,background-color .18s;display:inline-flex}.workspace-credit-pill:hover{border-color:color-mix(in oklab, var(--primary) 75%, transparent);background:color-mix(in oklab, var(--primary) 12%, transparent)}.workspace-credit-pill svg{width:.9rem;height:.9rem;color:var(--primary)}@keyframes workspace-pulse{50%{opacity:.45}}@media (width<=1180px){.workspace-recent-track{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-recent-image:nth-child(n+5),.workspace-recent-skeleton:nth-child(n+5){display:none}}@media (width<=900px){.workspace-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tool-link:nth-child(2){border-right:0}.workspace-tool-link:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (width<=760px){.workspace-subscription-grid{grid-template-columns:1fr}.workspace-canvas{padding:1.25rem}.workspace-recent-heading{align-items:start}.workspace-recent-heading>a{flex:none}.workspace-recent-track{overscroll-behavior-inline:contain;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(8.5rem,42vw);grid-auto-flow:column;margin-right:-1.25rem;padding-right:1.25rem;overflow-x:auto}.workspace-recent-track::-webkit-scrollbar{display:none}.workspace-recent-image:nth-child(n),.workspace-recent-skeleton:nth-child(n){display:block}}@media (prefers-reduced-motion:reduce){.workspace-recent-skeleton,.workspace-recent-image img{transition:none;animation:none}}.workspace-pricing-promo>span{flex-direction:column;flex:1;gap:.3rem;min-width:0;line-height:1.2;display:flex}.workspace-pricing-promo__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-pricing-promo>span small{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.3rem .45rem;font-size:.72rem;font-weight:560;display:flex}.workspace-pricing-promo.is-offer{border-radius:16px;align-items:flex-start;gap:.625rem;padding:.625rem .75rem}.workspace-pricing-promo.is-offer>svg{width:1.125rem;height:1.125rem;margin-top:.05rem}.workspace-pricing-promo.is-offer strong{background:linear-gradient(105deg, transparent 35%, oklab(100% 0 5.96046e-8/.55) 50%, transparent 65%) no-repeat, var(--primary);background-position:150% 0,0 0;background-size:250% 100%,100% 100%;padding:.24rem .5rem;font-size:.6875rem;animation:4s ease-in-out infinite promo-badge-sweep,4s ease-in-out infinite promo-badge-glow}@keyframes promo-badge-sweep{0%,55%{background-position:150% 0,0 0}85%,to{background-position:-50% 0,0 0}}@keyframes promo-badge-glow{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 0%, transparent)}50%{box-shadow:0 0 16px 3px color-mix(in oklab, var(--primary) 70%, transparent)}}@media (prefers-reduced-motion:reduce){.workspace-pricing-promo.is-offer strong{animation:none}}.workspace-subscription-dialog{width:min(1080px,100vw - 32px);max-width:min(1080px,100vw - 32px)!important}
