/*! Pickr 1.10.2 MIT | https://github.com/simonwep/pickr */
@layer reset{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer theme;@layer vendor{pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;-webkit-appearance:none;border:none;outline:none}.pickr .pcr-button:before{content:"";z-index:-1;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>") 0 0/.5em;border-radius:.15em;width:100%;height:100%;position:absolute;top:0;left:0}.pickr .pcr-button{cursor:pointer;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" stroke=\"%2342445A\" stroke-width=\"5px\" stroke-linecap=\"round\"><path d=\"M45,45L5,5\"></path><path d=\"M45,5L5,45\"></path></svg>") 50%/0 no-repeat;border-radius:.15em;width:2em;height:2em;padding:.5em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s;position:relative}.pickr .pcr-button:before{z-index:initial}.pickr .pcr-button:after{content:"";background:var(--pcr-color);border-radius:.15em;width:100%;height:100%;transition:background .3s;position:absolute;top:0;left:0}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;-webkit-appearance:none;border:none;outline:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #00000040}.pcr-app{z-index:10000;opacity:0;visibility:hidden;background:#fff;border-radius:.1em;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:opacity .3s,visibility 0s .3s;display:flex;position:fixed;top:0;left:0;box-shadow:0 .15em 1.5em #0000001a,0 0 1em #00000008}.pcr-app.visible{visibility:visible;opacity:1;transition:opacity .3s}.pcr-app .pcr-swatches{flex-wrap:wrap;margin-top:.75em;display:flex}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display:grid){.pcr-app .pcr-swatches{grid-template-columns:repeat(auto-fit,1.75em);align-items:center;display:grid}}.pcr-app .pcr-swatches>button:before{content:"";z-index:-1;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>") 0 0/6px;border-radius:.15em;width:100%;height:100%;position:absolute;top:0;left:0}.pcr-app .pcr-swatches>button{cursor:pointer;z-index:1;background:0 0;border-radius:.15em;flex-shrink:0;justify-self:center;width:calc(1.75em - 5px);height:calc(1.75em - 5px);margin:2.5px;font-size:1em;transition:all .15s;position:relative;overflow:hidden}.pcr-app .pcr-swatches>button:after{content:"";background:var(--pcr-color);box-sizing:border-box;border:1px solid #0000000d;border-radius:.15em;width:100%;height:100%;position:absolute;top:0;left:0}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{flex-wrap:wrap;align-items:center;margin:0 -.2em;display:flex}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;margin-top:.75em;padding:.45em .5em;font-size:.75em;transition:all .15s}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #4285f4bf}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;cursor:text;background:#f1f3f4;border-radius:.15em;flex:8em;min-width:8em;transition:all .2s}.pcr-app .pcr-interaction .pcr-result::selection,.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #f44250bf}.pcr-app .pcr-selection .pcr-picker{user-select:none;border:2px solid #fff;border-radius:100%;width:18px;height:18px;position:absolute}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{user-select:none;cursor:grab;flex-direction:column;display:flex;position:relative}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{grid-gap:.6em;grid-template-rows:5fr auto auto;grid-template-columns:1fr 4fr;align-self:flex-start;align-items:center;width:100%;height:10.5em;display:grid}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{flex-direction:row;grid-area:2/1/4/1;justify-content:center;width:100%;height:100%;margin-left:.6em;display:flex}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{content:"";z-index:-1;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>") 0 0/.5em;border-radius:.15em;width:100%;height:100%;position:absolute;top:0;left:0}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);border-radius:50em;width:2em;height:2em;position:relative;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{z-index:1;grid-area:1/1/2/3;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{content:"";z-index:-1;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>") 0 0/.5em;border-radius:.15em;width:100%;height:100%;position:absolute;top:0;left:0}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{border-radius:50em;flex-grow:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(90deg,#0000,#000) 0 0/100%,url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>") 0 0/.25em}}@layer base{:root{--color-base-100:oklch(99% 0 0);--color-base-200:oklch(94.462% .001 247.838);--color-base-300:oklch(89.462% .001 247.838);--color-base-content:oklch(25% 0 0);--color-primary:oklch(.9026 .1694 93);--color-text-muted:color-mix(in oklab,var(--color-base-content),transparent 40%);--color-text-subtle:color-mix(in oklab,var(--color-base-content),transparent 55%);--color-primary-content:var(--color-base-content);--color-hover:var(--color-base-200);--color-hover-line:color-mix(in oklab,var(--color-base-content),transparent 60%);--color-selected:var(--color-primary);--color-selected-hover:color-mix(in oklab,var(--color-primary),black 15%);--color-selected-subtle:color-mix(in oklab,var(--color-primary)35%,var(--color-base-100));--color-selected-subtle-hover:color-mix(in oklab,var(--color-primary)55%,var(--color-base-100));--color-selected-line:var(--color-base-content);--color-secondary:oklch(from var(--color-primary)calc(l - .1)calc(c - .01)calc(h - 3));--color-secondary-content:var(--color-base-content);--color-tertiary:oklch(from var(--color-primary)calc(l - .1)calc(c - .01)calc(h + 3));--color-tertiary-content:var(--color-base-content);--color-accent:oklch(from var(--color-primary)calc(l - .31)c calc(h + 192));--color-accent-content:oklch(99% 0 0);--color-neutral:oklch(55% .046 257.417);--color-neutral-content:oklch(92% .013 255.508);--color-info:oklch(93% .05 215);--color-info-content:oklch(38% .11 225);--color-success:oklch(93% .065 150);--color-success-content:oklch(37% .13 148);--color-warning:oklch(93% .06 78);--color-warning-content:oklch(43% .14 55);--color-error:oklch(92% .05 18);--color-error-content:oklch(40% .16 27);--shadow:2px 2px 0px #000000d9;--shadow-page:0 4px 24px #0000002e;--color-paper:white;--color-backdrop:#00000080;--border-self:1px solid currentColor;--border-light:1px solid var(--color-base-300);--border-light-dashed:1px dashed var(--color-base-300);--border-medium:2px solid var(--color-base-300);--border-medium-dashed:2px dashed var(--color-base-300);--border-strong:2px solid var(--color-base-content);--z-sticky:10;--z-header:40;--z-overlay:50;--z-dropdown:60;--z-toast:70;--z-floating:1000;--duration-fast:.15s;--duration-slow:.3s;--focus-ring:2px solid var(--color-selected-line);--focus-ring-offset:2px;--disabled-opacity:.4;--font-size-xs:clamp(.6944rem,.6907rem + .0164vw,.7035rem);--font-size-sm:clamp(.8333rem,.7906rem + .1898vw,.9377rem);--font-size-md:clamp(1rem,.8977rem + .4545vw,1.25rem);--font-size-lg:clamp(1.2rem,1.0093rem + .8477vw,1.6663rem);--font-size-xl:clamp(1.44rem,1.1205rem + 1.4202vw,2.2211rem);--font-size-2xl:clamp(1.728rem,1.2237rem + 2.2413vw,2.9607rem);--font-size-3xl:clamp(2.0736rem,1.3073rem + 3.4056vw,3.9467rem);--font-size-4xl:clamp(2.4883rem,1.3541rem + 5.0411vw,5.2609rem);--space-4xs:.125rem;--space-3xs:clamp(.25rem,.2244rem + .1136vw,.3125rem);--space-2xs:clamp(.5rem,.4489rem + .2273vw,.625rem);--space-xs:clamp(.75rem,.6733rem + .3409vw,.9375rem);--space-sm:clamp(1rem,.8977rem + .4545vw,1.25rem);--space-md:clamp(1.5rem,1.3466rem + .6818vw,1.875rem);--space-lg:clamp(2rem,1.7955rem + .9091vw,2.5rem);--space-xl:clamp(3rem,2.6932rem + 1.3636vw,3.75rem);--space-2xl:clamp(4rem,3.5909rem + 1.8182vw,5rem);--space-3xl:clamp(6rem,5.3864rem + 2.7273vw,7.5rem);--space-3xs-2xs:clamp(.25rem,.0966rem + .6818vw,.625rem);--space-2xs-xs:clamp(.5rem,.321rem + .7955vw,.9375rem);--space-xs-sm:clamp(.75rem,.5455rem + .9091vw,1.25rem);--space-sm-md:clamp(1rem,.642rem + 1.5909vw,1.875rem);--space-md-lg:clamp(1.5rem,1.0909rem + 1.8182vw,2.5rem);--space-lg-xl:clamp(2rem,1.2841rem + 3.1818vw,3.75rem);--space-xl-2xl:clamp(3rem,2.1818rem + 3.6364vw,5rem);--space-2xl-3xl:clamp(4rem,2.5682rem + 6.3636vw,7.5rem);--control-xs:clamp(1.75rem,1.66rem + .4vw,2rem);--control-sm:clamp(2rem,1.91rem + .4vw,2.25rem);--control-md:clamp(2.5rem,2.41rem + .4vw,2.75rem);--control-lg:clamp(3rem,2.91rem + .4vw,3.25rem);--control-min-xs:clamp(4rem,3.7955rem + .9091vw,4.5rem);--control-min-sm:clamp(5rem,4.7955rem + .9091vw,5.5rem);--control-min-md:clamp(6rem,5.7955rem + .9091vw,6.5rem);--control-min-lg:clamp(7rem,6.5909rem + 1.8182vw,8rem);scrollbar-gutter:stable}input[type=radio]{-webkit-appearance:none;appearance:none;font:inherit;color:currentColor;cursor:pointer;border:.15em solid;border-radius:50%;place-content:center;width:1.25em;height:1.25em;margin:0;display:grid}input[type=radio]:before{content:"";width:.65em;height:.65em;transition:var(--duration-fast)transform ease-in-out;box-shadow:inset 1em 1em var(--color-primary);border-radius:50%;transform:scale(0)}input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]{appearance:none;border:var(--border-self);cursor:pointer;flex-shrink:0;width:1.25rem;height:1.25rem;position:relative;&:checked{background-color:var(--color-primary);border-color:var(--color-primary)}&:checked:after{content:"";border-bottom:2px solid #000;border-right:2px solid #000;width:.3rem;height:.55rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-65%)rotate(45deg)}}@supports (appearance:base-select) and selector(::picker(select)){select,::picker(select){appearance:base-select}select{transition:var(--duration-slow);field-sizing:content}::picker(select){border:var(--border-light)}option{gap:var(--space-2xs);padding-inline:var(--space-sm);padding-block:var(--space-2xs);transition:var(--duration-slow)}option:hover{background:var(--color-primary)}option:checked{font-weight:700}option::checkmark{display:none}::picker(select){opacity:0;transition:all var(--duration-slow)allow-discrete}:open::picker(select){opacity:1}select::picker-icon{content:"";width:.5em;height:.5em;transition:rotate var(--duration-slow);border:2px solid;border-width:0 2px 2px 0;margin-top:.25em;margin-right:.1em;rotate:45deg}select:open::picker-icon{rotate:-135deg}@starting-style{:open::picker(select){opacity:0}}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}html{scroll-behavior:smooth}body{background-color:var(--color-base-100);color:var(--color-base-content);font-family:helvetica,sans-serif}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}[open]::details-content{height:auto}}}@layer components{@scope(.text){:scope.text-title{font-size:var(--font-size-xl);font-weight:700}:scope.text-heading{font-size:var(--font-size-md);font-weight:600}:scope.text-subtitle{font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.04em;font-weight:700}:scope.text-overline{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}:scope.text-body{font-size:var(--font-size-sm);color:var(--color-base-content)}:scope.text-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}:scope.text-caption{font-size:var(--font-size-xs);color:var(--color-text-subtle)}:scope.text-label{font-size:var(--font-size-sm);color:var(--color-base-content);font-weight:500}:scope.text-code{font-size:var(--font-size-xs);font-family:monospace}:scope.text-error{font-size:var(--font-size-sm);color:var(--color-error-content)}:scope.size-xs{font-size:var(--font-size-xs)}:scope.size-sm{font-size:var(--font-size-sm)}:scope.size-md{font-size:var(--font-size-md)}:scope.size-lg{font-size:var(--font-size-lg)}:scope.size-xl{font-size:var(--font-size-xl)}:scope.size-2xl{font-size:var(--font-size-2xl)}}@scope(.navbar){:scope{padding:var(--space-sm);background-color:var(--color-base-100);z-index:var(--z-sticky);justify-content:center;display:flex;position:sticky;top:0}:scope>nav{width:100%;max-width:1024px;font-size:var(--font-size-md);justify-content:space-between;align-items:center;display:flex;position:relative}nav>ul{align-items:center;gap:var(--space-sm);display:flex}nav>ul>li:hover{color:var(--color-accent);cursor:pointer}@media (width<1000px){nav>ul{display:none}nav>:first-child{margin-inline-end:auto}}@media (width>=1000px){#navbar-sm-device{display:none}}}@scope(.sidebar-root){.topbar,.toggle{display:none}.logo{padding-inline:var(--space-xs)}aside.sidebar{height:100%;min-height:100dvh;transition:translate var(--duration-slow)ease;z-index:var(--z-overlay);background-color:var(--color-base-100);width:100dvw;padding-block:var(--space-md);border-right:var(--border-light);position:fixed;top:0;left:0;translate:-100%}:scope:has(.toggle[aria-expanded=true]) aside.sidebar{translate:0}@media (width<1024px){.topbar{width:100dvw;z-index:calc(var(--z-overlay) + 2);padding:var(--space-xs);justify-content:space-between;display:flex}.toggle{z-index:calc(var(--z-overlay) + 1);display:block}}@media (width>=1024px){aside.sidebar{width:300px;translate:0}}aside.sidebar nav{flex-direction:column;height:90%;padding-block-end:var(--space-lg);display:flex}aside.sidebar nav a{gap:var(--space-md);padding-block:var(--space-xs);padding-inline:var(--space-xs);display:flex}aside.sidebar nav>:last-child{border-top:var(--border-light);margin-block-start:auto}aside.sidebar nav a[aria-current=page]{color:var(--color-primary-content);background-color:var(--color-selected)}aside.sidebar nav a:not([aria-current=page]):hover{background-color:var(--color-hover)}aside.sidebar nav a[aria-current=page]:hover{background-color:var(--color-selected-hover)}}@scope(.application-layout){:scope{grid-template-columns:1fr;display:grid}@media (width>=1024px){:scope{grid-template-columns:300px 1fr}}:scope>:not(.sidebar-root){min-width:0}}@scope(.page-layout){:scope{padding-inline:var(--space-md)}:scope>header{z-index:var(--z-header);background-color:var(--color-base-100);padding-block-start:var(--space-xs);position:sticky;top:0}:scope>header>div{flex-direction:row;justify-content:space-between;align-items:baseline;display:flex}:scope>.content{padding-block-start:var(--space-md)}}@scope(.editor){:scope{grid-template:"header sidebar-header"55px"main sidebar"1fr/1fr 360px;height:calc(100vh - 55px);display:grid}.header{grid-area:header}.sidebar-header{grid-area:sidebar-header}.sidebar{border-left:var(--border-light);grid-area:sidebar;height:calc(100vh - 110px);overflow:scroll}.main{grid-area:main;overflow-y:auto}}@scope(.editor-topbar){:scope{height:55px;padding-inline:var(--space-md);z-index:var(--z-header);border-bottom:var(--border-light);background-color:var(--color-base-100);flex-direction:row;align-items:center;display:flex;position:sticky;top:0}.topbar-title{padding-inline-start:var(--space-xs);padding-inline-end:var(--space-sm)}.editor-topbar-actions{margin-inline-start:auto}}@scope(.button,.input){:scope.xs{font-size:var(--font-size-xs);block-size:var(--control-xs);padding-inline:var(--space-2xs);min-inline-size:var(--control-min-xs)}:scope.sm{font-size:var(--font-size-sm);block-size:var(--control-sm);padding-inline:var(--space-sm);min-inline-size:var(--control-min-sm)}:scope.md{font-size:var(--font-size-md);block-size:var(--control-md);padding-inline:var(--space-md);min-inline-size:var(--control-min-md)}:scope.lg{font-size:var(--font-size-lg);block-size:var(--control-lg);padding-inline:var(--space-lg);min-inline-size:var(--control-min-lg)}}@scope(.button){:scope{justify-content:center;align-items:center;gap:var(--space-2xs);text-align:center;cursor:pointer;background-color:var(--btn-bg,transparent);font-size:var(--font-size-sm);block-size:var(--control-sm);padding-inline:var(--space-sm);min-inline-size:var(--control-min-sm);--btn-hover-color:var(--color-hover);--btn-contrast-color:black;--btn-contrast-color-content:white;border:1px solid;display:inline-flex;&.primary{--btn-bg:var(--color-primary);--btn-hover-color:color-mix(in oklab,var(--btn-bg),black 15%);color:var(--color-primary-content)}&.secondary{--btn-bg:var(--color-secondary);--btn-hover-color:color-mix(in oklab,var(--btn-bg),black 15%);color:var(--color-secondary-content)}&.neutral{--btn-bg:var(--color-neutral);--btn-hover-color:color-mix(in oklab,var(--btn-bg),black 15%);color:var(--color-neutral-content)}&.warning{--btn-bg:var(--color-warning);--btn-hover-color:color-mix(in oklab,var(--btn-bg),black 15%);color:var(--color-warning-content)}&.error{--btn-bg:var(--color-error);--btn-hover-color:color-mix(in oklab,var(--btn-bg),black 15%);color:var(--color-error-content)}&.outline{border-color:var(--color-base-300)}&.dashed{border-style:dashed}&.icon-only{min-inline-size:0;inline-size:var(--control-sm);border:none;padding-inline:0}&.icon-bordered{min-inline-size:0;inline-size:var(--control-sm);padding-inline:0}&.link{--btn-hover-color:transparent;block-size:auto;inline-size:fit-content;min-inline-size:0;color:var(--color-text-muted);text-underline-offset:3px;border:none;padding:0;text-decoration:underline;&:hover:not(:disabled){color:var(--color-base-content)}}&.important{text-transform:uppercase;letter-spacing:.015em;font-weight:500}&:hover:not(:disabled){background-color:var(--btn-hover-color)}&.hover-warning:hover:not(:disabled){color:var(--color-warning);background-color:inherit}&.hover-contrast:hover:not(:disabled){background-color:var(--btn-contrast-color);color:var(--btn-contrast-color-content)}}}@scope(.popover){:scope{justify-self:anchor-center;margin:0;inset:auto;&.bottom{position-area:bottom}&.bottom-left{position-area:bottom left}&.bottom-right{position-area:bottom right}&.top{position-area:top}&.top-left{position-area:top left}&.top-right{position-area:top right}}}@scope(.tooltip){:scope{padding:var(--space-2xs)var(--space-xs);margin-block:var(--space-3xs);background-color:var(--color-base-100);border:var(--border-light);box-shadow:var(--shadow);font-size:var(--font-size-sm);white-space:nowrap}}@scope(.divider){:scope{border-bottom:var(--border-strong);width:100%;padding-block-start:var(--space-3xs)}&.thick{border-bottom-width:3px}}@scope(.empty-container-node){:scope{border:var(--border-medium-dashed);padding:var(--space-xs)var(--space-2xs);margin:var(--space-3xs);color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative;container:empty-node/inline-size}.top{top:var(--space-3xs);left:var(--space-3xs);gap:var(--space-3xs);font-size:var(--font-size-sm);flex-direction:row;align-items:center;display:flex;position:absolute}.text{align-items:center;gap:var(--space-3xs);flex-direction:row;line-height:1em;display:flex}@container empty-node (width<=400px){.top p{display:none}}@container empty-node (width<=200px){.text{font-size:var(--font-size-xs)}}@container empty-node (width<=50px){.text{visibility:hidden}}@container empty-node (width<=5px){.top{visibility:hidden}}}@scope(.fuse-spacer-node){:scope{border:var(--border-medium-dashed);color:var(--color-text-muted);box-sizing:border-box;position:relative;container-type:size}:scope>span{--row:var(--fuse-flex-row,0);--size:calc(var(--row)*100cqw + (1 - var(--row))*100cqh);--available:calc(var(--size) - 2*min(var(--space-2xs),var(--size)/10));--length:clamp(0px,(var(--size) - 26px)*1000,var(--available));--stroke:min(var(--length)/17,3px);--head:min(var(--length)/4,13px);inline-size:var(--length);block-size:var(--stroke);translate:-50% -50%;rotate:calc((1 - var(--row))*90deg);border-radius:var(--stroke);background-color:currentColor;position:absolute;top:50%;left:50%;&:before,&:after{content:"";inline-size:var(--head);block-size:var(--head);border-block-start:var(--stroke)solid currentColor;border-inline-start:var(--stroke)solid currentColor;box-sizing:border-box;border-start-start-radius:var(--stroke);position:absolute;top:50%;translate:0 -50%}&:before{left:1px;rotate:-45deg}&:after{right:1px;rotate:135deg}}}@scope(.empty-page){:scope{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-2xs);margin:var(--space-xl);color:var(--color-text-muted);text-align:center;pointer-events:none;flex-direction:column;flex:1;display:flex}}@scope(.pill){:scope{border:var(--border-light);font-size:var(--font-size-sm);background-color:var(--color-base-100);color:var(--color-base-content);align-items:center;display:inline-flex}:scope:has(>.pill-select[aria-pressed=true]){background-color:var(--color-selected);color:var(--color-primary-content);border-color:var(--color-selected)}:scope:hover{border-color:var(--color-hover-line)}:scope:has(>.pill-select[aria-pressed=true]):hover{background-color:var(--color-selected-hover);border-color:var(--color-selected-hover)}.pill-select{padding:var(--space-3xs)var(--space-xs);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;display:inline-flex}.pill-remove{padding:var(--space-3xs)var(--space-xs)var(--space-3xs)0;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;display:inline-flex}.pill-remove:hover{opacity:1}}@scope(.bread-crumbs){ol{align-items:center;gap:var(--space-4xs);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}li{align-items:center;min-width:0;max-width:100%;display:inline-flex}button,span{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:var(--space-4xs)var(--space-3xs);color:var(--color-text-muted);overflow:hidden}button{cursor:pointer;max-width:12ch;transition:color var(--duration-fast)ease,background-color var(--duration-fast)ease}button:hover{background-color:var(--color-hover);color:var(--color-base-content)}[aria-current=page]{color:var(--color-base-content);font-weight:600}svg{color:var(--color-text-subtle)}}@scope(.row){:scope{align-items:center;display:flex}:scope.wrap{flex-wrap:wrap}:scope.gap-3xs{gap:var(--space-3xs)}:scope.gap-2xs{gap:var(--space-2xs)}:scope.gap-xs{gap:var(--space-xs)}:scope.gap-sm{gap:var(--space-sm)}:scope.gap-md{gap:var(--space-md)}:scope.justify-end{justify-content:flex-end}:scope.justify-between{justify-content:space-between}}@scope(.preview-card-list){:scope{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap;display:flex}}@scope(.preview-card){:scope{--card-width:240px;--card-height:245px;--preview-height:170px;width:var(--card-width);height:var(--card-height);border:var(--border-medium);background:var(--color-base-100);flex-direction:column;margin-bottom:12px;display:flex;&:hover{outline:2px solid var(--color-hover-line)}}:scope.lg{--card-width:300px;--card-height:320px;--preview-height:245px}.preview-link{text-decoration:none;display:block}.preview-container{height:var(--preview-height);background-color:var(--color-paper);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-container img{width:90%;height:var(--preview-height);object-fit:contain;display:block}.preview-skeleton{width:calc(var(--card-width) - 40px);height:var(--preview-height)}.card-footer{justify-content:space-between;gap:var(--space-2xs);padding:var(--space-2xs)var(--space-xs);border-top:var(--border-light);display:flex}.card-info{min-width:0}.name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-decoration:none;display:block;overflow:hidden}.name:hover{text-decoration:underline}.card-actions{flex-shrink:0;justify-content:flex-end;display:flex}}@scope(.create-form){:scope{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}}@scope(.page-section){:scope{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}:scope>*{min-width:0}:scope>header{padding-bottom:var(--space-2xs);color:var(--color-base-content);border-bottom:1px solid;justify-content:space-between;align-items:baseline;display:flex}}@scope(.content-page){:scope{gap:var(--space-sm);max-width:1024px;padding:var(--space-xl)var(--space-md);flex-direction:column;margin-inline:auto;display:flex}}@scope(.code-block){:scope{border:var(--border-light);max-width:100%;font-size:var(--font-size-xs);margin:0;line-height:1.6;overflow:auto hidden}}@scope(.notice){:scope{align-items:center;gap:var(--space-xs);display:flex}:scope.error{padding:var(--space-xs);border:1px solid var(--color-error-content);color:var(--color-error-content)}}@scope(.spinner){:scope{border:2px solid var(--color-base-300);border-top-color:var(--color-base-content);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}}@keyframes spin{to{transform:rotate(360deg)}}@scope(.skeleton){:scope{background:linear-gradient(100deg,var(--color-base-200)40%,var(--color-base-300)50%,var(--color-base-200)60%);background-size:200% 100%}@media (prefers-reduced-motion:no-preference){:scope{animation:1.5s ease-in-out infinite shimmer}}}@scope(.page-controls){:scope{justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}.page-indicator{white-space:nowrap;user-select:none;position:absolute;right:0}}@scope(.component-editor){.page-controls{display:none}}@scope(.hover-label){:scope{pointer-events:none;z-index:var(--z-floating);padding:var(--space-3xs)var(--space-2xs);background-color:var(--color-primary);color:var(--color-primary-content);font-size:var(--font-size-xs);white-space:nowrap;display:none;position:fixed}@supports (anchor-name:--hover-label-support-check){:scope{top:anchor(top);left:anchor(left);display:block;transform:translateY(-105%)}}}@scope(.selection-toolbar){:scope{z-index:var(--z-floating);gap:var(--space-2xs);background-color:var(--color-base-100);border:var(--border-medium);display:none;position:fixed}@supports (anchor-name:--hover-label-support-check){:scope{top:anchor(top);left:anchor(right);display:flex;transform:translate(-100%,-105%)}}}@scope(.stack){:scope{flex-direction:column;display:flex}:scope.gap-3xs{gap:var(--space-3xs)}:scope.gap-2xs{gap:var(--space-2xs)}:scope.gap-xs{gap:var(--space-xs)}:scope.gap-sm{gap:var(--space-sm)}:scope.gap-md{gap:var(--space-md)}:scope.gap-lg{gap:var(--space-lg)}}@scope(.select){:scope{padding-inline:var(--space-sm);padding-block:var(--space-3xs);min-inline-size:var(--control-min-sm);border:var(--border-self);background-color:var(--color-base-100);color:var(--color-base-content);font-size:var(--font-size-sm);cursor:pointer;line-height:1.5;&.xs{font-size:var(--font-size-xs);padding-block:var(--space-3xs);padding-inline:var(--space-2xs);min-inline-size:var(--control-min-xs)}&.sm{font-size:var(--font-size-sm);padding-block:var(--space-3xs);padding-inline:var(--space-sm);min-inline-size:var(--control-min-sm)}&.md{font-size:var(--font-size-md);padding-block:var(--space-2xs);padding-inline:var(--space-md);min-inline-size:var(--control-min-md)}&.lg{font-size:var(--font-size-lg);padding-block:var(--space-xs);padding-inline:var(--space-lg);min-inline-size:var(--control-min-lg)}}}@scope(.input-inline){:scope{field-sizing:content;min-block-size:0;min-inline-size:0;color:inherit;font:inherit;text-align:center;vertical-align:baseline;cursor:pointer;background:0 0;border:none;border-bottom:1px dashed;border-radius:0;padding:0;line-height:1.2;&:hover{border-bottom-style:solid}&::placeholder{color:color-mix(in oklab,currentColor,transparent 50%)}&::picker-icon{border-width:0 1.5px 1.5px 0;align-self:center;width:.35em;height:.35em;margin:0 0 0 .15em;translate:0 -.1em}&:open::picker-icon{translate:0 .1em}}:scope:is(input){cursor:text;min-inline-size:4ch;@supports not (field-sizing:content){&{inline-size:10ch}}}:scope[type=number]{appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none;margin:0}}}@scope(.trait-color-input){:scope{border:var(--border-light);align-items:stretch;min-inline-size:0;display:flex}:scope:hover{outline:2px solid var(--color-hover-line)}:scope:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}button{width:var(--control-sm);cursor:pointer;flex-shrink:0;padding:0;position:relative;overflow:hidden}button>span{padding:var(--space-2xs);width:100%;height:100%;display:block}input{padding-inline:var(--space-2xs);padding-block:var(--space-3xs);&:focus-visible{outline:none}}}@scope(.trait-row){:scope{align-items:center;gap:var(--space-2xs);min-width:0;display:flex}:scope>:first-child{flex:0 0 45%}:scope>span:first-child{align-items:center;gap:var(--space-3xs);display:flex}:scope>:last-child{flex:1}:scope>input[type=checkbox]:last-child{flex:none;margin-inline-start:auto}}@scope(.trait-select){:scope{padding-inline:var(--space-2xs);padding-block:var(--space-3xs);border:var(--border-light);background-color:var(--color-base-100);color:var(--color-base-content);font-size:var(--font-size-sm);cursor:pointer;min-width:0;line-height:1.5}}@scope(.saving-indicator){:scope>button{gap:var(--space-3xs);flex-direction:row;align-items:center;display:flex}:scope>button>span{display:flex}}@scope(.dimension-input){:scope{border:var(--border-light);background-color:var(--color-base-100);min-width:0;display:flex}:scope:hover{outline:2px solid var(--color-hover-line)}:scope:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}input{min-width:0;padding-inline:var(--space-2xs);padding-block:var(--space-3xs);color:var(--color-base-content);font-size:var(--font-size-sm);background:0 0;border:none;flex:1;line-height:1.5;&:focus-visible{outline:none}}.unit{min-width:30px;padding-inline:var(--space-xs);border:none;border-left:var(--border-light);background-color:var(--color-base-200);color:var(--color-base-content);font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}select.unit{appearance:none;text-align:center;cursor:pointer}select.unit option{background-color:var(--color-base-100);color:var(--color-base-content);font-size:var(--font-size-sm)}}@scope(.dimension-field){:scope{min-width:0}.computed-size{padding-inline:var(--space-2xs);white-space:nowrap}}@scope(.trait-button-group){:scope{border:var(--border-light);display:flex;overflow:hidden}:scope.grid-3{grid-template-columns:repeat(3,1fr);display:grid}label,button{padding:var(--space-2xs);background-color:var(--color-base-100);color:var(--color-base-content);cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast);flex:1;justify-content:center;align-items:center;display:flex;position:relative;&:hover{background-color:var(--color-hover)}}label:has(:checked),button[aria-pressed=true]{background-color:var(--color-selected);color:var(--color-primary-content);&:hover{background-color:var(--color-selected-hover)}}label:has(:focus-visible){outline:var(--focus-ring);outline-offset:calc(-1*var(--focus-ring-offset))}input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}}@scope(.trait-section){:scope{border-bottom:var(--border-light);overflow:hidden}:scope>header{padding:var(--space-2xs)var(--space-xs)}:scope>header>:has(>svg){align-items:center;gap:var(--space-3xs);display:flex}:scope>div{padding:var(--space-3xs)}}@scope(.panel-heading){:scope{border-bottom:var(--border-strong);padding-inline:var(--space-xs);padding-block:var(--space-2xs)}}@scope(.trait-heading){:scope:has(>svg){align-items:center;gap:var(--space-3xs);display:flex}:scope.title{padding-bottom:var(--space-3xs);margin-bottom:var(--space-3xs);border-bottom:var(--border-light)}:scope.subtitle{margin-top:var(--space-3xs)}}@scope(.trait-form){:scope{gap:var(--space-xs);flex-direction:column;display:flex}.sentence{line-height:2}}@scope(.asset-source){.preview{border:var(--border-light);background-color:var(--color-base-200);background-position:50%;background-size:cover;width:100%;height:4rem}}@scope(.data-section){:scope{padding-top:var(--space-xs);margin-top:var(--space-3xs);border-top:var(--border-light)}}@scope(.series-item){:scope{padding:var(--space-2xs);background-color:var(--color-base-200)}}@scope(.data-actions){:scope{padding-top:var(--space-2xs)}}@scope(.trait-panel){:scope{text-align:left}.trait-field{padding:var(--space-3xs)var(--space-2xs);width:100%;margin-bottom:var(--space-xs)}.trait-field.mixed .trait-row>:first-child:after{content:"Mixed";font-size:var(--font-size-xs);color:var(--color-text-subtle);margin-inline-start:var(--space-3xs)}.selection-count,.selection-path{padding:0 var(--space-xs)}.missing{padding-inline:var(--space-xs);padding-block:var(--space-2xs)}.missing span{display:block}}@scope(.state-selector){.condition-summary{justify-content:space-between;align-items:center;gap:var(--space-2xs);margin-top:var(--space-2xs);padding:var(--space-2xs);background-color:var(--color-base-100);border:var(--border-light);display:flex}.condition-edit{cursor:pointer;color:var(--color-text-muted);flex-shrink:0;align-items:center;display:inline-flex;&:hover{color:var(--color-base-content)}}.incomplete{margin-top:var(--space-2xs)}}@scope(.chart-manual-data){:scope{gap:var(--space-sm);flex-direction:column;width:40rem;display:flex}.data-table{border:var(--border-light);flex-direction:column;display:flex}.table-row{align-items:center;gap:var(--space-sm);padding-inline:var(--space-2xs);border-bottom:var(--border-light);grid-template-columns:1fr 6rem 1fr 2rem;display:grid}.table-row:last-of-type{border-bottom:none}.table-row.header{padding-block:var(--space-2xs);background-color:var(--color-base-200)}.table-row.header em{text-transform:none;letter-spacing:normal;font-style:normal;font-weight:400}.cell{width:100%;min-width:0;padding-block:var(--space-2xs);padding-inline:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-base-content);background:0 0;border:none}.cell.numeric{text-align:right}.cell::placeholder{color:var(--color-text-muted)}.remove-cell{color:color-mix(in oklab,var(--color-base-content),transparent 60%);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.remove-cell:hover{color:var(--color-error-content)}.add-row{justify-content:center;align-items:center;gap:var(--space-3xs);padding-block:var(--space-xs);border:none;border-top:var(--border-light);cursor:pointer;background:0 0;display:flex}.add-row:hover{background-color:var(--color-hover)}.footer{justify-content:space-between;align-items:center;display:flex}}@scope(.formatting-rule-fields){:scope{gap:var(--space-xs);flex-direction:column;flex-grow:1;display:flex}.actions{margin-top:auto}.condition{line-height:2}.condition>.input-inline{margin-inline:var(--space-3xs)}}@scope(.variable-editor){:scope{min-width:60vw;min-height:40vh;padding:var(--space-sm);flex-direction:column;justify-content:space-between;margin-inline:auto;display:flex}ul{flex-direction:column;padding-block-end:var(--space-md);display:flex}li{flex-direction:column;display:flex}.variable-row{padding-block:var(--space-3xs)}.variable-row input[type=text]{min-width:0;padding:var(--space-2xs);border:var(--border-medium);background-color:var(--color-base-100);color:var(--color-base-content);font-size:var(--font-size-sm);flex:1;font-family:inherit;line-height:1.5;&.error{border-color:var(--color-error-content)}}.variable-row select{width:8rem;padding:var(--space-2xs);border:var(--border-medium);background-color:var(--color-base-100);color:var(--color-base-content);font-size:var(--font-size-sm);cursor:pointer;flex-shrink:0;font-family:inherit}li>p{padding-inline:var(--space-3xs);padding-bottom:var(--space-3xs)}.add-child{padding-block:var(--space-3xs)}.action-buttons{flex-direction:row;justify-content:space-between;display:flex}}@scope(.variable-manager){:scope{flex-direction:column;display:flex;overflow-y:auto}.missing{padding:var(--space-sm)var(--space-xs);gap:var(--space-3xs);border-bottom:1px solid var(--color-base-200);flex-direction:column;display:flex}ul{flex-direction:column;display:flex}.variable-row{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs)var(--space-xs);border-bottom:1px solid var(--color-base-200);user-select:none;transition:background-color var(--duration-fast);padding-inline-start:calc(var(--space-2xs) + min(var(--level,0),6)*var(--space-md));display:flex;&[draggable]{cursor:grab;&:hover{background-color:var(--color-hover)}}&:last-child{border-bottom:none}}.drag-handle{color:var(--color-text-subtle);transition:opacity var(--duration-fast);flex-shrink:0;margin-left:auto}@media (hover:hover){.variable-row:not(:hover,:focus-within) .drag-handle{opacity:0}}}@scope(.block-panel){:scope{text-align:left}:scope>ul{gap:var(--space-xs);flex-direction:column;display:flex}:scope>ul>li{border-bottom:var(--border-light);overflow:hidden}.group-title{padding:var(--space-2xs)var(--space-xs)}.category-blocks{flex-direction:column;display:flex}.block{background-color:var(--color-base-100);border:var(--border-light);cursor:grab;padding:var(--space-xs)var(--space-sm);transition:background-color var(--duration-fast);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative;&:hover{background-color:var(--color-hover)}}.block-actions{font-size:var(--font-size-lg);transition:opacity var(--duration-fast)}.block-actions button{color:var(--color-text-muted)}.block-actions button:hover{color:var(--color-base-content)}@media (hover:hover){.block:not(:hover,:focus-within)>.block-actions{opacity:0}}.preview{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.monogram{text-transform:uppercase;background-color:var(--color-base-content);width:2rem;height:2rem;color:var(--color-base-100);justify-content:center;align-items:center;display:flex}.label{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@scope(.layer-manager){:scope{height:100%;font-size:var(--font-size-sm);text-align:left;user-select:none;position:relative;overflow:hidden auto}.missing span{display:block}}@scope(.layer-item){:scope{max-width:100%;flex-direction:column;padding-inline-start:calc(min(var(--level,0),7)*var(--space-3xs));display:flex;&.layer-hidden{opacity:.5}}.layer-row{padding:var(--space-3xs)var(--space-2xs);padding-right:var(--space-xs);align-items:center;gap:var(--space-3xs);display:flex;&.level-root{border-top:var(--border-light)}&.hovered{background-color:var(--color-hover)}&.selected{background-color:var(--color-selected-subtle)}&.selected.hovered{background-color:var(--color-selected-subtle-hover)}}button{all:unset;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex;&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}.layer-item:has(>.layer-row>.toggle[aria-expanded=false])>ul{display:none}.toggle{cursor:pointer;transition:transform var(--duration-fast)ease;&.spacer{pointer-events:none;opacity:0}}.toggle[aria-expanded=false]{transform:rotate(-90deg)}span{text-overflow:ellipsis;white-space:nowrap;cursor:text;flex-grow:1;min-width:0;overflow:hidden}input[type=text]{all:unset;width:100%;min-width:0;font:inherit;color:inherit;flex-grow:1;&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}.focus-button,.visibility-toggle{cursor:pointer;opacity:0;flex-shrink:0;& span{cursor:pointer}}.layer-row.selected :is(.focus-button,.visibility-toggle),.layer-row.hovered :is(.focus-button,.visibility-toggle){opacity:1}}@scope(.badge){:scope{padding:var(--space-4xs)var(--space-2xs);font-size:var(--font-size-xs);border:1px solid #0000;border-radius:999px;align-items:center;font-weight:500;display:inline-flex}:scope.primary{background-color:var(--color-primary);color:var(--color-primary-content)}:scope.secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}:scope.accent{background-color:var(--color-accent);color:var(--color-accent-content)}:scope.neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}:scope.info{background-color:var(--color-info);color:var(--color-info-content)}:scope.success{background-color:var(--color-success);color:var(--color-success-content)}:scope.warning{background-color:var(--color-warning);color:var(--color-warning-content)}:scope.error{background-color:var(--color-error);color:var(--color-error-content)}:scope.ghost{background-color:var(--color-base-200);color:var(--color-base-content)}:scope.sm{padding:var(--space-4xs)var(--space-3xs)}:scope.lg{font-size:var(--font-size-sm);padding:var(--space-3xs)var(--space-xs)}:scope.outline{background-color:#0000;border-color:currentColor}}@scope(.menu){:scope{align-items:stretch;gap:var(--space-md);background-color:var(--color-base-100);margin:var(--space-2xs);padding:var(--space-md);border:var(--border-medium);min-width:clamp(200px,400px,100vw);font-size:var(--font-size-md);flex-direction:column;display:flex;& li{text-align:left;padding-top:var(--space-md);margin-inline:var(--space-md);border-bottom:var(--border-light);cursor:pointer;position:relative;box-shadow:inset 0 -1px}& li:hover,& li:active,& li:focus-within{color:var(--color-accent);box-shadow:inset 0 -1.4px 0 0 var(--color-accent)}& li:focus-within{box-shadow:none;border-bottom-color:var(--color-base-100)}& li:last-child{border-bottom:none}& .link-arrow:after{content:"";width:6px;height:6px;transition:transform var(--duration-fast)ease;border-top:2px solid;border-right:2px solid;position:absolute;top:70%;right:5px;transform:translateY(-50%)rotate(45deg)}& .link-arrow:hover:after,& .link-arrow:focus-within:after{transform:translateY(-50%)rotate(45deg)scale(1.33)}&.compact{min-width:160px;padding:var(--space-2xs)0;box-shadow:var(--shadow);gap:0;margin:0;& li{box-shadow:none;border-bottom:none;margin-inline:0;padding-top:0}& li>button,& li>a{align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-xs)var(--space-sm);text-align:left;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;display:flex}& li:hover,& li:focus-within{color:inherit;box-shadow:none;background-color:var(--color-hover)}& li.danger:hover,& li.danger:focus-within{color:var(--color-error-content);background-color:color-mix(in oklab,var(--color-error),transparent 60%)}}}}@scope(.drawer){:scope{position:relative;& .content{z-index:var(--z-overlay);position:absolute;top:100%;right:0}&:has([aria-expanded=false]) .content,&:has([aria-expanded=true]) button .is-opened,&:has([aria-expanded=false]) button .is-closed{display:none}}}@scope(.logo){:scope{font-weight:700;font-size:var(--font-size-md);letter-spacing:-.02em;color:inherit;align-items:center;text-decoration:none;display:flex}img{width:36px;height:36px}&.small img{width:28px;height:28px}}@scope(.toggle){.is-closed,:scope[aria-expanded=true] .is-opened{display:none}:scope[aria-expanded=true] .is-closed{display:block}}@scope(.workspace-switcher){:scope{margin:var(--space-xs);position:relative}summary{align-items:center;gap:var(--space-sm);padding:var(--space-xs);border:var(--border-light);cursor:pointer;user-select:none;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background-color:var(--color-hover)}.workspace-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.chevron{color:var(--color-neutral);transition:rotate var(--duration-fast)ease}&[open] .chevron{rotate:180deg}ul{top:calc(100% + var(--space-3xs));z-index:var(--z-dropdown);background-color:var(--color-base-100);border:var(--border-medium);box-shadow:var(--shadow);position:absolute;left:0;right:0}li+li{border-top:var(--border-light)}.new-workspace-item a{color:var(--color-neutral)}a{align-items:center;gap:var(--space-sm);padding:var(--space-xs);color:var(--color-base-content);text-decoration:none;display:flex}a span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}a:hover{background-color:var(--color-hover)}a[aria-current=true]{background-color:var(--color-selected-subtle)}a[aria-current=true]:hover{background-color:var(--color-selected-subtle-hover)}}@scope(.icon){:scope{flex-shrink:0;block-size:1em;inline-size:1em}&.large{block-size:20px;inline-size:20px}&.xl{block-size:24px;inline-size:24px}&.xxl{block-size:36px;inline-size:36px}}@media (prefers-reduced-motion:no-preference){.icon.spin{animation:1s linear infinite spin}}@scope(.icon-btn){:scope{padding:var(--space-3xs);cursor:pointer;transition:background-color var(--duration-fast)ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:scope:hover{background-color:var(--color-hover)}:scope.danger:hover{color:var(--color-error-content);background-color:color-mix(in oklab,var(--color-error),transparent 60%)}}@scope(.input){:scope{padding-inline:var(--space-sm);min-inline-size:var(--control-min-sm);block-size:var(--control-sm);border:var(--border-self);background-color:var(--color-base-100);color:var(--color-base-content);font-size:var(--font-size-sm)}:scope.input-error{border-color:var(--color-error-content)}:scope:is(textarea){block-size:auto;min-block-size:var(--control-sm);padding-block:var(--space-2xs)}}@scope(.checkbox){:scope{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;width:1rem;height:1rem}:scope.xs{width:.75rem;height:.75rem}}@scope(.error){:scope{gap:var(--space-2xs);flex-direction:row;align-items:center;margin-block-start:var(--space-2xs);display:flex}}@scope(.fieldset){label{gap:var(--space-3xs);flex-direction:column;display:flex}.checkbox-row{align-items:center;gap:var(--space-2xs);cursor:pointer;flex-direction:row}}@scope(.password-input){:scope{border:var(--border-light);background-color:var(--color-base-100);display:flex;&:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}input{min-width:0;padding-inline:var(--space-sm);block-size:var(--control-sm);font-size:var(--font-size-sm);color:var(--color-base-content);background:0 0;border:none;flex:1;&:focus-visible{outline:none}}button{border-left:var(--border-light);border-radius:0}}@scope(.flash-group){:scope{top:var(--space-sm);right:var(--space-sm);z-index:var(--z-toast);gap:var(--space-2xs);pointer-events:none;flex-direction:column;display:flex;position:fixed}}@scope(.flash){:scope{align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border:var(--border-light);width:clamp(280px,90vw,384px);box-shadow:var(--shadow);font-size:var(--font-size-sm);cursor:pointer;pointer-events:auto;display:flex;position:relative;overflow:hidden}:scope:after{content:"";opacity:.4;transform-origin:0;background:currentColor;width:100%;height:3px;animation:5s linear forwards flash-timer;position:absolute;bottom:0;left:0}@keyframes flash-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:scope.is-hiding{animation:.3s forwards flash-fade-out}@keyframes flash-fade-out{to{opacity:0}}:scope.info{background-color:var(--color-info);color:var(--color-info-content);border-color:color-mix(in oklab,var(--color-info),black 15%)}:scope.success{background-color:var(--color-success);color:var(--color-success-content);border-color:color-mix(in oklab,var(--color-success),black 15%)}:scope.warning{background-color:var(--color-warning);color:var(--color-warning-content);border-color:color-mix(in oklab,var(--color-warning),black 15%)}:scope.error{background-color:var(--color-error);color:var(--color-error-content);border-color:color-mix(in oklab,var(--color-error),black 15%)}.flash-icon{margin-top:var(--space-4xs);flex-shrink:0}.flash-body{gap:var(--space-4xs);flex-direction:column;flex:1;display:flex}.flash-title{font-weight:600}.flash-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;flex-shrink:0;align-self:flex-start;padding:0;line-height:1;display:flex}.flash-close:hover{opacity:1}}@scope(.table){:scope{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}thead tr{border-bottom:var(--border-medium)}th{text-align:left;padding:var(--space-2xs)var(--space-xs)}td{padding:var(--space-2xs)var(--space-xs);border-bottom:var(--border-light);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--color-hover)}.actions-cell{white-space:nowrap;width:1%}}@scope(.list){:scope{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-item{gap:var(--space-sm);padding:var(--space-sm);border-bottom:var(--border-light);display:flex}.list-item:last-child{border-bottom:none}.list-item-content{gap:var(--space-3xs);flex-direction:column;flex:1;display:flex}}@scope(dialog.modal){:scope{pointer-events:none;opacity:0;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity var(--duration-fast)ease-out,display var(--duration-fast)ease-out allow-discrete,overlay var(--duration-fast)ease-out allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;position:fixed;inset:0}:scope::backdrop{background:0 0}:scope[open]{pointer-events:auto;opacity:1;display:flex}@starting-style{:scope[open]{opacity:0}}.box{background:var(--color-base-100);padding:var(--space-md);box-shadow:var(--shadow);z-index:1;max-width:90vw;max-height:90vh;transition:scale var(--duration-fast)ease-out;flex-direction:column;display:flex;position:relative;overflow-y:auto;scale:.97}:scope.sm .box{min-block-size:min(18rem,90vh);inline-size:min(24rem,90vw)}:scope.md .box{min-block-size:min(24rem,90vh);inline-size:min(32rem,90vw)}:scope.lg .box{min-block-size:min(32rem,90vh);inline-size:min(48rem,90vw)}:scope[open] .box{scale:1}@starting-style{:scope[open] .box{scale:.97}}.backdrop{background-color:var(--color-backdrop);cursor:pointer;position:fixed;inset:0}.backdrop button{cursor:pointer;color:#0000;background:0 0;border:none;font-size:0;position:absolute;inset:0}.header{margin-bottom:var(--space-sm);border-bottom:var(--border-medium);flex-shrink:0;justify-content:space-between;align-items:center;padding-block-end:var(--space-sm);display:flex}.content{flex-direction:column;flex-grow:1;min-height:0;display:flex;overflow-y:auto}}@scope(.dialog-actions){:scope{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);display:flex}}@scope(.media-picker){:scope{padding:var(--space-2xs);gap:var(--space-2xs);flex-direction:column;display:flex}.media-picker-empty{text-align:center;padding-block:var(--space-2xs)}.media-grid{gap:var(--space-3xs);padding:var(--space-2xs);grid-template-columns:repeat(3,1fr);display:grid;overflow-y:auto}.media-item{all:unset;aspect-ratio:1;border:var(--border-light);cursor:pointer;padding:var(--space-3xs);display:block;overflow:hidden;&:hover{outline:2px solid var(--color-hover-line)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}.media-item img{object-fit:contain;width:100%;height:100%}}@scope(.tabs){.tabs-nav{border-bottom:var(--border-medium);display:flex}.tab-btn{padding:var(--space-2xs)var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--duration-fast)ease,border-color var(--duration-fast)ease;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px}.tab-btn:hover{color:var(--color-base-content)}.tab-btn[aria-selected=true]{color:var(--color-base-content);border-bottom-color:var(--color-selected-line)}.tab-panel{min-width:0}}@scope(.no-content){:scope{padding:var(--space-xl);text-align:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.no-content-action{margin-top:var(--space-sm)}}@scope(.variable-form){:scope{padding:var(--space-md);flex-direction:column;display:flex}ul{flex-direction:column;display:flex;position:relative}li>ul{padding-inline-start:var(--space-md)}ul:before{content:"";background-color:var(--color-base-300);width:2px;height:100%;position:absolute;inset-inline-start:6px}.variable-row{padding-block:var(--space-3xs)}.variable-row .fieldset{flex:1;min-width:0}.variable-row .button{flex-shrink:0;margin-inline-start:auto}}@scope(.landing-page){:scope{grid-template-columns:repeat(12,1fr);display:grid}section[id]{scroll-margin-top:10rem}section>h2{font-size:var(--font-size-xl);padding-top:var(--space-xl);text-align:center;font-weight:500}}@scope(.hero){:scope{background-color:var(--color-base-100);grid-column:1/-1;& h1{max-inline-size:900px;font-size:var(--font-size-3xl);text-align:center;margin-inline:auto;margin-block:var(--space-md);font-weight:600;line-height:.9em}& .subtitle{max-inline-size:900px;font-size:var(--font-size-lg);text-align:center;margin-inline:auto}& img{max-inline-size:70%;aspect-ratio:16/9;border:var(--border-medium);height:auto;margin-inline:auto;display:block}& div:has(>img){padding:var(--space-md)}}}@scope(.faq){:scope{gap:var(--space-sm);flex-direction:column;grid-column:2/-2;display:flex;& summary::marker{content:""}& summary{color:var(--color-base-content);font-size:var(--font-size-md);padding-inline:var(--space-sm);cursor:pointer;justify-content:space-between;font-weight:500;display:flex;position:relative}& details[name=faq] summary:after{content:"";border-top:2px solid;border-right:2px solid;width:6px;height:6px;transition:transform .3s;position:absolute;top:50%;right:10px;transform:translateY(-50%)rotate(135deg)}& details[name=faq][open] summary:after{transform:translateY(-50%)rotate(-45deg)}& details::details-content{color:var(--color-base-content);font-size:var(--font-size-sm);padding-inline:var(--space-sm);width:95%}& details[name=faq][open] p{animation:.2s linear forwards animateDown}}details[open]::details-content{height:auto}@supports (interpolate-size:allow-keywords){::details-content{transition-behavior:allow-discrete;height:0;transition:height .2s,content-visibility .2s}details[open]::details-content{height:calc-size(auto)}}}@keyframes animateDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@scope(.features){:scope{grid-column:2/11;& h3{font-size:var(--font-size-lg)}& .feature{gap:var(--space-md);border-bottom:var(--border-light);padding-block:var(--space-sm);margin-bottom:var(--space-md);flex-direction:row;display:flex}& .content{flex-direction:column;align-items:flex-start;display:flex}& .feature-badge{font-size:var(--font-size-xs);background-color:var(--color-primary);color:var(--color-primary-content);padding-block:var(--space-3xs);padding-inline:var(--space-2xs);margin-block:var(--space-xs)}& .description{font-size:var(--font-size-md);color:var(--color-neutral)}& img{border:var(--border-medium);width:60%;height:auto}@media (width>=1000px){& .feature:nth-child(2n){flex-direction:row-reverse}}@media (width<1000px){& .feature{flex-direction:column}& img{width:100%}}}}@scope(.how-it-works){:scope{grid-column:2/11}@media screen and (width>=1000px){:scope{grid-column:3/10}}.subtitle{font-size:var(--font-size-md);color:var(--color-neutral);text-align:center;margin-block:var(--space-xs)}ol{margin-block:var(--space-lg);flex-direction:column;gap:0;padding:0;display:flex}li{align-items:flex-start;gap:var(--space-md);padding-block:var(--space-md);border-bottom:var(--border-light);display:flex}li:first-child{border-top:none}.number{font-size:var(--font-size-2xl);color:var(--color-primary);min-width:2ch;font-weight:600;line-height:1}.content h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2xs);font-weight:500}.content p{font-size:var(--font-size-md);color:var(--color-neutral)}}@scope(.cta){:scope{text-align:center;align-items:center;gap:var(--space-md);padding-block:var(--space-2xl);border-top:var(--border-light);margin-top:var(--space-xl);flex-direction:column;grid-column:2/-2;display:flex;& h2{font-size:var(--font-size-2xl);font-weight:600}& .subtitle{font-size:var(--font-size-md);color:var(--color-neutral);max-inline-size:52ch}}}@scope(.footer){:scope{border-top:var(--border-light);padding-block:var(--space-lg);padding-inline:var(--space-md);grid-column:1/-1;& .inner{align-items:center;gap:var(--space-md);flex-direction:column;max-width:1024px;margin-inline:auto;display:flex;@media (width>=500px){&{flex-direction:row;justify-content:space-between;align-items:center}& .copy{order:3}}}& .legal-links{gap:var(--space-sm);display:flex}}}@scope(.impressum){address{font-style:normal}}@scope(.data-privacy) to (.footer){h2{margin-top:var(--space-md)}ul{gap:var(--space-2xs);flex-direction:column;padding-inline-start:var(--space-md);list-style:disc;display:flex}.index{padding-inline-start:0;list-style:none}.seal{opacity:.6}}@scope(.error-page){:scope{text-align:center;align-items:center;gap:var(--space-sm);max-width:640px;padding:var(--space-3xl)var(--space-md);flex-direction:column;margin-inline:auto;display:flex}.code{font-size:var(--font-size-4xl);font-weight:700;line-height:1}.description{color:var(--color-neutral);max-width:40ch}.button{margin-top:var(--space-sm)}}@scope(.contact){form{gap:var(--space-sm);flex-direction:column;display:flex}}@scope(.assets-page){:scope{padding:var(--space-md)}.asset-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.assets-empty{text-align:center;padding:var(--space-xl)}}@scope(.upload-zone){:scope{border:2px dashed var(--color-base-300);padding:var(--space-xs)var(--space-sm);align-items:center;gap:var(--space-sm);transition:border-color var(--duration-fast)ease,background-color var(--duration-fast)ease;display:flex}.upload-icon{color:var(--color-neutral);flex-shrink:0}.upload-hint{flex:1}}@scope(.asset-card){.asset-thumb{border:var(--border-light);aspect-ratio:1;background-color:var(--color-base-200);position:relative;overflow:hidden}.asset-thumb img{object-fit:contain;width:100%;height:100%;display:block}.asset-thumb .icon-btn{top:var(--space-3xs);right:var(--space-3xs);transition:opacity var(--duration-fast)ease;background-color:color-mix(in oklab,var(--color-base-100),transparent 15%);position:absolute}@media (hover:hover){:scope:not(:hover,:focus-within) .icon-btn{opacity:0}}.asset-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@scope(.auth-page){:scope{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.brand{justify-content:center;align-items:center;gap:var(--space-2xs);padding-bottom:var(--space-xs);border-bottom:var(--border-light);display:flex}.brand img{width:36px;height:36px}.brand a{font-weight:700;font-size:var(--font-size-md);letter-spacing:-.02em;color:inherit;text-decoration:none}.card{background:var(--color-base-100);padding:var(--space-lg);border:var(--border-medium);width:100%;max-width:420px}form{gap:var(--space-sm);flex-direction:column;display:flex}.separator{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-neutral);white-space:nowrap;display:flex;&:after{content:"";background-color:var(--color-base-300);flex:1;height:1px}}}@scope(.initial-workspace){:scope{justify-content:center;align-items:center;gap:var(--space-lg);min-height:100vh;padding:var(--space-md);flex-direction:column;display:flex}.header{align-items:center;gap:var(--space-xs);text-align:center;flex-direction:column;display:flex}.card{background:var(--color-base-100);padding:var(--space-lg);border:var(--border-medium);box-shadow:var(--shadow);width:100%;max-width:448px}.card form{gap:var(--space-md);flex-direction:column;display:flex}}@scope(.members-page){.you-label{margin-inline-start:var(--space-2xs)}}@scope(.invite-hint){:scope{margin-block:var(--space-sm)}}@scope(.account-page){:scope{padding:var(--space-md)}}@scope(.account-email-section){:scope>div{align-items:center;gap:var(--space-xs);display:flex}.badge{align-items:center;gap:var(--space-3xs);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:2px var(--space-2xs);border:1px solid;font-weight:500;display:inline-flex;&:before{content:"";background-color:currentColor;flex-shrink:0;width:.5em;height:.5em;display:inline-block}&.warning{color:var(--color-warning-content)}&.success{color:var(--color-success-content)}}}@scope(.account-password-form){form{gap:var(--space-sm);flex-direction:column;display:flex}}@scope(.account-danger-section){:scope>header{color:var(--color-error-content)}:scope>div{gap:var(--space-xs);padding:var(--space-sm)var(--space-md);border:var(--border-light);border-left:3px solid var(--color-error-content);flex-direction:column;display:flex}:scope>div>p.title{color:var(--color-error-content);align-items:center;gap:var(--space-2xs);display:flex}}@scope(.integrations-page){:scope{padding:var(--space-md)}}@scope(.integrations-api-reference){.endpoint-row{align-items:center;gap:var(--space-xs);display:flex}.method-badge{padding:2px var(--space-2xs);border:var(--border-light);flex-shrink:0;align-items:center;display:inline-flex}.endpoint-url{color:color-mix(in oklab,var(--color-base-content),transparent 40%);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.code-examples{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid;&>div{min-width:0}@media (width<768px){&{grid-template-columns:1fr}}}.code-panel-label{margin-bottom:var(--space-3xs)}.info-note{align-items:flex-start;gap:var(--space-2xs);display:flex}}@scope(.integrations-api-keys){.token-blurred{filter:blur(4px);user-select:none}.group-title{padding-top:var(--space-xs);border-top:var(--border-light)}.create-key-form{gap:var(--space-xs);flex-direction:column;display:flex}.create-key-input-row{align-items:flex-end;gap:var(--space-xs);display:flex;& .fieldset{flex:1}}.api-keys-list{gap:var(--space-xs);flex-direction:column;display:flex}.api-key-item{border:var(--border-light);padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex}.api-key-header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.key-created{flex-shrink:0}.key-token{border:var(--border-light);min-width:0;padding:var(--space-3xs)var(--space-xs);text-overflow:ellipsis;white-space:nowrap;background:var(--color-base-100);transition:filter var(--duration-fast)ease;flex:1;overflow:hidden}.templates-ref-list{border-top:var(--border-light);flex-direction:column;display:flex}.template-ref-row{align-items:center;gap:var(--space-sm);padding:var(--space-xs)0;border-bottom:var(--border-light);display:flex}.template-ref-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.template-ref-id{color:var(--color-text-muted);flex-shrink:0;margin-left:auto}}@scope(.integrations-sdk){.sdk-template-select{gap:var(--space-2xs);flex-direction:column;display:flex}.template-id-row{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);display:flex}.template-id-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-base-content);flex:1;overflow:hidden}.code-file{margin-bottom:var(--space-sm)}.code-file-header{margin-bottom:var(--space-3xs);justify-content:space-between;align-items:center;display:flex}.code-filename{color:var(--color-text-muted)}}@scope(.documents-page){:scope{padding:var(--space-md)}}@scope(.template-group){:scope{border:var(--border-light);overflow:hidden}summary{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background-color:var(--color-base-200);cursor:pointer;user-select:none;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background-color:var(--color-base-300)}.chevron{transition:rotate var(--duration-fast)ease}details[open] .chevron{rotate:90deg}.group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.document-row{align-items:center;gap:var(--space-sm);padding:var(--space-xs)var(--space-md);border-top:var(--border-light);display:flex}.document-row:hover{background-color:var(--color-hover)}.doc-link{align-items:center;gap:var(--space-xs);flex:1;text-decoration:none;display:flex}.doc-link:hover{text-decoration:underline}.document-row .icon-btn{transition:opacity var(--duration-fast)ease}@media (hover:hover){.document-row:not(:hover,:focus-within) .icon-btn{opacity:0}}}@scope(.editor-action-bar){:scope{z-index:var(--z-sticky);min-height:55px;padding-inline:var(--space-xs);background-color:var(--color-base-100);border-bottom:var(--border-light);justify-content:space-between;align-items:center;display:flex;position:sticky;top:55px}@supports (not (appearance:base-select)) or (not selector(::picker(select))){.action-bar-left select{width:180px}}.page-size-select{width:10rem}}@scope(.blueprint-picker){.blueprint-options{gap:var(--space-sm);padding-bottom:var(--space-2xs);display:flex;overflow-x:auto}.blueprint-option{border:2px solid var(--color-base-300);background:var(--color-base-100);cursor:pointer;text-align:left;flex-direction:column;flex-shrink:0;width:160px;padding:0;display:flex}.blueprint-option:hover{border-color:var(--color-hover-line)}.blueprint-option:has(input:checked){border-color:var(--color-selected-line)}.blueprint-option:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.option-preview{background:var(--color-base-200);width:156px;height:226.297px;color:var(--color-neutral);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.option-preview img{object-fit:contain;width:100%;height:100%;display:block}.option-skeleton{width:100%;height:100%}.option-footer{padding:var(--space-2xs)var(--space-xs);border-top:var(--border-light);align-items:center;min-height:2rem;display:flex}.option-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.blueprint-option:has(input:checked) .option-footer{border-top-color:var(--color-selected-line)}}@scope(.template-preview-page){:scope{border-top:var(--border-light);background-color:var(--color-base-100);flex-direction:column;min-height:calc(100vh - 3rem);display:flex}aside{flex-direction:column;padding-block-end:var(--space-md);display:flex}form{padding-inline:var(--space-2xs);flex-direction:column;display:flex;overflow-y:auto}@media (width<768px){.canvas{min-height:60vh}}@media (width>=768px){:scope{flex-direction:row}aside{border-right:var(--border-light);flex:0 0 360px;min-height:100vh}form,.canvas{flex:1}}.data-heading{padding:var(--space-2xs);border-bottom:var(--border-self);color:var(--color-base-content);display:flex}.canvas{background-color:var(--color-base-200);display:flex}#preview-canvas{display:contents}embed{border:none;flex-grow:1}.status{color:var(--color-base-content);margin:auto}}@scope(.new-component){.hint{margin-top:calc(var(--space-md)*-1)}}@scope(.sidebar-header){:scope{border-bottom:var(--border-light);background-color:var(--color-base-100);display:flex}button{all:unset;align-items:center;gap:var(--space-3xs);padding:var(--space-xs)var(--space-2xs);cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast),background-color var(--duration-fast);box-sizing:border-box;flex-direction:column;flex:1;display:flex;&:hover{color:var(--color-base-content);background-color:var(--color-hover)}&[aria-selected=true]{background-color:var(--color-selected);color:var(--color-primary-content)}&[aria-selected=true]:hover{background-color:var(--color-selected-hover)}&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}}}@layer utilities{.full-width{width:100%}.borderless{border:none}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:is(button,input,select,textarea):disabled{opacity:var(--disabled-opacity);cursor:not-allowed}}@layer canvas{.fuse-canvas-node{transition:margin var(--duration-fast)ease,outline-color var(--duration-fast)ease;outline:2px solid #0000}.dnd-dragover{outline:solid 2px var(--color-primary)!important}body.is-dnd-active .fuse-canvas-node{margin-block-end:3px;margin-inline-end:3px}body.is-dnd-active .selected:not(.is-dragged),body.is-dnd-active .hovered:not(.is-dragged),body.is-dnd-active .fuse-canvas-node:hover:not(.is-dragged){outline-color:#0000!important}.is-dragged{opacity:.4}.fuse-drag-badge{padding:14px 0 0 14px;position:fixed;top:-1000px;left:-1000px}.fuse-drag-badge>span{max-width:200px;padding:var(--space-3xs)var(--space-2xs);background-color:var(--color-base-100);border:var(--border-medium);font-size:var(--font-size-xs);color:var(--color-base-content);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.fuse-drop-indicator{z-index:var(--z-floating);background-color:var(--color-primary);pointer-events:none;opacity:0;border-radius:2px;transition:transform .12s,width .12s,height .12s,opacity .12s;position:fixed;top:0;left:0}.fuse-drop-indicator.is-visible{opacity:1}.fuse-template{margin-block:var(--space-md);align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.selected{outline:solid 3px var(--color-primary)}.hovered:not(.selected){outline:solid 2px color-mix(in oklab,var(--color-primary),transparent 50%)}.fuse-canvas-node:hover:not(:has(.fuse-canvas-node:hover)){outline:solid 2px var(--color-primary)}.fuse-canvas-node-slot{display:inherit;flex-direction:inherit;flex-wrap:inherit;justify-content:inherit;align-items:inherit;gap:inherit;width:100%;min-width:0;min-height:0;transition:margin var(--duration-fast)ease,padding var(--duration-fast)ease;flex:auto;align-self:stretch}body.is-dnd-active .fuse-canvas-node-slot{margin:1px;padding:1px}.fuse-page-wrapper{align-items:center;gap:var(--space-sm);transition:zoom var(--duration-slow)ease;flex-direction:column;display:flex}.fuse-page{background-color:var(--color-paper);box-shadow:var(--shadow-page);transition:width var(--duration-slow)ease,height var(--duration-slow)ease;position:relative;overflow:clip}.fuse-numbered-list{list-style:decimal inside}.fuse-list-add-item{align-items:center;gap:var(--space-3xs);padding:var(--space-2xs);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;list-style:none;display:flex}.fuse-list-add-item:hover{color:var(--color-base-content)}.fuse-variable-node{padding:var(--space-4xs)var(--space-3xs);border:var(--border-light-dashed);background-color:var(--color-base-200);color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;cursor:default;user-select:none;align-items:center;display:inline-flex}.fuse-chart-node{width:100%;height:100%;display:block}.fuse-chart-node svg{display:block}.fuse-placeholder-node{min-height:40px;padding:var(--space-sm);border:var(--border-medium-dashed);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;box-sizing:border-box;justify-content:center;align-items:center}.fuse-empty-hint{pointer-events:none}.fuse-broken-image{top:anchor(top);left:anchor(left);width:anchor-size(width);height:anchor-size(height);position-visibility:anchors-visible;pointer-events:none;justify-content:center;align-items:center;gap:var(--space-3xs);padding:var(--space-2xs);box-sizing:border-box;background-color:var(--color-base-200);color:var(--color-text-muted);text-align:center;flex-direction:column;display:none;position:absolute;overflow:hidden;container-type:size;@container (width<120px) or (height<90px){& .text{display:none}}}img.broken+.fuse-broken-image{display:flex}}@view-transition{navigation: auto;}