.DemoShowcase-module-scss-module__2HMs3G__root{--spine-w:72px;--spine-gap:10px;--ease-out-back:cubic-bezier(.34,1.56,.64,1);color:var(--theme-foreground-primary)}.DemoShowcase-module-scss-module__2HMs3G__head{justify-content:space-between;align-items:flex-end;gap:var(--sp-8)var(--sp-24);margin-bottom:var(--sp-24);flex-wrap:wrap;display:flex}.DemoShowcase-module-scss-module__2HMs3G__headline{margin:0}.DemoShowcase-module-scss-module__2HMs3G__note{color:var(--theme-foreground-tertiary)}.DemoShowcase-module-scss-module__2HMs3G__note p{margin:0}.DemoShowcase-module-scss-module__2HMs3G__row{align-items:stretch;gap:var(--spine-gap);flex-direction:column;display:flex}@media (min-width:1200px){.DemoShowcase-module-scss-module__2HMs3G__row{flex-direction:row;align-items:center;height:clamp(480px,58vh,600px)}}.DemoShowcase-module-scss-module__2HMs3G__slide{min-width:0;height:var(--sp-64);cursor:pointer;background:var(--tint,var(--theme-background-secondary));border:var(--border-sm)solid #0000;border-radius:var(--br-16);flex:none;transition:box-shadow .3s;position:relative;overflow:hidden}.DemoShowcase-module-scss-module__2HMs3G__slide:hover{box-shadow:var(--shadow-md)}.DemoShowcase-module-scss-module__2HMs3G__slideOpen{cursor:default;background:var(--theme-background-secondary);border-color:var(--theme-border-secondary);height:auto;min-height:480px}@media (min-width:1200px){.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__slide{flex-basis:var(--spine-w);height:100%;min-height:0;transition:flex-basis .55s var(--ease-out-quart),height .3s var(--ease-out-back),background-color .4s ease,border-color .4s ease,box-shadow .3s ease}.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__slideOpen{flex-basis:var(--open-w,60%)}}@media (hover:hover) and (prefers-reduced-motion:no-preference) and (min-width:1200px){.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__slide:not(.DemoShowcase-module-scss-module__2HMs3G__slideOpen):hover{height:calc(100% + var(--sp-16))}}.DemoShowcase-module-scss-module__2HMs3G__label{z-index:2;justify-content:flex-start;align-items:center;gap:var(--sp-16);padding:0 var(--sp-20);appearance:none;font:inherit;text-align:start;cursor:pointer;color:var(--theme-foreground-primary);background:0 0;border:none;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0;overflow:hidden}.DemoShowcase-module-scss-module__2HMs3G__label:focus-visible{outline-offset:-6px;border-radius:var(--br-16);outline:2px solid}.DemoShowcase-module-scss-module__2HMs3G__slideTinted .DemoShowcase-module-scss-module__2HMs3G__label{--spine-ink-muted:var(--color-gray-750);color:var(--color-gray-950)}.DemoShowcase-module-scss-module__2HMs3G__slideDarkTint .DemoShowcase-module-scss-module__2HMs3G__label{--spine-ink-muted:var(--color-gray-050);color:var(--color-gray-050)}.DemoShowcase-module-scss-module__2HMs3G__slideOpen .DemoShowcase-module-scss-module__2HMs3G__label{visibility:hidden;opacity:0;pointer-events:none}.DemoShowcase-module-scss-module__2HMs3G__label .DemoShowcase-module-scss-module__2HMs3G__name{letter-spacing:.01em;white-space:nowrap;font-size:19px;line-height:24px}.DemoShowcase-module-scss-module__2HMs3G__idx{color:var(--spine-ink-muted,inherit);margin-top:.1em}.DemoShowcase-module-scss-module__2HMs3G__type{letter-spacing:.08em;opacity:.85;color:var(--spine-ink-muted,inherit);order:1;margin-left:auto;font-size:11px;line-height:24px}@media (min-width:1200px){.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__label{justify-content:center;align-items:flex-end;gap:0;padding:22px 0}.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__name{writing-mode:vertical-rl;transform:rotate(180deg)}.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__idx{margin-top:0;position:absolute;top:18px;left:50%;transform:translate(-50%)}.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__idx:after{content:"";width:12px;height:var(--border-sm);margin:var(--sp-8)auto 0;opacity:.45;background:currentColor;display:block}.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__type{writing-mode:vertical-rl;margin-left:0;position:absolute;top:56px;left:50%;transform:translate(-50%)rotate(180deg)}}.DemoShowcase-module-scss-module__2HMs3G__content{width:100%;padding:var(--sp-20)var(--sp-24)var(--sp-56);flex-direction:column;transition:none;display:flex;position:relative}.DemoShowcase-module-scss-module__2HMs3G__content:focus{outline:none}.DemoShowcase-module-scss-module__2HMs3G__slide:not(.DemoShowcase-module-scss-module__2HMs3G__slideOpen) .DemoShowcase-module-scss-module__2HMs3G__content{visibility:hidden}@media (min-width:1200px){.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__content{width:var(--open-w,100%);position:absolute;inset:0}}.DemoShowcase-module-scss-module__2HMs3G__bar{padding-bottom:var(--sp-16);letter-spacing:.15px;color:var(--theme-foreground-tertiary);border-bottom:var(--border-sm)solid var(--theme-border-tertiary);justify-content:space-between;align-items:center;line-height:24px;display:flex}.DemoShowcase-module-scss-module__2HMs3G__title{margin:14px 0 var(--sp-24);font-family:var(--font-anthropic-serif),Georgia,serif;font-feature-settings:"pnum" on,"lnum" on,"liga" on;font-weight:var(--font-weight-medium);font-size:clamp(32px,1.75055vw + 19.9912px,48px);line-height:var(--line-height-tighter);text-wrap:balance}.DemoShowcase-module-scss-module__2HMs3G__bottom{gap:var(--sp-24);grid-template-columns:1fr;align-items:start;margin-top:auto;display:grid}@media (min-width:1200px){.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__bottom{grid-template-columns:minmax(0,389fr) 308fr}}.DemoShowcase-module-scss-module__2HMs3G__previewWrap{position:relative}.DemoShowcase-module-scss-module__2HMs3G__preview{aspect-ratio:389/279;border:var(--border-sm)solid var(--theme-border-secondary);border-radius:var(--br-12);background:var(--color-gray-050);position:relative;overflow:hidden}.DemoShowcase-module-scss-module__2HMs3G__preview img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.DemoShowcase-module-scss-module__2HMs3G__live{transform-origin:0 0;pointer-events:none;background:var(--color-gray-050);border:0;animation:.5s both DemoShowcase-module-scss-module__2HMs3G__liveIn;display:block;position:absolute;top:0;left:0}@keyframes DemoShowcase-module-scss-module__2HMs3G__liveIn{0%{opacity:0}}.DemoShowcase-module-scss-module__2HMs3G__expand.DemoShowcase-module-scss-module__2HMs3G__expand{z-index:2;position:absolute;top:10px;right:10px}@media (max-width:566px){.DemoShowcase-module-scss-module__2HMs3G__expand.DemoShowcase-module-scss-module__2HMs3G__expand{justify-content:center;width:100%;min-height:44px;margin-top:10px;position:static}}.DemoShowcase-module-scss-module__2HMs3G__info .DemoShowcase-module-scss-module__2HMs3G__subhead{margin:0 0 var(--sp-16);font-size:19px;line-height:24px}.DemoShowcase-module-scss-module__2HMs3G__desc{color:var(--theme-foreground-secondary);margin:0}.DemoShowcase-module-scss-module__2HMs3G__bottom .DemoShowcase-module-scss-module__2HMs3G__desc{line-height:28px}@media (min-width:1200px){.DemoShowcase-module-scss-module__2HMs3G__row .DemoShowcase-module-scss-module__2HMs3G__desc{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.DemoShowcase-module-scss-module__2HMs3G__modal{background:color-mix(in srgb,var(--color-gray-950)55%,transparent);overscroll-behavior:contain;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:clamp(16px,3vw,48px);position:fixed;inset:0}.DemoShowcase-module-scss-module__2HMs3G__modal::backdrop{background:0 0}.DemoShowcase-module-scss-module__2HMs3G__modal:not([open]){display:none}.DemoShowcase-module-scss-module__2HMs3G__sheet{background:var(--theme-background-primary);border:var(--border-sm)solid var(--theme-border-secondary);border-radius:var(--br-16);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.DemoShowcase-module-scss-module__2HMs3G__sheetBar{justify-content:space-between;align-items:center;gap:var(--sp-16);padding:var(--sp-12)var(--sp-16);border-bottom:var(--border-sm)solid var(--theme-border-tertiary);display:flex}.DemoShowcase-module-scss-module__2HMs3G__sheetTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-anthropic-mono),ui-monospace,monospace;font-feature-settings:"pnum" on,"lnum" on,"liga" on;color:var(--theme-foreground-tertiary);overflow:hidden}.DemoShowcase-module-scss-module__2HMs3G__sheetFrame{background:var(--color-gray-050);border:0;flex:1;width:100%}@media (prefers-reduced-motion:no-preference){.DemoShowcase-module-scss-module__2HMs3G__sheetFrame{animation:.5s both DemoShowcase-module-scss-module__2HMs3G__liveIn}}@media (pointer:coarse){.DemoShowcase-module-scss-module__2HMs3G__expand.DemoShowcase-module-scss-module__2HMs3G__expand{min-height:44px}}