.rap-example-flow{grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:48px;display:grid}.rap-example-flow .feature-showcase-sidebar{grid-column:auto;justify-content:flex-start;gap:48px;min-width:0}.rap-example-flow .feature-showcase-sidebar>nav{flex:1;display:flex}.rap-example-heading{font-family:var(--font-bricolage-grotesque), Arial, sans-serif;letter-spacing:-1.4px;font-size:clamp(32px,2.5vw,36px);font-weight:700;line-height:1.16}.rap-example-heading>span{color:var(--primary)}.rap-example-subheading{max-width:30ch;color:var(--muted-foreground);margin-top:16px;font-size:15px;line-height:1.65}.rap-example-flow .feature-showcase-nav{min-height:0;display:flex}.rap-example-flow .feature-showcase-item{border-color:#ffffff14;flex-direction:column;flex:1;justify-content:center;display:flex}.rap-example-flow .feature-showcase-trigger{color:#a8a5a3;text-align:left;white-space:normal;background:0 0;border:0;border-radius:4px;align-items:center;width:100%;padding:22px 0;text-decoration:none;position:relative}.rap-example-flow .feature-showcase-trigger:hover{color:var(--foreground)}.rap-example-flow .feature-showcase-trigger[aria-current=true]{color:var(--primary)}.rap-example-flow .feature-showcase-title{gap:12px;font-size:18px;font-weight:600;line-height:1.4}.rap-example-flow .feature-showcase-title svg{color:inherit}.rap-example-flow [data-slot=accordion-trigger-icon]{display:none}.rap-example-flow .feature-showcase-description{height:auto;color:var(--muted-foreground);padding:0 0 16px 30px;font-size:14px;font-weight:400;line-height:1.6}.rap-example-mobile-label,.rap-example-flow .feature-showcase-tabs{display:none}.rap-example-flow .feature-showcase-panel{background:#141416;border-color:#ffffff1c;grid-column:auto;align-self:start;min-width:0;padding:0;box-shadow:0 16px 48px #00000024}.rap-example-case{background:#19191c;border-radius:0;overflow:hidden}.rap-example-result{aspect-ratio:16/9;background:#0c0c0e;width:100%;position:relative;overflow:hidden}.rap-example-result>img,.rap-example-result>video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.rap-example-play{cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:0}.rap-example-play>span{opacity:0;transition:opacity .16s}.rap-example-play:hover>span,.rap-example-play:focus-visible>span{opacity:1}@media (hover:none),(pointer:coarse){.rap-example-play>span{opacity:1}}.rap-example-input{border-top:1px solid #ffffff12;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:18px;padding:16px 20px;display:grid}.rap-example-photo{object-fit:cover;object-position:center 24%;border:1px solid #ffffff14;border-radius:8px;width:64px;height:84px}.rap-example-prompt{min-width:0}.rap-example-prompt-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.rap-example-input-label{color:var(--muted-foreground);font-size:13px;line-height:1.4}.rap-theme .rap-example-use{height:30px;color:var(--foreground);background:#28282c;border:1px solid #ffffff28;border-radius:7px;padding-inline:12px;font-size:12px}.rap-theme .rap-example-use:hover{background:#333338;border-color:#ffffff40}.rap-example-prompt blockquote{overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;max-height:3lh;color:var(--foreground);white-space:pre-line;margin:10px 0 0;font-size:14px;line-height:1.65;overflow-y:auto}.rap-example-prompt blockquote:focus-visible{outline:1px solid var(--primary);outline-offset:3px;border-radius:3px}.rap-example-result-shade{pointer-events:none;background:linear-gradient(#0000 70%,#0b0b0d99);position:absolute;inset:0}.rap-example-result-caption{justify-content:center;display:flex;position:absolute;inset:auto 20px 20px}.rap-theme .rap-example-listen{background:var(--primary);height:38px;color:var(--primary-foreground);border-radius:999px;padding-inline:16px;font-size:12px}.rap-theme .rap-example-listen:hover{background:#ff854f}.rap-theme .rap-example-pause{color:var(--foreground);background:#0b0b0d99;border-radius:999px;position:absolute;top:12px;right:12px}@media (min-width:901px) and (max-width:1100px){.rap-example-flow{grid-template-columns:260px minmax(0,1fr);gap:32px}.rap-example-heading{letter-spacing:-1px;font-size:32px}}@media (max-width:900px){.rap-example-flow{grid-template-columns:minmax(0,1fr);gap:24px}.rap-example-flow .feature-showcase-sidebar{gap:32px}.rap-example-intro{text-align:center}.rap-example-subheading{margin-inline:auto}.rap-example-flow .feature-showcase-sidebar>nav{flex:none;display:block}.rap-example-heading{font-size:clamp(30px,5vw,38px)}.rap-example-flow .feature-showcase-nav{display:none}.rap-example-flow .feature-showcase-tabs{width:min(100%,360px);margin-inline:auto;display:flex}.rap-example-flow .feature-showcase-tab{flex:1;min-width:0}.rap-example-desktop-label{display:none}.rap-example-mobile-label{display:inline}}@media (max-width:600px){.rap-example-input{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px}.rap-example-photo{width:52px;height:72px}.rap-example-prompt-header{gap:8px}.rap-theme .rap-example-use{padding-inline:9px;font-size:11px}.rap-example-input-label{font-size:12px}.rap-example-prompt blockquote{font-size:13px}}@media (max-width:360px){.rap-example-input{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}.rap-example-photo{width:40px;height:56px}}@media (prefers-reduced-motion:reduce){.rap-example-flow [data-slot=accordion-content]{animation:none}}