.product{--surface:#171925;--surface-raised:#202432;--line:#ffffff18;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:.75rem;--background:#10121c;--foreground:#faf7ff;--card:#171925;--card-foreground:#faf7ff;--popover:#202432;--popover-foreground:#faf7ff;--primary:#fcd775;--primary-foreground:#231821;--secondary:#202432;--secondary-foreground:#faf7ff;--muted:#202432;--muted-foreground:#bfb6cc;--accent:#243e3d;--accent-foreground:#5eead4;--destructive:#fecaca;--border:#ffffff20;--input:#ffffff30;--ring:#5eead4;--gold:#fcd775;--mint:#5eead4;--ink:#faf7ff;--quiet:#bfb6cc;isolation:isolate;min-height:100dvh;color:var(--ink);font-family:var(--font-interface);font-variant-numeric:tabular-nums;background:var(--ui-canvas,#10121c);line-height:1.7;position:relative}.product *{box-sizing:border-box}.product a{text-decoration:none}.product button,.product input:not([type=checkbox]):not([type=radio]),.product select{font:inherit}.product button:disabled{opacity:.5;cursor:not-allowed}.product .nav{z-index:2;border-bottom:1px solid var(--ui-line,#ffffff10);justify-content:space-between;align-items:center;gap:1.2rem;max-width:1280px;margin:auto;padding:1.3rem clamp(1rem,4vw,3rem);display:flex;position:relative}.product .wordmark{white-space:nowrap;color:var(--gold);font-size:1.3rem;font-weight:700}.product .wordmark span{color:var(--quiet);margin-inline-start:.5rem;font-size:.7rem}.product .nav nav,.product .actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.product .nav nav{font-size:.85rem}.product .app-nav a{color:var(--quiet);border-radius:.7rem;padding:.55rem .8rem}.product .app-nav a:hover,.product .app-nav a[aria-current=page]{background:var(--ui-wash,#ffffff0c);color:var(--ink)}.product .app-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--mint)}.product .container{z-index:1;max-width:1240px;margin:auto;padding:1.5rem clamp(1rem,4vw,3rem) 4rem;position:relative}.product .breadcrumbs{color:var(--quiet);gap:.6rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.product h1{letter-spacing:-.025em;font-size:clamp(2rem,5vw,4.2rem);font-weight:700;line-height:1.35}.product h1 em{color:var(--gold);font-style:normal}.product h2{font-size:1.5rem;font-weight:600;line-height:1.5}.product h3{font-size:1.1rem;font-weight:600}.product .eyebrow{color:var(--mint);margin-bottom:.8rem;font-size:.8rem}.product .muted{color:var(--quiet);font-size:.9rem;line-height:1.85}.product .primary,.product .secondary{cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.15rem;font-weight:600;transition:background .16s,border-color .16s;display:inline-flex}.product .primary{background:var(--gold);color:#231821;border:1px solid #0000}.product .primary:hover:not(:disabled){background:#fde68a}.product .secondary{border:1px solid var(--ui-line,#ffffff30);background:var(--ui-wash,#ffffff05);color:var(--ink)}.product .secondary:hover:not(:disabled){background:var(--ui-wash,#ffffff10)}.product .text-button{cursor:pointer;text-underline-offset:4px;color:var(--ui-text,#ddd3eb);min-height:44px;text-decoration:underline}.product .panel{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.35rem}.product .plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.product .plan{flex-direction:column;gap:1rem;display:flex;position:relative}.product .plan.selected{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.product .plan .primary,.product .plan .secondary{margin-top:auto}.product .plan h2{text-align:right;font-size:2.4rem}.product .plan ul{gap:.7rem;font-size:.9rem;display:grid}.product .plan li:before{content:"✓";color:var(--mint);margin-inline-end:.6rem}.product small{color:var(--quiet);font-size:.8rem}.product .section-heading{margin-bottom:1.5rem}.product .section-heading p{margin-top:.7rem}.product .pricing{scroll-margin-top:2rem}.product .pricing>.section-heading{text-align:center}.product .signin{max-width:510px;margin:4vh auto}.product .signin h1{font-size:2.15rem}.product .signin form{gap:.7rem;margin:1.5rem 0;display:grid}.product input:not([type=checkbox]):not([type=radio]),.product select{background:var(--ui-canvas,#0d0a18);border:1px solid var(--ui-line,#ffffff30);width:100%;min-width:0;color:var(--ui-text,white);outline-offset:3px;border-radius:.7rem;padding:.85rem}.product input[aria-invalid=true]{border-color:var(--ui-line-strong,#fca5a5)}.product input:disabled{color:var(--quiet)}.product .notice{background:var(--ui-wash,#ffffff08);border-radius:.8rem;margin:1rem 0;padding:1rem 1.15rem;font-size:.9rem;line-height:1.8}.product .error,.product .field-error{color:var(--ui-danger,#fecaca)}.product .error{border:1px solid var(--ui-line-strong,#fca5a540)}.product .field-error{font-size:.85rem}.product .success{border:1px solid var(--ui-line,#5eead430);background:var(--ui-wash,#5eead40a)}.product .page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:.5rem 0 2rem;display:flex}.product .stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;display:grid}.product .stats strong{color:var(--gold);font-size:1.8rem;display:block}.product .library,.product .asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.product .creation-card img{object-fit:contain;background:#fff;border-radius:.7rem;width:100%;height:190px;margin-bottom:1rem}.product .creation-card .placeholder{height:190px;color:var(--gold);place-items:center;font-size:3rem;display:grid}.product .creation-frame{flex-direction:column;height:calc(100dvh - 230px);min-height:580px;display:flex;position:relative}.product .creation-frame>div{flex:1;min-height:0}.product .empty{text-align:center;padding:3rem}.product .badge{background:var(--ui-wash,#5eead410);color:var(--mint);border:1px solid var(--ui-line,#5eead425);border-radius:2rem;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;display:inline-flex}.product .two-column{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.product .progress-track{background:var(--ui-wash,#ffffff12);border-radius:5px;height:6px;overflow:hidden}.product .progress-track>span{background:var(--mint);height:100%;display:block}.product .skeleton{background:linear-gradient(110deg,var(--ui-wash,#ffffff05) 20%,var(--ui-wash,#ffffff0b) 40%,var(--ui-wash,#ffffff05) 60%);background-size:200% 100%;border-radius:1rem;min-height:140px;animation:1.8s linear infinite product-shimmer}.product .skeleton-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.product .visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.product .skip-link{z-index:20;background:var(--gold);color:#231821;border-radius:.5rem;padding:.7rem 1rem;position:absolute;top:-100px;right:1rem}.product .skip-link:focus{top:1rem}.product :focus-visible{outline:2px solid var(--mint);outline-offset:4px}.product details{border-bottom:1px solid var(--ui-line,#ffffff18);padding:1.1rem 0}.product summary{cursor:pointer;padding:.25rem 0;font-weight:600}.product details p{color:var(--quiet);margin-top:.8rem;font-size:.95rem}.product .prose{max-width:790px;margin:1rem auto}.product .prose h2{margin:2rem 0 .8rem}.product .prose p,.product .prose ul{color:var(--quiet);margin:.8rem 0}.product .prose ul{padding-inline-start:1.2rem;list-style:outside}.product .prose a{color:var(--mint);text-underline-offset:4px;text-decoration:underline}.product .summary-list{gap:.8rem;margin:1rem 0;display:grid}.product .summary-list>div{border-bottom:1px solid var(--ui-line,#ffffff10);justify-content:space-between;gap:1rem;padding-bottom:.7rem;display:flex}.product .summary-list dt{color:var(--quiet)}.product .summary-list dd{text-align:end;font-weight:600}.product .otp-input{letter-spacing:.5em;text-align:center;font-size:1.6rem}.product .signin-foot{color:var(--quiet);margin-top:1.5rem;font-size:.8rem}.product .signin-foot a{color:var(--mint)}@keyframes product-shimmer{to{background-position:-200% 0}}@media (width<=900px){.product .plans,.product .library,.product .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product .nav{flex-wrap:wrap}.product .app-nav{gap:.25rem;width:100%}.product .app-nav a{padding:.5rem .65rem}.product .creation-frame{height:calc(100dvh - 220px);min-height:560px}.product .panel{padding:1.25rem}}@media (width<=600px){.product .plans,.product .library,.product .asset-grid,.product .two-column{grid-template-columns:1fr}.product .stats{grid-template-columns:1fr;gap:.6rem}.product .stats .panel{padding:1rem}.product .stats strong{font-size:1.6rem}.product .container{padding-top:1.2rem}.product .nav{padding-top:1rem;padding-bottom:1rem}.product .wordmark span{display:none}.product .app-nav{white-space:nowrap;flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.product .signin{margin:1rem auto}.product .empty{padding:2rem 1rem}.product .skeleton-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.product .skeleton,.product .skeleton-line,.product .loading-block,.product .working-dot{background-position:0 0;animation:none}.product{scroll-behavior:auto}}.product .section-heading:has(>div){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.product .section-heading>div{min-width:0}.product .library-tools{margin-top:.5rem}.product .creation-card h3{overflow-wrap:anywhere}.product .session-list li>div{min-width:0}.product .summary-list dd{overflow-wrap:anywhere}@media (width<=600px){.product .page-heading>.primary,.product .page-heading>.secondary,.product .library-tools{width:100%}.product .session-list .badge{margin-inline-start:2.5rem}}.product textarea{font:inherit}.product button,.product input,.product select,.product textarea{accent-color:var(--mint)}.product [data-slot=button],.product [data-slot=input],.product [data-slot=select-trigger],.product [data-slot=tabs-trigger]{min-height:44px}.product [data-slot=card]{background:var(--surface);color:var(--ink);border-color:var(--line)}.product [data-slot=alert]{border-color:var(--line);background:var(--surface-raised);color:var(--ink)}.product dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:1rem;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.product dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c16d9}.product .artboard{color:#252a33;background:#faf9f5;border-radius:.75rem;overflow:hidden}.product .state-line{color:var(--quiet);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.product .icon-button{border:1px solid var(--line);border-radius:.65rem;place-items:center;min-width:44px;min-height:44px;display:inline-grid}.product .workspace-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0;display:flex}.product .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.product [aria-invalid=true]{border-color:var(--ui-line-strong,#fca5a5)}.product button:disabled{cursor:not-allowed}.product svg{flex-shrink:0}.product .notice{overflow-wrap:anywhere}.product .page-heading h1{font-size:clamp(1.55rem,3vw,2.15rem)}@media (prefers-reduced-motion:no-preference){.product [data-slot=button]{transition-duration:.16s}}@media (width<=760px){.product input:not([type=checkbox]):not([type=radio]),.product select,.product textarea{min-height:48px;scroll-margin-block:90px;line-height:1.65;font-size:16px!important}.product input[type=checkbox],.product input[type=radio]{width:20px;height:20px;accent-color:var(--mint);flex-shrink:0}.product .primary,.product .secondary{min-height:48px;padding:.75rem 1rem;font-size:.9rem}.product .page-heading{align-items:flex-start;gap:.75rem;margin:.25rem 0 1.25rem}.product .page-heading h1{font-size:1.65rem;line-height:1.45}.product .page-heading .eyebrow{margin-bottom:.3rem;font-size:.75rem}.product .panel{border-radius:1rem;padding:1rem}.product .muted{font-size:.85rem}.product .empty{padding:1.5rem 1rem}.product .notice{padding:.85rem 1rem;font-size:.85rem}.product .skip-link{z-index:100}.product button,.product a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.product[data-app-appearance] .secondary{border-color:var(--ui-line-strong);background:0 0;border-radius:999px}.product[data-app-appearance] .secondary:hover:not(:disabled){background:var(--ui-selected);border-color:var(--ui-accent)}.product[data-app-appearance] .icon-button{background:0 0;border:0;border-radius:50%}.product[data-app-appearance] .icon-button:hover:not(:disabled){background:var(--ui-selected)}.product[data-app-appearance] dialog::backdrop{background:#100d1bd9}.product[data-app-appearance] :is(button,a,input,textarea,select,summary):focus-visible{outline-color:var(--ui-accent)}
