@charset "UTF-8";a.svelte-ipblgj,svg.svelte-ipblgj{display:inline-flex;gap:.5em;align-items:center}svg.svelte-ipblgj{width:1.5em;height:1.5em;transition:.2s}.left.svelte-ipblgj,.right.svelte-ipblgj{transform-origin:center}.right.svelte-ipblgj{transform:scaleX(-1)}a.svelte-ipblgj{color:currentColor;transition:color .2}@media (prefers-reduced-motion: no-preference){a.svelte-ipblgj:hover .left:where(.svelte-ipblgj),a.svelte-ipblgj:focus-visible .left:where(.svelte-ipblgj){animation:svelte-ipblgj-flutter .43s ease-in-out;--flip: 1}a.svelte-ipblgj:hover .right:where(.svelte-ipblgj),a.svelte-ipblgj:focus-visible .right:where(.svelte-ipblgj){animation:svelte-ipblgj-flutter .5s ease-in-out;--flip: -1}a.svelte-ipblgj:hover svg:where(.svelte-ipblgj),a.svelte-ipblgj:focus-visible svg:where(.svelte-ipblgj){transform:rotate(-5deg);transition:.5s}}@keyframes svelte-ipblgj-flutter{10%{transform:scale(calc(var(--flip) * 1),.9)}20%{transform:scaleX(calc(var(--flip) * .5))}40%{transform:scale(calc(var(--flip) * .9),.95)}60%{transform:scaleX(calc(var(--flip) * .3))}80%{transform:scale(calc(var(--flip) * .9),.95)}to{transform:scaleX(calc(var(--flip) * 1))}}.tip.svelte-cu2kbr,.panel.svelte-cu2kbr,.output-options-fieldset.svelte-cu2kbr,.field.svelte-cu2kbr,.settings-bar.svelte-cu2kbr fieldset:where(.svelte-cu2kbr),.site-header.svelte-cu2kbr,body,main{display:flex;flex-direction:column}.example-button.svelte-cu2kbr,pre.svelte-cu2kbr,textarea.svelte-cu2kbr,.reset-button.svelte-cu2kbr,input[type=checkbox].svelte-cu2kbr,.radio-buttons.svelte-cu2kbr,input[type=number].svelte-cu2kbr,.support-note.svelte-cu2kbr code:where(.svelte-cu2kbr),.promo-banner.svelte-cu2kbr{border:var(--border-width) solid var(--color-border)}.example-button.svelte-cu2kbr,pre.svelte-cu2kbr,textarea.svelte-cu2kbr,.reset-button.svelte-cu2kbr,input[type=checkbox].svelte-cu2kbr,input[type=number].svelte-cu2kbr,.support-note.svelte-cu2kbr code:where(.svelte-cu2kbr),.promo-banner.svelte-cu2kbr{background:var(--color-surface)}.example-button.svelte-cu2kbr,.copy-button.svelte-cu2kbr,pre.svelte-cu2kbr,textarea.svelte-cu2kbr,.reset-button.svelte-cu2kbr,.radio-buttons.svelte-cu2kbr,input[type=number].svelte-cu2kbr,.support-note.svelte-cu2kbr code:where(.svelte-cu2kbr){border-radius:var(--radius-sm)}.copy-button.svelte-cu2kbr,.field-label.svelte-cu2kbr,.field-label-row.svelte-cu2kbr .field-label:where(.svelte-cu2kbr),.byte-count.svelte-cu2kbr,.panel-head.svelte-cu2kbr h2:where(.svelte-cu2kbr),.reset-button.svelte-cu2kbr,.radio-buttons.svelte-cu2kbr label:where(.svelte-cu2kbr),.settings-bar.svelte-cu2kbr legend:where(.svelte-cu2kbr){font-family:var(--font-mono)}.copy-button.svelte-cu2kbr,.field-label.svelte-cu2kbr,.field-label-row.svelte-cu2kbr .field-label:where(.svelte-cu2kbr),.byte-count.svelte-cu2kbr,.option-label.svelte-cu2kbr,.reset-button.svelte-cu2kbr,.radio-buttons.svelte-cu2kbr label:where(.svelte-cu2kbr),.field.svelte-cu2kbr label:where(.svelte-cu2kbr),.settings-bar.svelte-cu2kbr legend:where(.svelte-cu2kbr){font-size:var(--size--2)}.copy-button.svelte-cu2kbr,.panel-head.svelte-cu2kbr h2:where(.svelte-cu2kbr),.reset-button.svelte-cu2kbr,.settings-bar.svelte-cu2kbr legend:where(.svelte-cu2kbr){font-weight:600;text-transform:uppercase}.example-button.svelte-cu2kbr,.site-footer.svelte-cu2kbr,.tip.svelte-cu2kbr,.field-label.svelte-cu2kbr,.field-label-row.svelte-cu2kbr .field-label:where(.svelte-cu2kbr),.byte-count.svelte-cu2kbr,.connector.svelte-cu2kbr,.option-label.svelte-cu2kbr,.field.svelte-cu2kbr label:where(.svelte-cu2kbr),.settings-bar.svelte-cu2kbr legend:where(.svelte-cu2kbr),.support-note.svelte-cu2kbr,.tagline.svelte-cu2kbr{color:var(--color-text-muted)}a.svelte-cu2kbr{color:var(--color-accent)}:root{color-scheme:light dark;--size--5: clamp(.4772rem, .582rem + -.1351vw, .5549rem);--size--4: clamp(.5727rem, .6422rem + -.0898vw, .6243rem);--size--3: clamp(.6872rem, .7076rem + -.0263vw, .7023rem);--size--2: clamp(.7901rem, .7781rem + .0601vw, .8247rem);--size--1: clamp(.8889rem, .8539rem + .1751vw, .9896rem);--size-0: clamp(1rem, .9348rem + .3261vw, 1.1875rem);--size-1: clamp(1.125rem, 1.0207rem + .5217vw, 1.425rem);--size-2: clamp(1.2656rem, 1.1111rem + .7728vw, 1.71rem);--size-3: clamp(1.4238rem, 1.2053rem + 1.0925vw, 2.052rem);--size-4: clamp(1.6018rem, 1.3025rem + 1.4967vw, 2.4624rem);--size-5: clamp(1.802rem, 1.401rem + 2.005vw, 2.9549rem);--size-6: clamp(2.0273rem, 1.4991rem + 2.641vw, 3.5459rem);--size-7: clamp(2.2807rem, 1.594rem + 3.4336vw, 4.255rem);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: system-monospace, "SF Mono", Monaco, Inconsolata, "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;--radius: 12px;--radius-sm: 6px;--border-width: 2px;--color-bg: rgb(245.5379846491, 243.55875, 249.49125);--color-surface: #ffffff;--color-surface-sunken: rgb(234.3076481579, 230.20215, 242.50785);--color-border: rgb(147.2033724561, 128.1801, 185.1999);--color-text: rgb(31.78894, 25.2396, 44.8704);--color-text-muted: rgb(68.8058, 61.047, 84.303);--color-accent: rgb(77, 0, 171);--color-accent-text: #ffffff;--color-danger: #d84343;--color-shape: rgb(31.78894, 25.2396, 44.8704);scrollbar-gutter:stable}@media (prefers-color-scheme: dark){:root{--color-bg: rgb(9.11781, 5.1129, 17.1171);--color-surface: rgb(13.3416, 9.234, 21.546);--color-surface-sunken: rgb(13.3416, 9.234, 21.546);--color-border: rgb(28.38182, 20.1438, 44.8362);--color-text: rgb(220.9367447368, 213.8115, 235.1685);--color-text-muted: rgb(147.2033724561, 128.1801, 185.1999);--color-accent: rgb(161.8245614035, 85.5, 255);--color-accent-text: rgb(9.11781, 5.1129, 17.1171);--color-danger: rgb(255, 136.96, 136.96);--color-shape: rgb(204.6665289474, 195.5055, 222.9645)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;border:0;padding:0}body{line-height:1.5;font-size:var(--size-0);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);margin-inline:auto;max-width:1180px;padding:var(--size-2) var(--size-1) var(--size-5);transition:background-color .2s ease,color .2s ease}body,main{gap:var(--size-4)}button.svelte-cu2kbr,input.svelte-cu2kbr,textarea.svelte-cu2kbr{font:inherit;color:inherit}button.svelte-cu2kbr{cursor:pointer}label.svelte-cu2kbr{display:block}svg.svelte-cu2kbr{display:block}code.svelte-cu2kbr,textarea.svelte-cu2kbr{font-family:var(--font-mono);font-size:var(--size--1);line-height:inherit}input[type=number].svelte-cu2kbr:focus-visible,input[type=radio].svelte-cu2kbr:focus-visible,input[type=checkbox].svelte-cu2kbr:focus-visible,textarea.svelte-cu2kbr:focus-visible,button.svelte-cu2kbr:focus-visible,a.svelte-cu2kbr:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site-header.svelte-cu2kbr{align-items:center;gap:var(--size--2);text-align:center;padding-block:var(--size-1) 0}.promo-banner.svelte-cu2kbr{display:inline-flex;align-items:center;gap:.35em;padding:var(--size--4) var(--size-0);border-radius:9999px;font-size:var(--size--1);color:var(--color-text-muted);margin-bottom:var(--size--2)}.promo-banner.svelte-cu2kbr a:where(.svelte-cu2kbr){font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity .15s ease}.promo-banner.svelte-cu2kbr a:where(.svelte-cu2kbr):hover{opacity:.8}h1.svelte-cu2kbr{font-size:var(--size-4);font-weight:600;letter-spacing:-.01em}.tagline.svelte-cu2kbr{max-width:42ch;margin-inline:auto}.support-note.svelte-cu2kbr code:where(.svelte-cu2kbr){font-size:.9em;padding:.1em .35em}.settings-bar.svelte-cu2kbr{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--size-0)}.settings-bar.svelte-cu2kbr fieldset:where(.svelte-cu2kbr){border:var(--border-width) solid transparent;gap:var(--size--2);border-radius:var(--radius);padding:var(--size--1) var(--size-0) var(--size-0);position:relative}.settings-bar.svelte-cu2kbr fieldset:where(.svelte-cu2kbr):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:inherit;border-color:var(--color-border);border-radius:inherit;-webkit-mask-image:linear-gradient(45deg,#000,#0000000d,#000);mask-image:linear-gradient(45deg,#000,#0000000d,#000);z-index:-1}.settings-bar.svelte-cu2kbr legend:where(.svelte-cu2kbr){letter-spacing:.08em;padding-inline:1em;margin-left:-1em;float:left;margin-top:calc(var(--size--1) * -1);transform:translateY(-50%);background:var(--color-bg);width:max-content}.viewbox-fieldset.svelte-cu2kbr{min-width:18.5rem}.field-row.svelte-cu2kbr{display:grid;grid-template-columns:120px 120px;align-items:flex-end;gap:var(--size--2)}.field.svelte-cu2kbr{gap:var(--size--5)}input[type=number].svelte-cu2kbr{padding:var(--size--3) var(--size--2);line-height:1;width:100%;font-variant-numeric:tabular-nums}.radio-buttons.svelte-cu2kbr{display:inline-flex;width:max-content;overflow:hidden}.radio-buttons.svelte-cu2kbr label:where(.svelte-cu2kbr){position:relative;padding:var(--size--3) var(--size-0);line-height:1;transition:background-color .15s ease,color .15s ease}.radio-buttons.svelte-cu2kbr label:where(.svelte-cu2kbr):has(input:where(.svelte-cu2kbr):checked){background:var(--color-accent);color:var(--color-accent-text)}.radio-buttons.svelte-cu2kbr label:where(.svelte-cu2kbr):not(:last-child){border-right:var(--border-width) solid var(--color-border)}.radio-buttons.svelte-cu2kbr label:where(.svelte-cu2kbr):has(input:where(.svelte-cu2kbr):checked):not(:last-child){border-right-color:transparent}.radio-buttons.svelte-cu2kbr input:where(.svelte-cu2kbr){position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;top:0;right:0;bottom:0;left:0;cursor:pointer;margin:0}.checkbox-field.svelte-cu2kbr{display:flex;align-items:center;gap:var(--size--2);font-size:var(--size--1);cursor:pointer}input[type=checkbox].svelte-cu2kbr{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.15em;height:1.15em;flex-shrink:0;border-radius:.25em;position:relative;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}input[type=checkbox].svelte-cu2kbr:after{position:absolute;top:.12em;right:.12em;bottom:.12em;left:.12em;background:var(--color-accent-text);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox].svelte-cu2kbr:checked{background:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox].svelte-cu2kbr:checked:after{content:""}.reset-button.svelte-cu2kbr{align-self:flex-start;letter-spacing:.06em;padding:var(--size--4) var(--size--2);line-height:1;transition:border-color .15s ease,color .15s ease,opacity .15s ease}.reset-button.svelte-cu2kbr:hover:not(:disabled),.reset-button.svelte-cu2kbr:focus-visible:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.reset-button.svelte-cu2kbr:disabled{opacity:.5;cursor:not-allowed}.output-options-fieldset.svelte-cu2kbr{gap:var(--size--2)}.option-row.svelte-cu2kbr{display:flex;align-items:center;justify-content:space-between;gap:var(--size-0)}.workspace.svelte-cu2kbr{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:var(--size-1)}.connector.svelte-cu2kbr{align-self:flex-start;padding-top:6.5rem}.connector.svelte-cu2kbr svg:where(.svelte-cu2kbr){width:3rem;height:auto}.connector.svelte-cu2kbr line:where(.svelte-cu2kbr),.connector.svelte-cu2kbr path:where(.svelte-cu2kbr){stroke:currentColor;stroke-width:1.5;stroke-dasharray:4 4}.connector.svelte-cu2kbr path:where(.svelte-cu2kbr){stroke-dasharray:none}@media (max-width: 860px){.workspace.svelte-cu2kbr{grid-template-columns:1fr}.connector.svelte-cu2kbr{display:none}}.panel.svelte-cu2kbr{gap:var(--size--1);border:var(--border-width) solid transparent;border-radius:var(--radius);padding:var(--size-0);position:relative}.panel.svelte-cu2kbr:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:inherit;border-color:var(--color-border);border-radius:inherit;-webkit-mask-image:linear-gradient(45deg,#000,#0000000d,#000);mask-image:linear-gradient(45deg,#000,#0000000d,#000);z-index:-1}.panel-head.svelte-cu2kbr{display:flex;align-items:baseline;justify-content:space-between}.panel-head.svelte-cu2kbr h2:where(.svelte-cu2kbr){font-size:var(--size--1);letter-spacing:.1em}.preview.svelte-cu2kbr{border-radius:0 var(--radius-sm) 0;position:relative;aspect-ratio:var(--aspect-ratio);width:100%;max-width:280px;margin-inline:auto;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:12.5% 12.5%;outline:var(--border-width) solid var(--color-border);outline-offset:-1px}.preview.svelte-cu2kbr:before,.preview.svelte-cu2kbr:after{content:"";position:absolute;width:10px;height:10px;opacity:.6}.preview.svelte-cu2kbr:before{top:-1px;left:-1px;border:1.5px solid var(--color-text-muted);border-width:1.5px 0 0 1.5px}.preview.svelte-cu2kbr:after{bottom:-1px;right:-1px;border:1.5px solid var(--color-text-muted);border-width:0 1.5px 1.5px 0}.preview-path.svelte-cu2kbr{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.preview-path.svelte-cu2kbr path:where(.svelte-cu2kbr){fill:var(--color-shape)}.preview-shape.svelte-cu2kbr{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--shape);background:var(--color-shape)}.field-label-row.svelte-cu2kbr{display:flex;align-items:center;justify-content:space-between}textarea.svelte-cu2kbr{resize:vertical;width:100%;min-height:200px;padding:var(--size--2);line-height:1.5;scrollbar-color:var(--color-border) transparent}textarea.svelte-cu2kbr::-webkit-scrollbar{width:16px;height:16px}textarea.svelte-cu2kbr::-webkit-scrollbar-track{background:transparent}textarea.svelte-cu2kbr::-webkit-scrollbar-thumb{background-color:var(--color-text-muted);border-radius:var(--radius-sm)}textarea.svelte-cu2kbr::-webkit-scrollbar-thumb:hover{background-color:var(--color-text)}pre.svelte-cu2kbr{padding:var(--size--2);overflow-x:auto;white-space:pre-wrap;word-break:break-word}pre.svelte-cu2kbr code:where(.svelte-cu2kbr){white-space:inherit}.error-message.svelte-cu2kbr{font-size:var(--size--1);color:var(--color-danger)}.merge-note.svelte-cu2kbr{color:var(--color-accent)}.copy-button.svelte-cu2kbr{letter-spacing:.06em;padding:var(--size--4) var(--size--2);background:var(--color-accent);color:var(--color-accent-text);line-height:1;transition:opacity .15s ease}.copy-button.svelte-cu2kbr:hover{opacity:.85}.tip.svelte-cu2kbr{gap:var(--size--4);text-align:center;font-size:var(--size--1)}.site-footer.svelte-cu2kbr{display:flex;align-items:center;justify-content:center;gap:var(--size--2);font-size:var(--size--1)}.bbox-measure.svelte-cu2kbr{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.examples-bar.svelte-cu2kbr{display:flex;justify-content:center}.examples-list.svelte-cu2kbr{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size--2);list-style:none}.example-button.svelte-cu2kbr{display:flex;align-items:center;gap:var(--size--2);padding:var(--size--3) var(--size--2);font-size:var(--size--1);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.example-button.svelte-cu2kbr:hover,.example-button.svelte-cu2kbr:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.example-thumbnail.svelte-cu2kbr{height:1.25em;width:auto}.example-thumbnail.svelte-cu2kbr path:where(.svelte-cu2kbr){fill:currentColor}