.demo-page_page__bnJVn{position:relative;overflow:clip;min-block-size:100vh;background:none}.demo-page_page__bnJVn:before{position:absolute;inset-block-start:0;inset-inline:0;block-size:1px;background:color-mix(in srgb,var(--fd-color-signal) 50%,transparent);display:none}.demo-page_stage__u5lbl{display:grid;grid-template-columns:minmax(20rem,.76fr) minmax(0,1.24fr);min-block-size:42rem;padding-block:clamp(var(--fd-space-6),4vw,var(--fd-space-8))}.demo-page_controls__z2wYL{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--fd-space-5);min-inline-size:0;padding-inline-end:clamp(var(--fd-space-5),3vw,var(--fd-space-7))}.demo-page_intro__WPeMl h1{margin:0;max-inline-size:10ch;color:var(--fd-color-text);font-size:clamp(2.45rem,4.1vw,4.75rem);font-weight:760;letter-spacing:-.055em;line-height:1.04}.demo-page_intro__WPeMl h1 span{display:block;color:var(--fd-color-signal)}.demo-page_intro__WPeMl>p{max-inline-size:33rem;margin:var(--fd-space-4) 0 0;color:var(--fd-color-muted);font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.72}.demo-page_simulationNote__YwSma{display:inline-flex;min-block-size:44px;align-items:center;gap:var(--fd-space-3);margin-block-start:var(--fd-space-5);padding:var(--fd-space-3) var(--fd-space-4);color:var(--fd-color-muted);border:var(--fd-line);border-radius:var(--fd-radius-control);font-size:.92rem}.demo-page_simulationNote__YwSma svg{flex:0 0 auto}.demo-page_form__7Sndq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fd-space-4);padding-block-start:var(--fd-space-4);border-block-start:var(--fd-line)}.demo-page_form__7Sndq h2,.demo-page_form__7Sndq>:nth-child(4),.demo-page_samples__YtRyM,.demo-page_soundToggle__9WUAB,.demo-page_submit__EBoGq{grid-column:1/-1}.demo-page_form__7Sndq h2{margin:0;font-size:1.3rem;line-height:1.4}.demo-page_samples__YtRyM{display:flex;gap:var(--fd-space-2);margin-block-start:calc(var(--fd-space-2) * -1)}.demo-page_samples__YtRyM button{min-inline-size:44px;inline-size:auto;block-size:44px;flex:1 1;padding-inline:var(--fd-space-2);color:var(--fd-color-muted);background:transparent;border:var(--fd-line);border-radius:var(--fd-radius-control);font-family:inherit;font-size:.76rem;cursor:pointer}.demo-page_soundToggle__9WUAB{position:relative;display:flex;min-block-size:44px;align-items:center;gap:var(--fd-space-3);inline-size:fit-content;color:var(--fd-color-muted);font-size:.94rem;cursor:pointer}.demo-page_soundToggle__9WUAB input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.demo-page_checkboxMark__83bvl{display:grid;inline-size:1.55rem;block-size:1.55rem;place-items:center;color:transparent;background:var(--fd-color-stage);border:var(--fd-line);border-radius:calc(var(--fd-radius-control) / 2)}.demo-page_soundToggle__9WUAB input:checked+.demo-page_checkboxMark__83bvl{color:var(--fd-color-text-dark);background:var(--fd-color-signal);border-color:var(--fd-color-signal)}.demo-page_soundToggle__9WUAB input:focus-visible+.demo-page_checkboxMark__83bvl{outline:2px solid var(--fd-color-signal);outline-offset:3px}.demo-page_submit__EBoGq{inline-size:100%}.demo-page_widgetRail__0CID7{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--fd-space-4);padding-block-start:var(--fd-space-4);border-block-start:var(--fd-line)}.demo-page_widgetRail__0CID7 div{min-inline-size:0}.demo-page_widgetRail__0CID7 span{display:block;color:var(--fd-color-muted);font-size:.75rem;line-height:1.5}.demo-page_widgetRail__0CID7 code{display:block;overflow-wrap:anywhere;margin-block-start:var(--fd-space-1);color:var(--fd-color-text);font-family:inherit;font-size:.82rem;line-height:1.5;-webkit-user-select:all;user-select:all}.demo-page_copyStatus__g_EC9,.demo-page_widgetNote__rk7_W{margin:8px 0 0;color:var(--fd-color-muted);font-size:.875rem;line-height:1.65}.demo-page_copyStatus__g_EC9{grid-column:1/-1}.demo-page_copyStatus__g_EC9:empty{display:none}.demo-page_editPreview__nT2g_{min-block-size:44px;padding:8px 12px;color:inherit;background:none;border:var(--fd-line);border-radius:var(--fd-radius-control);font:inherit;font-size:.875rem;cursor:pointer}.demo-page_editPreview__nT2g_:focus-visible,.demo-page_previewHeader__16TYT h2:focus-visible,.demo-page_widgetRail__0CID7 code:focus-visible{outline:2px solid var(--fd-color-signal);outline-offset:4px}.demo-page_preview__PBvRs{scroll-margin-block-start:6rem}.demo-page_widgetRail__0CID7 button{display:inline-flex;min-inline-size:44px;min-block-size:44px;align-items:center;justify-content:center;gap:var(--fd-space-2);padding-inline:var(--fd-space-3);color:var(--fd-color-text);background:transparent;border:var(--fd-line);border-radius:var(--fd-radius-control);font-family:inherit;font-size:.82rem;font-weight:650;cursor:pointer}.demo-page_preview__PBvRs{display:flex;flex-direction:column;min-inline-size:0;border-inline-start:var(--fd-line)}.demo-page_previewHeader__16TYT{display:flex;flex-wrap:wrap;min-block-size:4.5rem;align-items:center;justify-content:space-between;gap:var(--fd-space-4);padding-inline:clamp(var(--fd-space-5),3vw,var(--fd-space-7));border-block-end:var(--fd-line)}.demo-page_previewHeader__16TYT h2{margin:0;font-size:clamp(1.35rem,2vw,1.8rem)}.demo-page_previewHeader__16TYT span{display:flex;align-items:center;gap:var(--fd-space-2);color:var(--fd-color-muted);font-size:.78rem}.demo-page_previewHeader__16TYT i{inline-size:.45rem;block-size:.45rem;background:var(--fd-color-signal);border-radius:50%}.demo-page_previewScene__TJy00{position:relative;isolation:isolate;overflow:hidden;flex:1 1 auto;min-block-size:36rem;background:var(--fd-color-stage);border-block-end:2px solid var(--fd-color-signal)}.demo-page_previewImage__RPM2n{z-index:-3;object-fit:cover;object-position:59% center}.demo-page_donationPreview__oQjoL{position:absolute;inset-inline:clamp(var(--fd-space-5),5vw,var(--fd-space-8));inset-block-start:40%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(var(--fd-space-4),2vw,var(--fd-space-6));align-items:center;min-block-size:9.5rem;min-inline-size:0;overflow-wrap:anywhere;padding:clamp(var(--fd-space-4),2vw,var(--fd-space-6));color:var(--fd-color-text);background:var(--fd-color-canvas);border:var(--fd-line);border-radius:var(--fd-radius-frame);animation:demo-page_demo-reveal__S0y__ var(--fd-duration-scene) var(--fd-ease-out) both}.demo-page_donationPreview__oQjoL:after,.demo-page_donationPreview__oQjoL:before{position:absolute;content:none}.demo-page_donationPreview__oQjoL:before{inset-block-start:-2px;inset-inline-start:7%}.demo-page_donationPreview__oQjoL:after{inset-block-end:-2px;inset-inline-end:7%}.demo-page_avatar__t1s1_{display:grid;inline-size:clamp(3.5rem,6vw,5rem);block-size:clamp(3.5rem,6vw,5rem);place-items:center;color:var(--fd-color-text);background:none;border:1px solid color-mix(in srgb,var(--fd-color-text) 30%,transparent);border-radius:50%;font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:760}.demo-page_donationPreview__oQjoL p{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--fd-space-2);margin:0;font-size:clamp(1rem,1.8vw,1.35rem)}.demo-page_donationPreview__oQjoL p strong{color:var(--fd-color-signal-bright);font-size:clamp(1.35rem,2.8vw,2.25rem)}.demo-page_donationPreview__oQjoL b{display:block;margin-block-start:var(--fd-space-1);font-size:clamp(1.4rem,3vw,2.45rem);letter-spacing:-.035em}.demo-page_donationPreview__oQjoL blockquote{margin:var(--fd-space-2) 0 0;color:var(--fd-color-muted);font-size:clamp(.9rem,1.4vw,1.1rem);line-height:1.55}.demo-page_previewScene__TJy00[data-demo-active-style=minimal] .demo-page_donationPreview__oQjoL{border-inline-width:1px;background:var(--fd-color-canvas)}.demo-page_previewScene__TJy00[data-demo-active-style=neon] .demo-page_donationPreview__oQjoL{border-color:var(--fd-color-signal-bright)}.demo-page_previewScene__TJy00[data-demo-active-style=luxury] .demo-page_donationPreview__oQjoL{border-color:var(--fd-color-warning)}.demo-page_previewScene__TJy00[data-demo-active-style=luxury] .demo-page_donationPreview__oQjoL p strong{color:var(--fd-color-warning)}.demo-page_previewScene__TJy00[data-demo-active-style=cyber] .demo-page_donationPreview__oQjoL{border-color:color-mix(in srgb,var(--fd-color-success) 72%,var(--fd-color-text))}.demo-page_previewScene__TJy00[data-demo-active-style=anime] .demo-page_donationPreview__oQjoL{border-radius:var(--fd-radius-frame);border-color:var(--fd-color-signal-bright)}.demo-page_waveform__Mx1wT{position:absolute;inset-inline:clamp(var(--fd-space-5),5vw,var(--fd-space-8));inset-block-end:var(--fd-space-5);display:flex;min-block-size:44px;align-items:center;gap:var(--fd-space-2);color:var(--fd-color-text)}.demo-page_waveform__Mx1wT span{inline-size:3px;block-size:calc(var(--wave-index, 1) * 3px + 4px);flex:1 1 auto;max-inline-size:2.5rem;background:var(--fd-color-signal);animation:demo-page_demo-wave__ifgS6 calc(var(--fd-duration-scene) * 1.8) ease-in-out infinite alternate}.demo-page_waveform__Mx1wT span:nth-of-type(2n){--wave-index:4}.demo-page_waveform__Mx1wT span:nth-of-type(3n){--wave-index:7}.demo-page_waveform__Mx1wT span:nth-of-type(4n){--wave-index:2}.demo-page_waveform__Mx1wT[data-sound-enabled=false] span{block-size:2px;animation:none;background:var(--fd-color-graphite)}.demo-page_styleSection__f1BIE{border-block:var(--fd-line);background:var(--fd-color-canvas)}.demo-page_styleLayout___ou8P{display:grid;grid-template-columns:minmax(10rem,.3fr) minmax(0,1fr);gap:var(--fd-space-6);align-items:center;padding-block:var(--fd-space-5)}.demo-page_styleLayout___ou8P header h2{margin:0;font-size:1.35rem}.demo-page_styleLayout___ou8P header p{max-inline-size:28rem;margin:var(--fd-space-2) 0 0;color:var(--fd-color-muted);font-size:.82rem;line-height:1.55}.demo-page_styleRail__Uon6U{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:var(--fd-line);border-radius:var(--fd-radius-control)}.demo-page_styleRail__Uon6U button{display:flex;min-inline-size:44px;min-block-size:5.25rem;align-items:center;justify-content:center;gap:var(--fd-space-3);padding:var(--fd-space-3);color:var(--fd-color-muted);background:transparent;border:0;border-inline-end:var(--fd-line);border-radius:0;font-family:inherit;font-size:.9rem;cursor:pointer}.demo-page_styleRail__Uon6U button:last-child{border-inline-end:0}.demo-page_styleRail__Uon6U button[aria-pressed=true]{color:var(--fd-color-text);background:color-mix(in srgb,var(--fd-color-signal) 10%,transparent);font-weight:700}.demo-page_styleRail__Uon6U button[aria-pressed=true] svg{color:var(--fd-color-signal-bright)}.demo-page_closing__pDUhw{display:flex;align-items:center;justify-content:center;gap:var(--fd-space-7);padding-block:var(--fd-space-6)}.demo-page_closing__pDUhw p{margin:0;color:var(--fd-color-text);font-size:clamp(1rem,1.7vw,1.3rem)}@keyframes demo-page_demo-reveal__S0y__{0%{opacity:0;transform:translateY(var(--fd-space-3)) scale(.985)}to{opacity:1;transform:none}}@keyframes demo-page_demo-wave__ifgS6{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@media (hover:hover){.demo-page_samples__YtRyM button:hover,.demo-page_styleRail__Uon6U button:hover,.demo-page_widgetRail__0CID7 button:hover{color:var(--fd-color-text);border-color:var(--fd-color-signal);background:color-mix(in srgb,var(--fd-color-signal) 8%,transparent)}}@media (min-width:64.001rem){.demo-page_stage__u5lbl{padding-block:var(--fd-space-6)}.demo-page_controls__z2wYL{gap:var(--fd-space-4)}.demo-page_intro__WPeMl h1{max-inline-size:none}.demo-page_intro__WPeMl h1 span{display:inline}.demo-page_intro__WPeMl>p{margin-block-start:var(--fd-space-3);line-height:1.6}.demo-page_simulationNote__YwSma{margin-block-start:var(--fd-space-4)}.demo-page_form__7Sndq{gap:var(--fd-space-3)}.demo-page_form__7Sndq,.demo-page_widgetRail__0CID7{padding-block-start:var(--fd-space-3)}.demo-page_styleLayout___ou8P{padding-inline-end:11rem}}@media (max-width:64rem){.demo-page_stage__u5lbl{grid-template-columns:minmax(18rem,.86fr) minmax(0,1.14fr)}.demo-page_styleLayout___ou8P{grid-template-columns:1fr}}@media (max-width:48rem){.demo-page_page__bnJVn{overflow:hidden}.demo-page_stage__u5lbl{grid-template-columns:1fr;min-block-size:0;padding-block:var(--fd-space-6)}.demo-page_controls__z2wYL{padding-inline-end:0}.demo-page_intro__WPeMl h1{max-inline-size:12ch;font-size:clamp(2.35rem,12vw,3.55rem)}.demo-page_preview__PBvRs{grid-row:auto;margin-block-start:var(--fd-space-7);border-inline-start:0;border-block-start:var(--fd-line)}.demo-page_previewHeader__16TYT{padding-inline:0}.demo-page_previewScene__TJy00{min-block-size:clamp(18rem,78vw,26rem);border-inline:var(--fd-line)}.demo-page_previewImage__RPM2n{object-position:62% center}.demo-page_donationPreview__oQjoL{inset-inline:var(--fd-space-4);inset-block-start:44%;grid-template-columns:auto minmax(0,1fr);min-block-size:0}.demo-page_waveform__Mx1wT{inset-inline:var(--fd-space-4)}.demo-page_styleLayout___ou8P{gap:var(--fd-space-4)}.demo-page_styleRail__Uon6U{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-page_styleRail__Uon6U button{min-block-size:4.75rem;flex-direction:column;gap:var(--fd-space-2);border-block-end:var(--fd-line)}.demo-page_styleRail__Uon6U button:nth-child(3n){border-inline-end:0}.demo-page_styleRail__Uon6U button:nth-last-child(-n+3){border-block-end:0}.demo-page_closing__pDUhw{align-items:stretch;flex-direction:column;gap:var(--fd-space-4)}}@media (max-width:30rem){.demo-page_form__7Sndq{grid-template-columns:1fr}.demo-page_form__7Sndq>*{grid-column:1}.demo-page_widgetRail__0CID7{grid-template-columns:1fr}.demo-page_widgetRail__0CID7 button{inline-size:100%}.demo-page_previewHeader__16TYT{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:var(--fd-space-4)}.demo-page_donationPreview__oQjoL{grid-template-columns:3.5rem minmax(0,1fr);padding:var(--fd-space-4)}.demo-page_donationPreview__oQjoL p{display:block}.demo-page_donationPreview__oQjoL p span{display:block;margin-block-start:var(--fd-space-1)}}@media (max-width:48rem){.demo-page_preview__PBvRs{margin-block-start:0}.demo-page_previewScene__TJy00{display:grid;align-content:start;min-block-size:0;padding-block-start:5rem}.demo-page_donationPreview__oQjoL{min-width:0;overflow-wrap:anywhere}.demo-page_donationPreview__oQjoL,.demo-page_waveform__Mx1wT{position:relative;inset:auto;margin:0 16px 12px}}@media (prefers-reduced-motion:reduce){.demo-page_donationPreview__oQjoL,.demo-page_waveform__Mx1wT span{animation:none}}