.copy-button-module__JVu8wW__button{width:max-content;max-width:100%;min-height:var(--control-height-sm);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-control);padding:0 var(--space-3);background:var(--surface);color:var(--foreground);font:inherit;font-size:var(--text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-spring) var(--ease-spring);font-weight:500;display:inline-flex}.copy-button-module__JVu8wW__button:active:not(:disabled){transition-duration:var(--duration-fast), var(--duration-fast), var(--duration-fast), var(--duration-instant);transition-timing-function:var(--ease-standard);transform:scale(.97)}.copy-button-module__JVu8wW__iconOnly:active:not(:disabled){transform:scale(.96)}@media (hover:hover) and (pointer:fine){.copy-button-module__JVu8wW__button:hover:not(:disabled){background:var(--surface-muted);border-color:var(--border-strong)}.copy-button-module__JVu8wW__plain:hover:not(:disabled){background:var(--surface-muted);color:var(--foreground);border-color:#0000}}.copy-button-module__JVu8wW__button:disabled{cursor:not-allowed;opacity:.5}.copy-button-module__JVu8wW__icon{flex:none;width:16px;height:16px;display:grid;position:relative}.copy-button-module__JVu8wW__iconInner{place-items:center;display:grid;position:absolute;inset:0}.copy-button-module__JVu8wW__iconInner[data-state=copied]{color:var(--success)}.copy-button-module__JVu8wW__iconInner[data-state=error]{color:var(--danger)}.copy-button-module__JVu8wW__label{min-width:0;margin-inline:calc(var(--space-1) * -1);padding-inline:var(--space-1);text-align:left;white-space:nowrap;display:grid;overflow-x:clip}.copy-button-module__JVu8wW__measure,.copy-button-module__JVu8wW__glyphs{grid-area:1/1}.copy-button-module__JVu8wW__measure{visibility:hidden}.copy-button-module__JVu8wW__glyphs{white-space:pre;justify-self:start;display:inline-flex;position:relative}.copy-button-module__JVu8wW__glyph{display:inline-block}.copy-button-module__JVu8wW__iconOnly{width:var(--control-height-sm);padding:0}.copy-button-module__JVu8wW__plain{color:var(--text-secondary);background:0 0;border-color:#0000}.copy-button-module__JVu8wW__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.copy-button-module__JVu8wW__button{transition:none}.copy-button-module__JVu8wW__button:active:not(:disabled){transform:none}}
.code-block-module__XqhHuG__block{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);width:100%;min-width:0;max-width:100%;overflow:hidden}.code-block-module__XqhHuG__header{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);min-height:52px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--surface-raised);display:flex}.code-block-module__XqhHuG__header>button{flex:none}.code-block-module__XqhHuG__file{align-items:baseline;gap:var(--space-2);min-width:0;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-body);font-weight:500;line-height:var(--leading-body);display:flex}.code-block-module__XqhHuG__file>svg{color:var(--text-muted);flex:none;align-self:center}.code-block-module__XqhHuG__filename{color:var(--foreground);flex:none;position:relative}.code-block-module__XqhHuG__swap{white-space:nowrap;min-width:0;display:grid}.code-block-module__XqhHuG__swap>span,.code-block-module__XqhHuG__swapStack>span{grid-area:1/1;min-width:0}.code-block-module__XqhHuG__swapStack{min-width:0;display:grid;position:relative}.code-block-module__XqhHuG__swapText{display:block}.code-block-module__XqhHuG__reserve{visibility:hidden}.code-block-module__XqhHuG__srOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.code-block-module__XqhHuG__language{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);flex:none;font-weight:400;display:inline-flex;position:relative}.code-block-module__XqhHuG__language:before{content:"·";margin-right:var(--space-2);color:var(--border-strong)}.code-block-module__XqhHuG__viewport{--code-collapsed:calc(var(--code-lines,0) * var(--text-sm) * 1.7 + var(--space-5) * 2);overflow:hidden}.code-block-module__XqhHuG__pre{padding:var(--space-5);color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--text-sm);font-variant-ligatures:none;tab-size:2;white-space:pre;margin:0;line-height:1.7;position:relative;overflow:auto}.code-block-module__XqhHuG__code{display:block}.code-block-module__XqhHuG__expand{justify-content:center;align-items:center;gap:var(--space-2);border:0;border-top:1px solid var(--border-subtle);width:100%;min-height:44px;padding:0 var(--space-4);background:var(--surface-raised);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);font-weight:500;display:flex}.code-block-module__XqhHuG__chevron{color:var(--text-muted);flex:none;place-items:center;display:grid}.code-block-module__XqhHuG__comment{color:var(--text-muted);font-style:italic}.code-block-module__XqhHuG__string{color:#006b2e;color:lab(38.9684% -39.594 26.517)}.code-block-module__XqhHuG__number{color:#9a4a00;color:lab(41.1981% 33.7384 64.861)}.code-block-module__XqhHuG__keyword{color:#584cad;color:lab(37.5244% 25.5593 -51.5734)}.code-block-module__XqhHuG__type{color:#006184;color:lab(37.4835% -18.6549 -35.6626)}.code-block-module__XqhHuG__function{color:#852e2c;color:lab(32.6862% 37.7883 22.3337)}.code-block-module__XqhHuG__property{color:#6d4c00;color:lab(35.0591% 11.2659 66.9036)}.code-block-module__XqhHuG__tag{color:#006184;color:lab(37.4835% -18.6549 -35.6626)}.code-block-module__XqhHuG__punctuation{color:var(--text-secondary)}:root[data-theme=dark] .code-block-module__XqhHuG__string{color:#64cf80;color:lab(75.2259% -45.11 29.5429)}:root[data-theme=dark] .code-block-module__XqhHuG__number{color:#f2af48;color:lab(76.7033% 18.106 60.6421)}:root[data-theme=dark] .code-block-module__XqhHuG__keyword{color:#afacff;color:lab(72.55% 22.758 -55.5947)}:root[data-theme=dark] .code-block-module__XqhHuG__type{color:#4fc9fe;color:lab(75.9391% -22.9806 -36.3496)}:root[data-theme=dark] .code-block-module__XqhHuG__function{color:#ff9e96;color:lab(75.5496% 40.4957 22.6041)}:root[data-theme=dark] .code-block-module__XqhHuG__property{color:#deb459;color:lab(75.8559% 8.00878 51.7036)}:root[data-theme=dark] .code-block-module__XqhHuG__tag{color:#4fc9fe;color:lab(75.9391% -22.9806 -36.3496)}@media (hover:hover) and (pointer:fine){.code-block-module__XqhHuG__expand:hover{background:var(--surface-muted);color:var(--foreground)}.code-block-module__XqhHuG__expand:hover .code-block-module__XqhHuG__chevron{color:var(--foreground)}}@media (max-width:420px){.code-block-module__XqhHuG__header{padding-left:var(--space-3)}.code-block-module__XqhHuG__header button{width:var(--control-height-sm);padding-inline:0}.code-block-module__XqhHuG__header button>span:last-of-type{display:none}.code-block-module__XqhHuG__viewport{--code-collapsed:calc(var(--code-lines,0) * var(--text-xs) * 1.7 + var(--space-4) * 2)}.code-block-module__XqhHuG__pre{padding:var(--space-4);font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.code-block-module__XqhHuG__expand{transition:none}}
.arc-theme{--border:var(--neutral-200);--border-strong:var(--neutral-300);--border-subtle:color-mix(in oklab, var(--neutral-200) 60%, var(--neutral-100));--surface:var(--neutral-100);--surface-muted:var(--neutral-200);--surface-raised:var(--neutral-50);--foreground:var(--neutral-950);--text-muted:var(--neutral-600);--text-secondary:var(--neutral-700);--success:oklch(from var(--brand-700) l .11 162.5);--danger:oklch(from var(--brand-700) l .15 25.3);--arc-syntax-base:var(--brand-700);--font-body:var(--font-inter), Inter, system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--radius-panel:1.625rem;--radius-control:1.125rem;--control-height-sm:2.25rem;--text-sm:.875rem;--text-xs:.75rem;--leading-body:1.4;--tracking-body:-.01em;--ease-enter:cubic-bezier(.16,1,.3,1);--ease-standard:cubic-bezier(.22,1,.36,1);--ease-exit:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:linear(0,.0258,.09,.1763,.2732,.3724,.4683,.5573,.6376,.7082,.7689,.8202,.8628,.8976,.9256,.9476,.9648,.9778,.9875,.9945,.9994,1.0026,1.0047,1.0058,1.0062,1.0062,1.0059,1.0055,1.0049,1.0043,1.0036,1.0031,1.0025,1.002,1.0016,1.0013,1);--duration-instant:.12s;--duration-fast:.16s;--duration-standard:.24s;--duration-considered:.48s;--duration-spring:.58s;font-family:var(--font-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}html[data-theme=dark] .arc-theme{--border:var(--neutral-800);--border-strong:var(--neutral-600);--border-subtle:color-mix(in oklab, var(--neutral-800) 60%, var(--neutral-900));--surface:var(--neutral-950);--surface-muted:var(--neutral-800);--surface-raised:var(--neutral-900);--foreground:var(--neutral-50);--text-muted:var(--neutral-400);--text-secondary:var(--neutral-300);--success:oklch(from var(--brand-300) l .11 162.5);--danger:oklch(from var(--brand-300) l .13 25.3);--arc-syntax-base:var(--brand-300)}@media (prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) .arc-theme{--border:var(--neutral-800);--border-strong:var(--neutral-600);--border-subtle:color-mix(in oklab, var(--neutral-800) 60%, var(--neutral-900));--surface:var(--neutral-950);--surface-muted:var(--neutral-800);--surface-raised:var(--neutral-900);--foreground:var(--neutral-50);--text-muted:var(--neutral-400);--text-secondary:var(--neutral-300);--success:oklch(from var(--brand-300) l .11 162.5);--danger:oklch(from var(--brand-300) l .13 25.3);--arc-syntax-base:var(--brand-300)}}.arc-theme pre,.arc-theme pre code{font-family:var(--font-mono,ui-monospace), monospace}.arc-theme.arc-theme pre code [class*=string]{color:oklch(from var(--arc-syntax-base) l .11 162.5)}.arc-theme.arc-theme pre code [class*=number]{color:oklch(from var(--arc-syntax-base) l .12 70.1)}.arc-theme.arc-theme pre code [class*=keyword]{color:oklch(from var(--arc-syntax-base) l .14 293.5)}.arc-theme.arc-theme pre code [class*=type]{color:oklch(from var(--arc-syntax-base) l .13 254.088)}.arc-theme.arc-theme pre code [class*=function]{color:oklch(from var(--arc-syntax-base) l .13 25.3)}.arc-theme.arc-theme pre code [class*=property]{color:oklch(from var(--arc-syntax-base) l .12 254.088)}.arc-theme.arc-theme pre code [class*=tag]{color:oklch(from var(--arc-syntax-base) l .13 254.088)}.arc-theme button,.arc-theme pre{-webkit-tap-highlight-color:transparent}.arc-theme button:focus,.arc-theme pre:focus{outline:none}.arc-theme button:focus-visible,.arc-theme pre:focus-visible{outline:2px solid var(--home-focus);outline-offset:-3px}.arc-theme .pg-code-bar{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);display:flex;overflow-x:auto}.arc-theme .pg-code-file{height:32px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;font-size:13px;font-weight:500}.arc-theme .pg-code-file[aria-selected=true]{color:var(--foreground);background:var(--surface-muted)}
.code-preview-module__Z3_Lla__root{aspect-ratio:390/844;width:100%;position:relative;overflow:hidden}.code-preview-module__Z3_Lla__screen{pointer-events:none;-webkit-user-select:none;user-select:none;width:390px;max-width:none;height:844px;transform:scale(var(--preview-scale,1));transform-origin:0 0;border:0;display:block;position:absolute;inset:0 auto auto 0}.code-preview-module__Z3_Lla__preview{width:100%}.code-preview-module__Z3_Lla__group{margin:2rem 0 1.5rem}.code-preview-module__Z3_Lla__group .content-design-compare{margin-block:0}.code-preview-module__Z3_Lla__playback{visibility:hidden}.code-preview-module__Z3_Lla__playback[data-ready]{visibility:visible}.code-preview-module__Z3_Lla__controls.code-preview-module__Z3_Lla__controls{--control-height-sm:46px;--bg-pad-x:10px;--text-sm:var(--home-text-meta);width:max-content;max-width:100%;margin:.5rem 0 0 auto;display:flex}.code-preview-module__Z3_Lla__controls.code-preview-module__Z3_Lla__pairedControls{margin-inline:auto}.code-preview-module__Z3_Lla__controls button{touch-action:manipulation}.code-preview-module__Z3_Lla__controls>button{align-self:center}.code-preview-module__Z3_Lla__controls .code-preview-module__Z3_Lla__speedSegments{--control-height-sm:44px;background:0 0;border:0;border-radius:0}.code-preview-module__Z3_Lla__speedSegments button{font-variant-numeric:tabular-nums;min-width:44px;padding-inline:6px}.code-preview-module__Z3_Lla__speedSegments button:disabled{cursor:default}
.image-compare-module__bTOpga__root{--background:var(--home-bg);--foreground:var(--home-ink);--surface-muted:var(--content-surface);--surface-raised:var(--home-bg);--border:var(--home-line);--border-strong:var(--home-faint);--shadow-raised:var(--shadow-md);--space-3:.75rem;--radius-panel:1.25rem;--radius-pill:9999px;--text-xs:var(--home-text-meta);--leading-body:var(--home-leading-meta);--tracking-body:var(--home-track-body);--duration-fast:var(--home-hover-dur);--ease-standard:var(--home-ease);isolation:isolate;border-radius:var(--radius-panel);background:var(--surface-muted);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;display:block;position:relative;overflow:clip;container-type:size}.image-compare-module__bTOpga__root[data-orientation=vertical]{cursor:ns-resize;touch-action:pan-x}.image-compare-module__bTOpga__root:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent);pointer-events:none;position:absolute;inset:0}.image-compare-module__bTOpga__layer{position:absolute;inset:0}.image-compare-module__bTOpga__layer :where(img,picture,video){object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.image-compare-module__bTOpga__chip{z-index:1;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--background) 74%, transparent);color:var(--foreground);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-body);letter-spacing:var(--tracking-body);pointer-events:none;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);padding:3px 10px;position:absolute}.image-compare-module__bTOpga__chip[data-place=end]{right:var(--space-3);left:auto}.image-compare-module__bTOpga__chip[data-place=bottom]{top:auto;bottom:var(--space-3)}.image-compare-module__bTOpga__pivot{z-index:2;pointer-events:none;position:absolute;inset:0}.image-compare-module__bTOpga__rotor{width:0;height:0;position:absolute;top:0;left:0}.image-compare-module__bTOpga__line{background:var(--surface-raised);width:2px;height:calc(200cqw + 200cqh);position:absolute;top:calc(-100cqw - 100cqh);left:-1px;box-shadow:0 0 0 .5px #00000024;box-shadow:0 0 0 .5px lab(0% 0 0/.14)}:root[data-theme=dark] .image-compare-module__bTOpga__line{background:var(--foreground)}.image-compare-module__bTOpga__handleSlot{position:absolute;top:0;left:0}.image-compare-module__bTOpga__handle{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-raised);width:40px;height:40px;box-shadow:var(--shadow-raised);color:var(--foreground);pointer-events:auto;transition:border-color var(--duration-fast) var(--ease-standard);outline:0 solid #0000;place-items:center;display:grid;position:absolute;top:0;left:0;translate:-50% -50%}.image-compare-module__bTOpga__handle:after{content:"";border-radius:inherit;position:absolute;inset:-8px}@media (hover:hover) and (pointer:fine){.image-compare-module__bTOpga__root:hover .image-compare-module__bTOpga__handle{border-color:var(--border-strong)}}.image-compare-module__bTOpga__chevrons{align-items:center;display:flex}.image-compare-module__bTOpga__chevron{place-items:center;margin-inline:-2.5px;display:grid}@media (prefers-reduced-motion:reduce){.image-compare-module__bTOpga__handle{transition:none}}.image-compare-module__bTOpga__handle:focus:not([data-quiet]){outline:2px solid var(--home-focus);outline-offset:3px}.image-compare-module__bTOpga__root[data-dragging]{cursor:grabbing}
.image-compare-module__Rdj7Jq__frame{max-width:400px;margin:1.5rem auto}.image-compare-module__Rdj7Jq__group{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;margin:2rem 0;display:grid}.image-compare-module__Rdj7Jq__group>.image-compare-module__Rdj7Jq__frame{width:100%;margin:0 auto}@media (min-width:769px){.image-compare-module__Rdj7Jq__group{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.image-compare-module__Rdj7Jq__group{width:calc(100% + 6rem);margin-inline:-3rem}}