header.svelte-oiwvqb{margin-inline:auto;position:sticky;top:0;z-index:50;border-bottom:1px solid light-dark(#d1d1d1,#4f4f4f);background-color:var(--background)}.header-content.svelte-oiwvqb{height:4rem;padding:0 7.5rem;align-items:center;display:grid;grid-template-columns:1fr;grid-template-areas:"content"}.logo-atelier.svelte-oiwvqb{grid-area:content;justify-self:start;z-index:1}h1.svelte-oiwvqb{grid-area:content;justify-self:center;margin:0;font-size:2rem;font-weight:600}.github-link.svelte-oiwvqb{grid-area:content;justify-self:end;z-index:1}@media(min-width:769px){.header-content.svelte-oiwvqb{padding:0 2rem}}.github-link.svelte-oiwvqb{display:flex;align-items:center;color:inherit;transition:opacity .2s;flex-shrink:0}.github-link.svelte-oiwvqb:hover{opacity:.7}@media(max-width:768px){.header-content.svelte-oiwvqb{padding:0 1rem}h1.svelte-oiwvqb{font-size:1.5rem}}.hero.svelte-tpn8en{padding:3rem 1rem;position:relative;overflow:hidden;border-radius:10%/50%}.hero-bg.svelte-tpn8en{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.container.svelte-tpn8en{position:relative;z-index:1}.hero-content.svelte-tpn8en{text-align:center}.hero-left.svelte-tpn8en{display:flex;flex-direction:column;justify-content:flex-start}.hero-intro.svelte-tpn8en{font-size:var(--typo-size-28);line-height:1.6;margin:0;color:gray}.hero-features.svelte-tpn8en{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.feature-tag.svelte-tpn8en{display:inline-block;padding:.5rem 1rem;font-size:var(--typo-size-16);font-weight:500;background:#e6142d4d;border-radius:20px;color:inherit}@media(max-width:768px){.hero.svelte-tpn8en{padding:1.5rem}.hero-content.svelte-tpn8en{grid-template-columns:1fr;gap:2rem}.hero-intro.svelte-tpn8en{font-size:var(--typo-size-20)}.feature-tag.svelte-tpn8en{font-size:var(--typo-size-14);padding:.4rem .8rem}}.howto-grid.svelte-1a40tjq{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.howto-environments.svelte-1a40tjq{display:grid;grid-template-columns:1fr 1fr;gap:2rem}h3.svelte-1a40tjq{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}p.svelte-1a40tjq{margin-bottom:1rem;color:#4b5563;line-height:1.5}code.svelte-1a40tjq{background:#f3f4f6;padding:.2em .4em;border-radius:4px;font-size:.9em;font-family:monospace}.code-block.svelte-1a40tjq{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.code-block.svelte-1a40tjq pre{margin:0;padding:1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}@media(max-width:768px){.howto-environments.svelte-1a40tjq{grid-template-columns:1fr}}.examples-layout.svelte-or2lq5{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:start}.lib-selector.svelte-or2lq5{display:flex;flex-direction:column;gap:.5rem}.lib-btn.svelte-or2lq5{display:flex;align-items:center;padding:.7rem 1rem;font-size:.9rem;font-weight:500;color:inherit;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .3s;text-align:left;opacity:.6;justify-content:space-between;gap:.5rem}.lib-btn.svelte-or2lq5:hover{background:#0000000d;color:inherit;opacity:.8}.lib-btn.active.svelte-or2lq5{background:#0000000d;color:inherit;opacity:1;border-color:#d1d5db;font-weight:600}.lib-icon.svelte-or2lq5{display:flex;align-items:center;opacity:.6}.lib-btn-left.svelte-or2lq5{display:flex;align-items:center;gap:.6rem}.lib-link.svelte-or2lq5{display:flex;align-items:center;margin-left:auto;opacity:0;color:inherit;transition:opacity .2s;flex-shrink:0}.lib-btn.svelte-or2lq5:hover .lib-link:where(.svelte-or2lq5),.lib-btn.active.svelte-or2lq5 .lib-link:where(.svelte-or2lq5){opacity:.5}.lib-link.svelte-or2lq5:hover{opacity:1!important}.lib-btn.active.svelte-or2lq5 .lib-icon:where(.svelte-or2lq5){opacity:1}.example-display.svelte-or2lq5{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.display-tabs.svelte-or2lq5{display:flex;gap:0;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tab-btn.svelte-or2lq5{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.8rem;font-weight:500;color:inherit;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .3s;opacity:.6}.tab-btn.svelte-or2lq5:hover{opacity:.8}.tab-btn.active.svelte-or2lq5{opacity:1;border-bottom-color:current}.display-content.svelte-or2lq5{min-height:300px}.code-block-wrapper.svelte-or2lq5{overflow-x:auto;font-size:.9rem;line-height:1.6}.code-block-wrapper.svelte-or2lq5 pre{margin:0;padding:1.5rem;border-radius:0}.code-block-wrapper.svelte-or2lq5 code{font-family:Courier New,monospace;font-size:.9rem}.preview-area.svelte-or2lq5{padding:1.5rem;display:flex;justify-content:center;align-items:center}.preview-area.svelte-or2lq5 canvas:where(.svelte-or2lq5){border-radius:4px;max-width:100%;height:auto}.preview-placeholder.svelte-or2lq5{flex-direction:column;gap:1rem;text-align:center;opacity:.5;padding:3rem 2rem}.preview-placeholder.svelte-or2lq5 p:where(.svelte-or2lq5){font-size:.9rem;line-height:1.6}@media(max-width:768px){.examples-layout.svelte-or2lq5{grid-template-columns:1fr}.lib-selector.svelte-or2lq5{flex-direction:row;flex-wrap:wrap}}.gen-layout.svelte-u0tk5h{display:grid;grid-template-columns:repeat(3,auto);gap:2rem;align-items:start;max-width:100%}.gen-controls.svelte-u0tk5h{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:#f3f4f6;min-width:0}.control-group.svelte-u0tk5h{display:flex;flex-direction:column;gap:.25rem}.control-group.svelte-u0tk5h label:where(.svelte-u0tk5h){display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:.9rem}.value.svelte-u0tk5h{font-weight:500;font-size:.8rem;font-variant-numeric:tabular-nums}.value-light.svelte-u0tk5h{font-weight:400;font-size:.75rem;opacity:.6}.control-row.svelte-u0tk5h{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.control-group.svelte-u0tk5h input[type=color]:where(.svelte-u0tk5h){width:100%;height:40px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:border-color .3s}.control-group.svelte-u0tk5h input[type=color]:where(.svelte-u0tk5h):hover{border-color:#9ca3af}.control-group.svelte-u0tk5h select:where(.svelte-u0tk5h),.control-group.svelte-u0tk5h input[type=text]:where(.svelte-u0tk5h){padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;transition:border-color .3s;font:inherit}.control-group.svelte-u0tk5h input[type=range]:where(.svelte-u0tk5h){width:100%;height:6px;accent-color:#fd364e}.control-group.svelte-u0tk5h select:where(.svelte-u0tk5h):hover,.control-group.svelte-u0tk5h input[type=text]:where(.svelte-u0tk5h):hover{border-color:#9ca3af}.control-group.svelte-u0tk5h select:where(.svelte-u0tk5h):focus,.control-group.svelte-u0tk5h input[type=text]:where(.svelte-u0tk5h):focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 3px #0000000d}.toggle-row.svelte-u0tk5h{flex-direction:row!important;align-items:center;gap:.5rem;padding-top:.25rem}.toggle-label.svelte-u0tk5h{font-size:.85rem!important;font-weight:500!important;cursor:pointer;margin-bottom:0!important}.gen-center.svelte-u0tk5h{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.preview-wrapper.svelte-u0tk5h{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;aspect-ratio:1 / 1}.preview-wrapper.svelte-u0tk5h canvas:where(.svelte-u0tk5h){display:block;width:100%;height:100%}.code-output.svelte-u0tk5h{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.code-block-wrapper.svelte-u0tk5h{overflow-x:auto;max-height:400px}.code-block-wrapper.svelte-u0tk5h pre{margin:0;font-size:.8rem;line-height:1.65}.gen-gallery.svelte-u0tk5h{display:flex;flex-direction:column;gap:.75rem}.gallery-label.svelte-u0tk5h{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.gallery-grid.svelte-u0tk5h{display:grid;grid-template-columns:1fr 1fr;grid-auto-columns:min-content;justify-items:start;gap:.5rem;max-height:550px;overflow-y:auto;padding-right:.25rem}.gallery-item.svelte-u0tk5h{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.35rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .3s}.gallery-item.svelte-u0tk5h:hover{border-color:#9ca3af;box-shadow:0 1px 2px #0000000d}.gallery-item.svelte-u0tk5h canvas:where(.svelte-u0tk5h){display:block;width:100%;height:auto;border-radius:3px}.gallery-name.svelte-u0tk5h{font-size:.7rem;font-weight:500;opacity:.6}@media(max-width:908px){.gen-layout.svelte-u0tk5h{grid-template-columns:1fr 1fr}.gen-gallery.svelte-u0tk5h{grid-column:1 / -1;width:100%}.gallery-grid.svelte-u0tk5h{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;max-height:none;padding-top:1rem}.control-row.svelte-u0tk5h{grid-template-columns:1fr;gap:.5rem}}.detail-block.svelte-73dg5p{margin-bottom:4rem}.detail-block.svelte-73dg5p:last-child{margin-bottom:0}.detail-text.svelte-73dg5p{max-width:720px;margin-bottom:2rem}.detail-text.svelte-73dg5p h3:where(.svelte-73dg5p){font-size:1.35rem;font-weight:700;margin-bottom:.75rem}.detail-text.svelte-73dg5p p:where(.svelte-73dg5p){font-size:.95rem;line-height:1.7;margin-bottom:.75rem;opacity:.7}.detail-text.svelte-73dg5p p:where(.svelte-73dg5p):last-child{margin-bottom:0}.detail-text.svelte-73dg5p code:where(.svelte-73dg5p){background:#f3f4f6;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.scale-demo.svelte-73dg5p{overflow-x:auto}.scale-strip.svelte-73dg5p{display:flex;gap:.5rem;align-items:flex-end}.scale-tile.svelte-73dg5p{display:flex;flex-direction:column;align-items:center;gap:.5rem}.scale-tile.svelte-73dg5p canvas:where(.svelte-73dg5p){display:block;border:1px solid #e5e7eb;border-radius:4px}.scale-label.svelte-73dg5p{font-size:.75rem;font-family:Courier New,monospace;opacity:.6;white-space:nowrap}.demo-caption.svelte-73dg5p{margin-top:1rem;font-size:.8rem;opacity:.6;font-style:italic}.patch-toggle.svelte-73dg5p{display:flex;align-items:center;margin-bottom:1.5rem}.toggle-switch.svelte-73dg5p{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.toggle-switch.svelte-73dg5p input:where(.svelte-73dg5p){position:absolute;opacity:0;width:0;height:0}.toggle-track.svelte-73dg5p{position:relative;width:44px;height:24px;border-radius:12px;background:#d1d5db;transition:background .25s ease;flex-shrink:0}.toggle-switch.svelte-73dg5p input:where(.svelte-73dg5p):checked~.toggle-track:where(.svelte-73dg5p){background:#e6142d}.toggle-thumb.svelte-73dg5p{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s ease}.toggle-switch.svelte-73dg5p input:where(.svelte-73dg5p):checked~.toggle-track:where(.svelte-73dg5p) .toggle-thumb:where(.svelte-73dg5p){transform:translate(20px)}.toggle-label.svelte-73dg5p{font-size:.9rem;font-weight:500;min-width:130px}.patch-matrix.svelte-73dg5p{overflow-x:auto;padding-bottom:.5rem}.patch-row.svelte-73dg5p{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem}.patch-type-label.svelte-73dg5p{width:70px;flex-shrink:0;font-size:.75rem;font-family:Courier New,monospace;opacity:.6;text-align:right}.patch-tiles.svelte-73dg5p{display:flex;gap:.25rem}.patch-tile.svelte-73dg5p{display:flex;flex-direction:column;align-items:center;gap:.2rem}.patch-tile.svelte-73dg5p canvas:where(.svelte-73dg5p){display:block;width:60px;height:60px;border:1px solid #e5e7eb;border-radius:3px}.patch-size-label.svelte-73dg5p{font-size:.65rem;font-family:Courier New,monospace;opacity:.6}.rules-block.svelte-18wmvuo{margin-bottom:3rem}.rules-grid.svelte-18wmvuo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rule.svelte-18wmvuo{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb;font-size:.9rem;line-height:1.6}.rule.svelte-18wmvuo strong:where(.svelte-18wmvuo){font-weight:600}.rule.svelte-18wmvuo code:where(.svelte-18wmvuo){background:#fff;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.85em}.rule-num.svelte-18wmvuo{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;border-radius:50%;font-size:.8rem;font-weight:700}.examples-grid.svelte-18wmvuo{display:flex;flex-direction:column;gap:1.5rem}.example-card.svelte-18wmvuo{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.example-header.svelte-18wmvuo{display:flex;align-items:baseline;gap:.75rem;padding:.75rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.example-title.svelte-18wmvuo{font-size:.95rem;font-weight:700}.example-note.svelte-18wmvuo{font-size:.8rem;opacity:.6}.example-note.svelte-18wmvuo a:where(.svelte-18wmvuo){color:inherit;text-decoration:underline;text-underline-offset:2px}.example-note.svelte-18wmvuo code:where(.svelte-18wmvuo){background:#e5e7eb;padding:.1rem .35rem;border-radius:3px;font-family:Courier New,monospace;font-size:.85em}.example-body.svelte-18wmvuo{display:grid;grid-template-columns:200px 1fr}.example-preview.svelte-18wmvuo{display:flex;align-items:center;justify-content:center;padding:1rem;border-right:1px solid #e5e7eb;background:#fff}.example-preview.svelte-18wmvuo canvas:where(.svelte-18wmvuo){display:block;width:100%;height:auto;border-radius:4px}.example-code.svelte-18wmvuo{display:flex;flex-direction:column;min-width:0}.code-tabs.svelte-18wmvuo{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb}.code-tab.svelte-18wmvuo{padding:.5rem 1rem;font-size:.8rem;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;opacity:.6;transition:all .2s;font:inherit}.code-tab.svelte-18wmvuo:hover{opacity:.85}.code-tab.active.svelte-18wmvuo{opacity:1;border-bottom-color:#1a1a1a}.code-block-wrapper.svelte-18wmvuo{overflow-y:auto;max-height:340px}.code-block-wrapper.svelte-18wmvuo pre{margin:0;font-size:.78rem;line-height:1.65}@media(max-width:768px){.rules-grid.svelte-18wmvuo,.example-body.svelte-18wmvuo{grid-template-columns:1fr}.example-preview.svelte-18wmvuo{border-right:none;border-bottom:1px solid #e5e7eb}.example-preview.svelte-18wmvuo canvas:where(.svelte-18wmvuo){max-width:200px}}.footer.svelte-1sr6y3t{background:#1a1a1a;color:#e5e7eb;padding:2rem 0}.footer-inner.svelte-1sr6y3t{margin:0 auto;padding:0 2rem}.footer-bottom.svelte-1sr6y3t{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.8rem;opacity:.6}.footer-bottom.svelte-1sr6y3t a:where(.svelte-1sr6y3t){color:inherit;text-decoration:underline;text-underline-offset:2px}.footer-bottom.svelte-1sr6y3t a:where(.svelte-1sr6y3t):hover{opacity:1;color:#fff}@media(max-width:768px){.footer-bottom.svelte-1sr6y3t{flex-direction:column;text-align:center}}main.svelte-1n46o8q{padding:1.5rem 1rem}@media(min-width:769px){main.svelte-1n46o8q{padding:3rem;max-width:75rem;margin:0 auto;overflow:hidden}}:where(*,*:before,*:after){color:inherit;box-sizing:border-box}:where(button,input,select,textarea){font-family:inherit;font-size:inherit;line-height:inherit}:where(ul,ol){list-style:none;padding:0;margin:0}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;margin:0}:where(address){font-style:inherit}p{margin:0}:where(figure){margin:0;padding:0}:where(figcaption){margin:0}:root{color-scheme:light;font-family:Atkinson Hyperlegible Next Variable,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;--typo-size-52: 3.25rem;--typo-size-40: 2.5rem;--typo-size-36: 2.25rem;--typo-size-32: 2rem;--typo-size-28: 1.75rem;--typo-size-24: 1.5rem;--typo-size-22: 1.375rem;--typo-size-20: 1.25rem;--typo-size-18: 1.125rem;--typo-size-16: 1rem;--typo-size-14: .875rem;--typo-size-13: .8125rem;--typo-size-12: .75rem;--typo-size-11: .6875rem;--typo-size-10: .625rem;--typo-size-9: .5625rem;--background: light-dark(white,#333333);--overlay-bg: light-dark(rgb(51 51 51 / 60%), rgba(255 255 255 / 60%));--placeholder-color: light-dark(#D1D1D1,#454545);--search-bar-bg: light-dark(#E7E7E7,#454545);--tag-bg: light-dark(#E7E7E7,#454545);--tag-bg-hover: light-dark(#DEDEDE,#3B3B3B);--tag-bg-active: light-dark(#333333,#E7E7E7);--text-primary: light-dark(#262626,#E7E7E7);--text-secondary: light-dark(#5D5D5D,#D1D1D1);--text-placeholder: #888888;--text-on-color: white;--text-on-color-inverse: light-dark(white,#262626);--text-helper: light-dark(#5D5D5D,#6D6D6D);--text-disabled: light-dark(rgb(34 34 34 / 25%),rgb(231 231 231 / 25%));--link-primary: light-dark(#E6142D,#FF6678);--link-primary-hover: light-dark(#C41128,#EE6E75);--link-secondary: light-dark(#C60F25,#FF9EAA);--link-secondary-hover: light-dark(#A60F22,#EE6E75);--link-visited: light-dark(#FD364E,#FD364E)}html,body{margin:0;padding:0;background:#fff;color:#262626}canvas{image-rendering:crisp-edges}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:700}code{font-family:Atkinson Hyperlegible Mono Variable,monospace}pre{font-family:Atkinson Hyperlegible Mono Variable,monospace;background:#1a1a1a;color:#e5e7eb;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:0;font-size:.9rem;line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:0 2rem}section{padding:4rem 0}section.section-alt{background:#f9fafb}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.section-subtitle{font-size:1.1rem;opacity:.6;margin-bottom:2rem}button{background:none;border:none;cursor:pointer;padding:0;font:inherit}input[type=checkbox]{cursor:pointer}input[type=color],input[type=range],input[type=text],select{font:inherit}@media(max-width:768px){.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}}