.viewer-column[data-astro-cid-imdawm5n]{min-width:0}.fabric-demo[data-astro-cid-imdawm5n] [data-astro-cid-imdawm5n][hidden]{display:none!important}.visually-hidden[data-astro-cid-imdawm5n]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sample-picker[data-astro-cid-imdawm5n]{display:flex;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:12px;padding:3px;margin:0 0 16px;gap:4px;background:var(--surface)}.sample-picker[data-astro-cid-imdawm5n] label[data-astro-cid-imdawm5n]{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600}.sample-picker[data-astro-cid-imdawm5n] label[data-astro-cid-imdawm5n]:has(input:checked){background:var(--canvas);color:var(--accent-deep)}.sample-picker[data-astro-cid-imdawm5n] input[data-astro-cid-imdawm5n]{width:18px;height:18px;margin:0;accent-color:var(--accent)}.sample-picker[data-astro-cid-imdawm5n] label[data-astro-cid-imdawm5n]:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.swatches[data-astro-cid-imdawm5n].window-options{grid-template-columns:repeat(2,minmax(0,1fr))}.window-options[data-astro-cid-imdawm5n] .swatch-image[data-astro-cid-imdawm5n] img[data-astro-cid-imdawm5n]{aspect-ratio:4/3}.divider[data-astro-cid-imdawm5n]>span[data-astro-cid-imdawm5n]{pointer-events:auto;touch-action:none;cursor:ew-resize}.fabric-demo[data-astro-cid-imdawm5n]{display:block;max-width:1280px;margin:auto;padding:32px 32px 0;color:var(--ink)}.demo-intro[data-astro-cid-imdawm5n]{margin-bottom:24px}.demo-intro[data-astro-cid-imdawm5n] .demo-title[data-astro-cid-imdawm5n]{font-size:clamp(2.5rem,4.3vw,3.5rem);line-height:1.06}.demo-intro[data-astro-cid-imdawm5n]>p[data-astro-cid-imdawm5n]:last-child{margin-top:16px;color:var(--ink-soft);font-size:clamp(1rem,1.6vw,1.3rem)}.demo-layout[data-astro-cid-imdawm5n]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:24px;align-items:start}.demo-figure[data-astro-cid-imdawm5n]{margin:0;min-width:0}.comparison[data-astro-cid-imdawm5n]{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:var(--surface-alt)}.comparison[data-astro-cid-imdawm5n]>img[data-astro-cid-imdawm5n]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.original[data-astro-cid-imdawm5n]{clip-path:inset(0 var(--reveal) 0 0)}.image-label[data-astro-cid-imdawm5n]{position:absolute;top:16px;max-width:calc(50% - 24px);padding:7px 10px;border-radius:8px;background:#141618c7;color:#fff;font-size:.8rem;line-height:1.3}.before-label[data-astro-cid-imdawm5n]{left:16px}.after-label[data-astro-cid-imdawm5n]{right:16px;text-align:right}.divider[data-astro-cid-imdawm5n]{position:absolute;left:calc(100% - var(--reveal));top:0;bottom:0;border-left:2px solid white;pointer-events:none}.divider[data-astro-cid-imdawm5n]>span[data-astro-cid-imdawm5n]{position:absolute;top:50%;left:-23px;display:grid;place-content:center;width:44px;height:44px;border-radius:50%;background:var(--surface);color:var(--ink);font-size:24px;box-shadow:0 2px 10px #0002}.comparison[data-astro-cid-imdawm5n] [data-astro-cid-imdawm5n][hidden]{display:none}.compare-label[data-astro-cid-imdawm5n]{display:block;margin-top:20px;font-weight:700}.comparison-range[data-astro-cid-imdawm5n]{display:block;width:100%;height:48px;margin:0;accent-color:var(--accent);cursor:ew-resize}.comparison-range[data-astro-cid-imdawm5n]:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.range-ends[data-astro-cid-imdawm5n]{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:.8rem;margin-top:-6px}.demo-figure[data-astro-cid-imdawm5n] figcaption[data-astro-cid-imdawm5n]{margin-top:16px;font-size:.82rem;color:var(--ink-soft);line-height:1.6}.material-panel[data-astro-cid-imdawm5n]{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:24px;min-width:0}.material-panel[data-astro-cid-imdawm5n] fieldset[data-astro-cid-imdawm5n]{padding:0;border:0;margin:0;min-width:0}.material-panel[data-astro-cid-imdawm5n] legend[data-astro-cid-imdawm5n]{padding:0;font-family:var(--font-display);font-weight:700;font-size:1.8rem;letter-spacing:-.04em}.sample-note[data-astro-cid-imdawm5n]{color:var(--ink-soft);font-size:.88rem;margin:6px 0 20px}.swatches[data-astro-cid-imdawm5n]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.swatch[data-astro-cid-imdawm5n]{position:relative;cursor:pointer;min-height:48px}.swatch[data-astro-cid-imdawm5n] input[data-astro-cid-imdawm5n]{position:absolute;opacity:0;width:1px;height:1px}.swatch-image[data-astro-cid-imdawm5n]{display:block;position:relative;padding:3px;border:2px solid transparent;border-radius:10px}.swatch-image[data-astro-cid-imdawm5n] img[data-astro-cid-imdawm5n]{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:6px}.swatch[data-astro-cid-imdawm5n] input[data-astro-cid-imdawm5n]:checked+.swatch-image[data-astro-cid-imdawm5n]{border-color:var(--accent)}.swatch[data-astro-cid-imdawm5n] input[data-astro-cid-imdawm5n]:focus-visible+.swatch-image[data-astro-cid-imdawm5n]{outline:3px solid var(--accent);outline-offset:3px}.selected-mark[data-astro-cid-imdawm5n]{display:none;position:absolute;top:8px;right:8px;border-radius:50%;width:24px;height:24px;background:var(--accent);color:#fff;text-align:center;font-weight:700}.swatch[data-astro-cid-imdawm5n] input[data-astro-cid-imdawm5n]:checked+.swatch-image[data-astro-cid-imdawm5n] .selected-mark[data-astro-cid-imdawm5n]{display:block}.swatch-name[data-astro-cid-imdawm5n]{display:block;margin:7px 2px 0;font-size:.82rem;font-weight:600;line-height:1.35}.material-detail[data-astro-cid-imdawm5n]{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.material-detail[data-astro-cid-imdawm5n] .selected-name[data-astro-cid-imdawm5n]{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}.material-detail[data-astro-cid-imdawm5n] p[data-astro-cid-imdawm5n]{font-size:.88rem;line-height:1.5;color:var(--ink-soft);margin-top:7px}.material-detail[data-astro-cid-imdawm5n] a[data-astro-cid-imdawm5n]{display:flex;align-items:center;min-height:48px;color:var(--accent-deep);font-size:.85rem;text-decoration:underline;text-underline-offset:3px}.show-fabric[data-astro-cid-imdawm5n]{width:100%;margin-top:16px;cursor:pointer;font-family:inherit}.reset-example[data-astro-cid-imdawm5n]{display:block;width:100%;min-height:48px;border:0;background:transparent;color:var(--accent-deep);font:600 .9rem var(--font-ui);cursor:pointer;margin-top:8px}.demo-status[data-astro-cid-imdawm5n]{min-height:3.2em;font-size:.8rem;line-height:1.5;color:var(--ink-soft);margin-top:8px}.demo-error[data-astro-cid-imdawm5n]{color:var(--ink);font-weight:650}.material-panel[data-astro-cid-imdawm5n] button[data-astro-cid-imdawm5n]:disabled{opacity:.65;cursor:wait}.material-panel[data-astro-cid-imdawm5n] fieldset[data-astro-cid-imdawm5n]:disabled{opacity:.7}.demo-conversion[data-astro-cid-imdawm5n]{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:32px 0;border-top:1px solid var(--line)}.demo-conversion[data-astro-cid-imdawm5n] .conversion-heading[data-astro-cid-imdawm5n]{font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.15}.demo-conversion[data-astro-cid-imdawm5n] p[data-astro-cid-imdawm5n]{margin-top:10px;color:var(--ink-soft);font-size:.95rem}.demo-conversion[data-astro-cid-imdawm5n] a[data-astro-cid-imdawm5n]{flex-shrink:0;gap:8px}.fabric-demo[data-astro-cid-imdawm5n] button[data-astro-cid-imdawm5n],.fabric-demo[data-astro-cid-imdawm5n] a[data-astro-cid-imdawm5n]{transition:none}.fabric-demo[data-astro-cid-imdawm5n] button[data-astro-cid-imdawm5n]:hover,.demo-conversion[data-astro-cid-imdawm5n] a[data-astro-cid-imdawm5n]:hover{transform:none}@media(max-width:850px){.demo-layout[data-astro-cid-imdawm5n]{grid-template-columns:1fr}.swatch-image[data-astro-cid-imdawm5n] img[data-astro-cid-imdawm5n]{aspect-ratio:1}.material-panel[data-astro-cid-imdawm5n]{padding:24px}.demo-conversion[data-astro-cid-imdawm5n]{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.sample-picker[data-astro-cid-imdawm5n]{width:100%;gap:0}.sample-picker[data-astro-cid-imdawm5n] label[data-astro-cid-imdawm5n]{flex:1;padding:8px;font-size:.85rem;gap:7px}.fabric-demo[data-astro-cid-imdawm5n]{padding:32px 20px 0}.demo-intro[data-astro-cid-imdawm5n]{margin-bottom:24px}.demo-intro[data-astro-cid-imdawm5n] .demo-title[data-astro-cid-imdawm5n]{font-size:2.65rem}.material-panel[data-astro-cid-imdawm5n]{padding:20px}.swatches[data-astro-cid-imdawm5n]{gap:8px}.swatch-name[data-astro-cid-imdawm5n]{font-size:.8rem}.image-label[data-astro-cid-imdawm5n]{top:10px;font-size:.7rem;max-width:calc(50% - 16px)}.before-label[data-astro-cid-imdawm5n]{left:10px}.after-label[data-astro-cid-imdawm5n]{right:10px}.demo-conversion[data-astro-cid-imdawm5n] a[data-astro-cid-imdawm5n]{width:100%}}