*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{all:unset;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--radius:.625rem;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--radius-2xl:calc(var(--radius) * 1.8);--radius-3xl:calc(var(--radius) * 2.2);--radius-4xl:calc(var(--radius) * 2.6);--color-shadow:oklch(from var(--color-container-sunken) l c h / .35);--shadow-elevation-low:0px .5px .6px var(--color-shadow), 0px .9px 1px -1.2px var(--color-shadow), 0px 2.2px 2.5px -2.5px var(--color-shadow);--shadow-elevation-medium:0px .5px .6px var(--color-shadow), 0px 1.8px 2px -.8px var(--color-shadow), 0px 4.5px 5.1px -1.7px var(--color-shadow), .1px 11px 12.4px -2.5px var(--color-shadow);--shadow-elevation-high:0px 1px .5px #ffffff2e, 0px .5px .6px var(--color-shadow), 0px 3.2px 3.6px -.4px var(--color-shadow), 0px 6px 6.8px -.7px var(--color-shadow), .1px 9.8px 11px -1.1px var(--color-shadow), .1px 15.6px 17.6px -1.4px var(--color-shadow), .2px 24.5px 27.6px -1.8px var(--color-shadow), .2px 37.2px 41.9px -2.1px var(--color-shadow), .4px 54.8px 61.7px -2.5px var(--color-shadow)}body{background:var(--color-surface);color:var(--color-on-surface);font-family:montreal,sans-serif}.shiki{margin:0}.shiki .line:before{content:attr(data-line);width:var(--fs-line-col,3rem);text-align:right;-webkit-user-select:none;user-select:none;color:color-mix(in srgb, currentColor 35%, transparent);padding-right:1rem;display:inline-block}.container{place-items:center;height:100dvh;padding:1rem;display:grid}code,pre{font-family:code,monospace}@font-face{font-family:montreal;src:url(/assets/PPNeueMontreal-Regular-gtO139uL.woff2)format("woff2")}@font-face{font-family:code;font-style:italic;src:url(/assets/PPNeueMontrealMono-RegularItalic-BhOe0Q3Z.woff2)format("woff2")}@font-face{font-family:code;font-weight:700;src:url(/assets/PPNeueMontrealMono-Bold-B49Fb40T.woff2)format("woff2")}@font-face{font-family:code;font-weight:700;font-style:italic;src:url(/assets/PPNeueMontrealMono-BoldItalic-kC2LH0XU.woff2)format("woff2")}@font-face{font-family:code;src:url(/assets/PPNeueMontrealMono-Regular-DrCcuhJ4.woff2)format("woff2")}.fs-editor{min-height:15rem;font-family:code,monospace;font-size:.875rem;line-height:1.5rem;position:relative}.fs-editor-preview{width:100%;height:100%;padding:1rem;font-family:code,monospace;position:relative}.fs-editor-textarea{z-index:10;color:#0000;width:100%;height:100%;caret-color:var(--color-primary);resize:none;background:0 0;border:none;outline:none;padding:1rem;font-family:code,monospace;font-size:.875rem;line-height:1.5rem;position:absolute;inset:0}.fs-select{appearance:none;background:var(--color-container);color:var(--color-on-surface);border:1px solid oklch(from var(--color-outline) l c h / .25);box-shadow:var(--shadow-elevation-low);border-radius:var(--radius-md);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;padding:.2rem 1.75rem .2rem .75rem;font-size:.8125rem}.fs-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fs-select--sm{width:5.5rem}.fs-select--lg{width:9rem}.fs-separator{background-color:oklch(from var(--color-outline) l c h / .5);width:1px;height:1em}.fs-shape-group{align-items:center;display:flex}.fs-btn-icon{border-radius:var(--radius-md);border:1px solid var(--color-outline);background:var(--color-container);width:2rem;height:2rem;color:var(--color-on-surface);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s;display:inline-flex}.fs-btn-icon:hover{background:var(--color-container-sunken)}.fs-btn-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fs-btn-icon[aria-pressed=true]{background:var(--color-secondary-container);color:var(--color-on-secondary-container);border-color:var(--color-secondary-container)}.fs-btn-ghost{border-radius:var(--radius-md);width:1.61875rem;height:1.61875rem;color:var(--color-on-surface);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:background .12s;display:inline-flex}.fs-btn-ghost:hover{background:var(--color-container-overlay)}.fs-btn-ghost:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fs-btn-active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.fs-btn{border-radius:var(--radius-md);border:1px solid oklch(from var(--color-outline) l c h / .25);background:var(--color-container);color:var(--color-on-surface);cursor:pointer;box-shadow:var(--shadow-elevation-low);align-items:center;gap:.375rem;padding:.2rem .75rem;font-size:.8125rem;transition:background .12s,border-color .12s;display:inline-flex}.fs-btn:hover{background:var(--color-container-overlay)}.fs-btn:active{box-shadow:none}.fs-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fs-btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.fs-btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 85%, var(--color-on-primary));border-color:color-mix(in srgb, var(--color-primary) 85%, var(--color-on-primary))}.fs-card{border-radius:var(--radius-xl);background:var(--color-container);box-shadow:var(--shadow-elevation-high);width:min(40rem,100%);max-height:80vh;overflow:hidden}.fs-header,.fs-footer{background:var(--color-container);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1.25rem;display:flex}.fs-header{border-bottom:1px solid var(--color-outline-variant);border-radius:0% 0% var(--radius-xl) var(--radius-xl)}.fs-footer{border-top:1px solid var(--color-outline-variant);border-radius:var(--radius-xl) var(--radius-xl) 0% 0%}.fs-header-left,.fs-header-center,.fs-header-right,.fs-footer-left,.fs-footer-right{align-items:center;gap:.75rem;display:flex}.fs-title{margin-inline-start:.15rem;font-family:code,monospace}.fs-color-trigger{align-items:center;display:inline-flex;position:relative}.fs-color-swatch{border:1.5px solid oklch(from var(--color-outline) l c h / .5);border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.fs-color-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fs-popover-anchor{display:inline-flex;position:relative}.fs-popover-content{z-index:50;border-radius:var(--radius-lg);border:1px solid oklch(from var(--color-outline) l c h / .25);background:var(--color-container);box-shadow:var(--shadow-elevation-high);padding:.5rem;position:absolute;top:calc(100% + .5rem);left:0}.fs-color-input{border-radius:var(--radius-md);border:1px solid oklch(from var(--color-outline) l c h / .25);background:var(--color-container-sunken);width:100%;color:var(--color-on-surface);text-align:center;box-sizing:border-box;outline:none;margin-top:.5rem;padding:.375rem .5rem;font-family:code,monospace;font-size:.8125rem}.fs-color-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 25%, transparent)}@media (prefers-reduced-motion:no-preference){.fs-popover-content{animation:.12s ease-out fs-pop-in}@keyframes fs-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}