@font-face{font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2")}.rap-studio{font-family:Space Grotesk Variable,sans-serif;color:var(--foreground);width:100%;max-width:1024px;margin:0 auto}.rap-card{background:var(--card);border:1px solid var(--border);border-radius:19px;padding:24px;box-shadow:3px 4px color-mix(in srgb,var(--primary) 70%,var(--card))}.rap-studio button{cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}.rap-studio button:disabled{cursor:not-allowed;opacity:.55}.rap-studio button:focus-visible,.rap-studio a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.rap-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:21px;background:var(--secondary);border-radius:18px;font-size:14px;font-weight:700}.rap-tabs button{border-radius:14px;padding:9px 12px;color:var(--muted-foreground)}.rap-tabs [aria-selected=true]{background:var(--surface-deep);color:var(--foreground)}.rap-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.rap-columns>div{min-width:0}.rap-step{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:600;line-height:21px}.rap-step-number{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-foreground);width:20px;height:20px;flex-shrink:0;border-radius:50%;font-size:12px}.rap-step-number.optional{background:var(--secondary);color:var(--muted-foreground)}.rap-photo-modes{display:inline-flex;background:var(--surface-input);border-radius:100px;padding:2px;margin-top:9px;font-size:12px;font-weight:500}.rap-photo-modes button{border-radius:100px;padding:4px 12px;color:var(--muted-foreground)}.rap-photo-modes [aria-pressed=true]{background:var(--surface-deep);color:var(--foreground)}.rap-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.rap-photos.combined{grid-template-columns:1fr}.rap-photo-wrap{position:relative;min-width:0}.rap-photo{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;overflow:hidden;border:2px dashed color-mix(in srgb,var(--border),var(--muted-foreground));border-radius:17px;background:var(--surface-deep)}.rap-photo:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--card))}.combined .rap-photo{aspect-ratio:2.06}.rap-photo-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);margin-bottom:9px}.rap-photo strong{font-size:14px;font-weight:600}.rap-photo small{font-size:12px;color:var(--muted-foreground);padding:0 8px}.rap-photo img{width:100%;height:100%;position:absolute;object-fit:contain}.rap-photo.has-photo{border-style:solid}.rap-photo-caption{position:absolute;bottom:0;inset-inline:0;padding:30px 8px 10px;background:linear-gradient(transparent,#000c);font-size:13px}.rap-photo-caption small{display:block}.rap-photo-remove{position:absolute;top:9px;right:9px;padding:6px;border-radius:100px;background:color-mix(in srgb,var(--surface-deep) 85%,transparent);border:1px solid color-mix(in srgb,var(--border),var(--muted-foreground))}.rap-hint{margin-top:8px;color:var(--muted-foreground);font-size:12px;line-height:17px}.rap-stage-heading{margin-top:20px}.rap-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.rap-stages button{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:19px;padding:9px 8px;font-size:14px;line-height:18px;text-align:left}.rap-swatch{width:32px;height:32px;border-radius:50%;flex-shrink:0}.rap-stages [aria-pressed=true],.rap-models [aria-pressed=true],.rap-effects [aria-pressed=true],.rap-original[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 4%,var(--card))}.rap-check{position:absolute;top:6px;right:6px;color:var(--primary)}.rap-original{position:relative;width:100%;text-align:left;display:flex;align-items:center;gap:8px;padding:8px;margin-top:8px;border:1px solid var(--border);border-radius:19px;font-size:14px}.rap-original small{display:block;color:var(--muted-foreground);font-size:12px}.rap-effects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.rap-effects button{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;padding:10px;text-align:left;font-size:13px}.rap-settings{margin-top:12px;border:1px solid var(--border);border-radius:17px;overflow:hidden}.rap-summary{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;text-align:left}.rap-summary-text{flex:1;min-width:0}.rap-summary strong{display:block;font-size:14px;font-weight:500;line-height:21px}.rap-summary small{color:var(--primary);font-size:12px;line-height:19px}.rap-summary>svg{flex-shrink:0;color:var(--muted-foreground)}.rap-cost{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);white-space:nowrap;border-radius:100px;padding:4px 10px}.rap-settings-body{border-top:1px solid var(--border);padding:16px;display:grid;gap:16px}.rap-settings legend{font-size:12px;font-weight:500;color:var(--muted-foreground);margin-bottom:8px}.rap-models{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rap-models button{border:1px solid var(--border);border-radius:18px;padding:9px 12px;text-align:left}.rap-models strong{display:block;font-size:14px;font-weight:600;line-height:19px}.rap-models small{display:block;font-size:12px;line-height:18px;color:var(--muted-foreground)}.rap-models span{display:block;font-size:12px;color:var(--primary);line-height:18px}.rap-pills,.rap-occasions{display:flex;flex-wrap:wrap;gap:8px}.rap-pills button,.rap-occasions button{border:1px solid var(--border);border-radius:100px;padding:6px 12px;font-size:14px;line-height:20px}.rap-pills [aria-pressed=true]{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.rap-topic{margin-top:20px}.rap-occasions{margin-top:12px}.rap-occasions button{background:var(--surface-deep);font-weight:500}.rap-occasions button:hover{border-color:var(--primary)}.rap-topic textarea{margin-top:12px;height:44px;border-radius:15px;background:var(--surface-input);padding:10px 11px;font:inherit;font-size:14px;line-height:22px;display:block;width:100%;min-height:44px;max-height:88px;border:1px solid var(--input);color:var(--foreground);resize:none;overflow-y:auto;box-sizing:border-box}.rap-topic textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.rap-topic textarea::placeholder{color:var(--muted-foreground)}.rap-studio .rap-submit{width:100%;height:56px;margin-top:20px;border:1px solid var(--border);border-radius:18px;box-shadow:none;color:var(--primary-foreground);background:var(--primary);font-size:18px;font-weight:700;text-transform:uppercase;gap:8px}.rap-studio .rap-submit:hover:not(:disabled){background:var(--primary-hover)}.rap-price-note{margin-top:14px;color:var(--muted-foreground);font-size:13px;text-align:center}.rap-demo{margin-top:6px;color:var(--primary-hover);text-align:center;font-size:12px}.rap-terms{margin-top:9px;color:var(--muted-foreground);font-size:11px;text-align:center;line-height:17px}.rap-terms a{text-decoration:underline;text-underline-offset:3px}.rap-error{color:var(--destructive);background:color-mix(in srgb,var(--destructive) 8%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 40%,transparent);border-radius:10px;padding:10px 12px;margin-top:14px;font-size:13px}.rap-result{margin-top:28px}@media(max-width:1023px){.rap-studio{max-width:576px}.rap-columns{grid-template-columns:1fr;gap:24px}}@media(max-width:639px){.rap-card{padding:16px}.rap-stages{grid-template-columns:repeat(2,1fr)}.rap-photos{gap:12px}.rap-photo{aspect-ratio:4 / 5}.combined .rap-photo{aspect-ratio:1.5}.rap-summary{gap:7px;padding:10px 12px}.rap-summary strong{font-size:12px}.rap-summary small{font-size:11px}.rap-cost{font-size:11px;padding:4px 7px}.rap-settings-body{padding:14px 12px}.rap-models button{padding:9px 10px}.rap-models small{font-size:11px}.rap-studio .rap-submit{font-size:16px}}.rap-studio.rap-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start}.rap-workspace .rap-columns{grid-template-columns:minmax(0,1fr);gap:24px}.rap-workspace .rap-result{margin:0;min-width:0;position:sticky;top:88px}.rap-render-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:630px;aspect-ratio:9 / 16;border-radius:20px;padding:64px 24px 24px;overflow:hidden;background:linear-gradient(145deg,var(--render-start),var(--render-middle) 58%,var(--render-end));color:var(--render-foreground)}.rap-render-card.is-failed,.rap-render-card.is-ready{background:var(--card);color:var(--foreground);border:1px solid var(--border)}.rap-render-history{position:absolute;right:20px;top:20px;display:flex;gap:4px;align-items:center;font-size:12px;font-weight:600}.rap-render-demo{position:absolute;left:20px;top:20px;font-size:11px;opacity:.8}.rap-render-center{text-align:center;margin:auto 0}.rap-render-photos{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:36px}.rap-render-person{display:flex;align-items:center;gap:12px}.rap-render-person img{width:78px;height:78px;object-fit:cover;border-radius:50%;border:4px solid var(--render-photo-border);background:var(--surface-deep)}.rap-render-person b{font-size:28px}.rap-render-center h3,.rap-render-heading{font-size:18px;font-weight:700;margin-bottom:20px}.rap-render-center>p{font-size:14px;line-height:1.6}.rap-render-track{height:8px;width:84%;margin:0 auto 8px;border-radius:99px;background:var(--render-track);overflow:hidden}.rap-render-track>span{display:block;height:100%;background:var(--render-progress);transition:width 1s linear;border-radius:inherit}.rap-render-center .rap-render-percent{font-size:12px;font-variant-numeric:tabular-nums}.rap-render-percent span{opacity:.8}.rap-render-center .rap-render-fine{font-size:12px;margin:20px 0;opacity:.8}.rap-render-action{display:inline-flex;justify-content:center;align-items:center;gap:6px;margin-top:18px;border:1px solid currentColor;border-radius:100px;padding:10px 16px;font-size:13px;font-weight:700;background:var(--render-highlight)}.is-failed .rap-render-action{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.rap-render-footer{text-align:center;font-size:12px;line-height:1.5;padding-top:40px}.rap-result-note{font-size:12px;line-height:1.6;text-align:center;color:var(--muted-foreground);padding:16px 12px}.rap-render-videos{width:100%}.rap-render-videos video{max-height:480px}.rap-wave{display:flex;height:46px;align-items:center;justify-content:center;gap:5px;margin-bottom:24px}.rap-wave i{width:6px;border-radius:99px;background:var(--render-photo-border);animation:rap-wave 1.2s ease-in-out infinite alternate}@keyframes rap-wave{to{transform:scaleY(.4);opacity:.55}}@media(prefers-reduced-motion:reduce){.rap-wave i{animation:none}.rap-render-track>span{transition:none}}@media(max-width:767px){.rap-studio.rap-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.rap-workspace .rap-result{position:static}.rap-render-card{min-height:520px;max-height:650px}}.rap-studio .rap-photo.has-photo:disabled{opacity:1}.rap-render-card.is-ready{aspect-ratio:auto}.rap-render-videos video{aspect-ratio:auto;height:auto;max-height:520px}.rap-occasions button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.rap-render-card.is-waiting{aspect-ratio:auto;max-height:none}.is-waiting .rap-render-photos{margin-bottom:24px}.is-waiting .rap-render-footer{padding-top:24px}.rap-note-game{min-width:0;margin-top:24px;padding:16px 12px 12px;border-radius:14px;background:var(--card);color:var(--foreground);border:1px solid var(--border)}.rap-note-title{font-size:13px;font-weight:600}.rap-note-lane{position:relative;display:block;width:100%;height:96px;margin-block:8px;border-radius:6px;cursor:pointer;touch-action:manipulation}.rap-note-ground{position:absolute;inset:auto 4% 16px;height:2px;background:var(--border)}.rap-note-obstacle{position:absolute;bottom:18px;width:22px;height:22px;transform:translate(-50%);color:var(--muted-foreground)}.rap-note-flag{position:absolute;bottom:18px;right:1%;width:22px;height:22px;color:var(--primary)}.rap-note-character{position:absolute;bottom:18px;color:var(--primary);transition:left .2s ease,transform .2s ease;pointer-events:none}.rap-note-controls{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px}.rap-note-controls button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--secondary);color:var(--foreground);font-size:13px;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.rap-note-controls button:last-child{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.rap-note-controls button:active{opacity:.75}.rap-note-game button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.rap-note-game .rap-note-lane:focus-visible{outline-offset:-2px}.rap-note-hint{margin-top:10px;font-size:11px;color:var(--muted-foreground)}@media(hover:none)and (pointer:coarse){.rap-note-hint{display:none}}@media(prefers-reduced-motion:reduce){.rap-note-character{transition:none}}.rap-hero-examples{max-width:784px;margin:28px auto 0}.rap-example-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:12px 14px 16px}.rap-example-card{position:relative;isolation:isolate;aspect-ratio:480 / 854;overflow:hidden;border:2px solid color-mix(in srgb,var(--foreground) 75%,transparent);border-radius:22px;background:var(--surface-deep);box-shadow:3px 4px 0 var(--primary);transform:rotate(-1.7deg);transition:transform .18s ease}.rap-example-card:nth-child(2){transform:rotate(1deg)}.rap-example-card:nth-child(3){transform:rotate(-1deg)}.rap-example-card:nth-child(4){transform:rotate(1.7deg)}.rap-example-card:hover,.rap-example-card:focus-within{transform:rotate(0) translateY(-3px)}.rap-example-card video{width:100%;height:100%;object-fit:cover}.rap-example-card figcaption{position:absolute;inset:auto 0 0;padding:36px 10px 10px;background:linear-gradient(transparent,#000000b8);color:#fff;font-size:12px;font-weight:600;pointer-events:none}.rap-example-play{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer}.rap-example-play-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0000007a;color:#fff}.rap-example-sound{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0000007f;color:#fff;cursor:pointer}.rap-example-sound:hover{background:#000000bf}.rap-example-card button:focus-visible{outline:2px solid white;outline-offset:-4px}@media(max-width:639px){.rap-hero-examples{margin-top:20px}.rap-example-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(43vw,180px);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.rap-example-card{scroll-snap-align:center}}@media(prefers-reduced-motion:reduce){.rap-example-card,.rap-example-card:nth-child(n){transform:none;transition:none}}.rap-lit-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--background)}.rap-stage-lights{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 9% 5%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 48%),radial-gradient(ellipse at 93% 8%,color-mix(in srgb,var(--ambient) 22%,transparent),transparent 52%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%)}.rap-stage-beam{--beam-tint: var(--primary);position:absolute;top:-130px;left:16%;width:min(78vw,1100px);height:calc(100% + 240px);translate:-50% 0;transform-origin:50% 0;background:conic-gradient(from 166deg at 50% 0%,transparent 0deg,color-mix(in srgb,var(--beam-tint) 10%,transparent) 5deg,color-mix(in srgb,var(--beam-tint) 42%,transparent) 13deg,color-mix(in srgb,var(--beam-tint) 14%,transparent) 23deg,transparent 29deg);filter:blur(30px);opacity:.85;mix-blend-mode:screen;animation:rap-light-sweep-left 22s ease-in-out infinite alternate}.rap-stage-beam-warm-secondary{left:25%;opacity:.45;animation-duration:29s;animation-delay:-15s;animation-direction:alternate-reverse}.rap-stage-beam-cool,.rap-stage-beam-cool-secondary{--beam-tint: var(--ambient);left:84%;opacity:1;animation-name:rap-light-sweep-right;animation-duration:26s;animation-delay:-7s}.rap-stage-beam-cool-secondary{left:75%;opacity:.6;animation-duration:33s;animation-delay:-22s;animation-direction:alternate-reverse}.rap-stage-lights[data-running=false] .rap-stage-beam{animation-play-state:paused}@keyframes rap-light-sweep-left{0%{transform:rotate(-16deg)}to{transform:rotate(12deg)}}@keyframes rap-light-sweep-right{0%{transform:rotate(15deg)}to{transform:rotate(-13deg)}}@media(max-width:639px){.rap-stage-beam{width:150vw;top:-100px;filter:blur(24px)}.rap-stage-lights{-webkit-mask-image:linear-gradient(to bottom,black,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black,black 60%,transparent 100%)}}@media(prefers-reduced-motion:reduce){.rap-stage-beam{animation:none;transform:rotate(-8deg)}.rap-stage-beam-cool,.rap-stage-beam-cool-secondary{transform:rotate(8deg)}}.rap-example-card.rap-inspired-preview,.rap-example-card.rap-inspired-preview:hover,.rap-example-card.rap-inspired-preview:focus-within{width:100%;margin:0;border:0;border-radius:0;box-shadow:none;transform:none}