:root{--color-reels-paper:oklch(13% .012 158);--color-reels-paper-2:oklch(18% .018 158);--color-reels-paper-3:oklch(23% .022 158);--color-reels-ink:oklch(94% .01 158);--color-reels-muted:oklch(72% .018 158);--color-reels-rule:oklch(31% .025 158);--color-reels-accent:oklch(72% .18 153);--color-reels-accent-ink:oklch(15% .03 158);--color-reels-focus:oklch(82% .16 153);--font-reels-display:var(--font-display);--font-reels-body:var(--font-body);--space-reels-xs:.5rem;--space-reels-sm:.75rem;--space-reels-md:1rem;--space-reels-lg:1.5rem;--space-reels-xl:2.5rem;--space-reels-2xl:4rem;--space-reels-3xl:6rem;--text-reels-sm:.8rem;--text-reels-base:1rem;--text-reels-lg:1.5625rem;--text-reels-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--ease-reels-out:cubic-bezier(.16, 1, .3, 1);--ease-reels-in:cubic-bezier(.7, 0, .84, 0);--ease-reels-in-out:cubic-bezier(.65, 0, .35, 1);--dur-reels-micro:.12s;--dur-reels-short:.22s;--dur-reels-long:.42s;--rule-reels:1px solid var(--color-reels-rule);--radius-reels:.5rem}.reels-studio{isolation:isolate;background:var(--color-reels-paper);color:var(--color-reels-ink);padding-block:var(--space-reels-3xl);position:relative;overflow:clip}.reels-studio:before{content:"";aspect-ratio:1;background:color-mix(in oklab, var(--color-reels-accent) 13%, transparent);filter:blur(88px);z-index:-1;pointer-events:none;border-radius:50%;width:min(28rem,58vw);position:absolute;inset:12% auto auto -12%}.reels-studio__inner{width:min(100% - 2rem,76rem);margin-inline:auto}.reels-studio__head{gap:var(--space-reels-lg);margin-block-end:var(--space-reels-2xl);display:grid}.reels-studio__title{overflow-wrap:anywhere;min-width:0;max-width:12ch;font-family:var(--font-reels-display);font-size:var(--text-reels-display);letter-spacing:0;font-style:normal;font-weight:700;line-height:1.02}.reels-studio__lede{max-width:48ch;color:var(--color-reels-muted);font-family:var(--font-reels-body);font-size:var(--text-reels-base);line-height:1.65}.reels-studio__layout{justify-content:center;display:flex}.reels-studio__stage{width:min(100%,25rem);margin-inline:auto;position:relative}.reels-studio__media{aspect-ratio:9/16;border:var(--rule-reels);border-radius:var(--radius-reels);background:var(--color-reels-paper-2);position:relative;overflow:hidden}.reels-studio__media video,.reels-studio__media img{object-fit:cover;width:100%;height:100%}.reels-studio__shade{background:linear-gradient(to top, var(--color-reels-paper), transparent);pointer-events:none;height:42%;position:absolute;inset:auto 0 0}.reels-studio__meta{inset:auto var(--space-reels-lg) var(--space-reels-lg);z-index:2;position:absolute}.reels-studio__meta h3{font-family:var(--font-reels-display);font-size:var(--text-reels-lg);letter-spacing:0;font-style:normal;font-weight:700;line-height:1.15}.reels-studio__meta p{color:var(--color-reels-muted);margin-block-start:var(--space-reels-xs);line-height:1.5}.reels-studio__controls{inset:var(--space-reels-md) var(--space-reels-md) auto;z-index:3;justify-content:space-between;gap:var(--space-reels-sm);display:flex;position:absolute}.reels-studio__control,.reels-studio__arrow{border:var(--rule-reels);background:var(--color-reels-paper-2);min-width:2.75rem;min-height:2.75rem;color:var(--color-reels-ink);transition:transform var(--dur-reels-micro) var(--ease-reels-out), background-color var(--dur-reels-short) var(--ease-reels-out);border-radius:50%;place-items:center;display:inline-grid}.reels-studio__control:focus-visible,.reels-studio__arrow:focus-visible,.reels-studio__follow:focus-visible{outline:2px solid var(--color-reels-focus);outline-offset:3px}.reels-studio__control:active,.reels-studio__arrow:active,.reels-studio__follow:active{transform:translateY(1px)}.reels-studio__actions{justify-content:space-between;align-items:center;gap:var(--space-reels-md);margin-block-start:var(--space-reels-lg);display:flex}.reels-studio__arrows{gap:var(--space-reels-xs);display:flex}.reels-studio__follow{justify-content:center;align-items:center;gap:var(--space-reels-xs);min-height:2.75rem;padding-inline:var(--space-reels-lg);background:var(--color-reels-accent);color:var(--color-reels-accent-ink);white-space:nowrap;transition:transform var(--dur-reels-micro) var(--ease-reels-out), opacity var(--dur-reels-short) var(--ease-reels-out);border-radius:999px;font-weight:700;display:inline-flex}.reels-studio__counter{color:var(--color-reels-muted);font-size:var(--text-reels-sm);text-align:center;margin-block-start:var(--space-reels-sm)}.reels-studio__empty{min-height:24rem;color:var(--color-reels-muted);border-block:var(--rule-reels);place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.reels-studio__control:hover,.reels-studio__arrow:hover{background:var(--color-reels-paper-3)}.reels-studio__follow:hover{transform:translateY(-1px)}}@media (width>=40rem){.reels-studio__head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end}}@media (prefers-reduced-motion:reduce){.reels-studio__control,.reels-studio__arrow,.reels-studio__follow{transition-duration:.15s;transform:none!important}}