.fp-page{overflow-x:clip;container:fp-page / inline-size}.fp-label{color:var(--muted-foreground);font-family:var(--font-mono,ui-monospace,monospace);font-size:11.5px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase}.fp-lede{max-width:62rem}.fp-ruled{display:grid;grid-template-columns:minmax(0,1fr);column-gap:3rem}.fp-ruled > li{border-top:1px solid var(--border);padding:1.75rem 0 2.25rem}@container fp-page (min-width:768px){.fp-ruled{grid-template-columns:repeat(2,minmax(0,1fr))}}.fp-notes{margin-top:2.5rem;max-width:48rem;color:var(--muted-foreground)}.fp-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@container fp-page (min-width:860px){.fp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.fp-step{position:relative;overflow:hidden;border-radius:1rem;padding:2rem;background:radial-gradient( 120% 70% at 50% 0%,color-mix(in oklch,var(--brand-solid) 14%,transparent),transparent 70% ),color-mix(in oklch,var(--card) 70%,transparent);box-shadow:inset 0 0 0 1px var(--border)}.fp-step-index{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;color:var(--brand-surface-foreground);font-family:var(--font-mono,ui-monospace,monospace);font-size:13px;background:color-mix(in oklch,var(--brand-solid) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--brand-solid) 45%,transparent)}.fp-related{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@container fp-page (min-width:640px){.fp-related{grid-template-columns:repeat(2,minmax(0,1fr))}}@container fp-page (min-width:1024px){.fp-related{grid-template-columns:repeat(3,minmax(0,1fr))}}.fp-card{display:flex;flex-direction:column;height:100%;border-radius:1rem;padding:1.75rem;background:color-mix(in oklch,var(--card) 70%,transparent);box-shadow:inset 0 0 0 1px var(--border);transition:box-shadow 150ms ease-out}.fp-card:hover{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--brand-solid) 55%,transparent)}.fp-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.fp-cta{position:relative;padding:8rem 0 9rem;border-top:1px solid var(--border)}.fp-glow{position:absolute;top:50%;left:50%;width:min(1100px,140vw);height:640px;transform:translate(-50%,-50%);background:radial-gradient( ellipse at center,color-mix(in oklch,var(--brand-solid) 18%,transparent),color-mix(in oklch,var(--brand-solid) 6%,transparent) 42%,transparent 68% );pointer-events:none}.fp-board-head{background-image:radial-gradient(rgb(255 255 255 / 0.06) 1px,transparent 1px);background-size:16px 16px}.fp-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:0.75rem;width:100%;max-width:100rem;margin:0 auto}.fp-workspace-panel{order:-1}@media (min-width:1024px){.fp-workspace.fp-workspace{grid-template-columns:minmax(0,1fr) 25rem;align-items:start}.fp-workspace-panel{order:0;position:sticky;top:4.75rem;height:calc(100svh - 5.5rem)}.fp-workspace-fold .fp-board-head{min-height:calc(100svh - 5.5rem)}}.fp-flow{display:flex;flex-direction:column;gap:0.75rem;margin-top:0.75rem}.fp-break{position:relative;overflow:hidden;border-radius:1rem;padding:2rem 1.25rem;background:var(--background);box-shadow:inset 0 0 0 0.5px rgb(255 255 255 / 0.06)}@media (min-width:640px){.fp-break{padding:3.5rem 3rem}}.fp-break.fp-break-flush{padding:0}.fp-break.fp-cta{padding:5rem 0 6rem;border-top:0}[data-audio-tile] [data-testid="audio-tile-waveform"]{min-height:0}[data-model-picker]{max-width:calc(100vw - 2rem)}[data-model-picker-body]{max-height:min(400px,calc(100svh - 6rem))}[data-model-picker] [role="option"][aria-selected="true"]{background:var(--color-zinc-700);color:var(--color-zinc-100);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 0.15)}[data-audio-tile][data-playing] button{opacity:0;transition:opacity 150ms ease-out}[data-audio-tile][data-playing]:hover button,[data-audio-tile][data-playing] button:focus-visible{opacity:1}@media (hover:none){[data-model-pick]{opacity:1}}.fp-skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fp-skip:focus-visible{position:static;display:inline-block;width:auto;height:auto;margin-bottom:0.75rem;clip-path:none;border-radius:0.5rem;padding:0.5rem 0.75rem;color:var(--brand-surface-foreground);background:var(--background);box-shadow:0 0 0 2px var(--brand)}.fp-workspace-panel:focus{outline:none}