/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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:where(:not(iframe)){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{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::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:currentColor}@supports (color:color-mix(in lab, red, red)){::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer kattr{:is(.kattr-shell,.kattr-panel,.kattr-toolbar,.kattr-status,.kattr-menu,.kattr-dialog,.kattr-stage,.kattr-raised,.kattr-inset,.kattr-checkerboard,.kattr-custom-scroll){border-radius:var(--kattr-radius-surface);corner-shape:var(--kattr-shape-corner)}.kattr-body{background:var(--kattr-color-bg);color:var(--kattr-color-text);font-family:var(--kattr-font-family-body);font-size:var(--kattr-font-size-body);line-height:var(--kattr-font-line-height-body);letter-spacing:var(--kattr-font-tracking-body)}.kattr-shell{background:var(--kattr-gradient-shell);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-shell)}:is(.kattr-panel,.kattr-toolbar,.kattr-status,.kattr-menu,.kattr-dialog){border:var(--kattr-border-width) solid var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-raised)}.kattr-panel{background:var(--kattr-gradient-panel)}.kattr-toolbar{background:var(--kattr-gradient-toolbar)}.kattr-status{background:var(--kattr-gradient-status)}.kattr-menu{background:var(--kattr-gradient-menu);box-shadow:var(--kattr-shadow-menu)}.kattr-dialog{background:var(--kattr-gradient-dialog);box-shadow:var(--kattr-shadow-dialog)}.kattr-header{background:var(--kattr-gradient-header);border-bottom:var(--kattr-border-width) solid var(--kattr-color-border-dark)}.kattr-stage{background:var(--kattr-gradient-stage)}.kattr-raised{border:var(--kattr-border-width) solid var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-raised)}.kattr-inset{border:var(--kattr-border-width) solid var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-inset)}.kattr-label{color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-caption);font-weight:var(--kattr-font-weight-label);letter-spacing:var(--kattr-font-tracking-label);text-transform:uppercase}.kattr-button{justify-content:center;align-items:center;gap:var(--kattr-space-2);box-sizing:border-box;min-height:var(--kattr-size-control-web);padding:var(--kattr-space-2) var(--kattr-space-4);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-accent);color:var(--kattr-color-on-accent);font-family:var(--kattr-font-family-body);font-size:var(--kattr-font-size-caption);font-weight:var(--kattr-font-weight-black);letter-spacing:var(--kattr-font-tracking-button-sm);text-transform:uppercase;box-shadow:var(--kattr-shadow-raised);cursor:pointer;transition:background-color var(--kattr-motion-duration-control) var(--kattr-motion-easing-control), transform var(--kattr-motion-duration-control) var(--kattr-motion-easing-control);line-height:1.4;text-decoration:none;display:inline-flex}.kattr-button:hover{background:var(--kattr-color-accent-light)}.kattr-button--secondary{background:var(--kattr-color-panel);color:var(--kattr-color-text)}.kattr-button--secondary:hover{background:var(--kattr-color-panel-light)}.kattr-button--ghost{color:var(--kattr-color-text);box-shadow:none;background:0 0}.kattr-button--ghost:hover{background:var(--kattr-color-surface)}.kattr-button:active,.kattr-button[aria-pressed=true]{box-shadow:var(--kattr-shadow-inset);transform:translateY(1px)}.kattr-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.kattr-button:disabled:hover{background:var(--kattr-color-accent)}.kattr-button--secondary:disabled:hover{background:var(--kattr-color-panel)}.kattr-button--ghost:disabled:hover{background:0 0}[data-kattr-density=compact] .kattr-button{min-height:var(--kattr-size-control-md);padding:var(--kattr-space-1) var(--kattr-space-3);font-size:var(--kattr-font-size-editor-10)}.kattr-input{box-sizing:border-box;min-height:var(--kattr-size-control-web);padding:var(--kattr-space-2) var(--kattr-space-3);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-gradient-input);color:var(--kattr-color-text);font:inherit;box-shadow:var(--kattr-shadow-inset)}.kattr-input::placeholder{color:var(--kattr-color-text-soft);opacity:1}.kattr-input:disabled{opacity:.5;cursor:not-allowed}.kattr-input[aria-invalid=true]{border-color:var(--kattr-color-danger-light)}:is(.kattr-button,.kattr-input):focus-visible{outline:2px solid var(--kattr-color-focus);outline-offset:3px}.kattr-checkerboard{background-color:var(--kattr-color-checker-1);background-image:conic-gradient(var(--kattr-color-checker-2) 25%, transparent 0 50%, var(--kattr-color-checker-2) 0 75%, transparent 0);background-size:calc(2 * var(--kattr-size-checker)) calc(2 * var(--kattr-size-checker))}.kattr-scroll{scrollbar-width:thin;scrollbar-color:var(--kattr-color-panel-light) var(--kattr-color-surface)}.kattr-scroll::-webkit-scrollbar{width:var(--kattr-size-scrollbar);height:var(--kattr-size-scrollbar)}.kattr-scroll--slim::-webkit-scrollbar{width:var(--kattr-size-scrollbar-slim);height:var(--kattr-size-scrollbar-slim)}.kattr-scroll::-webkit-scrollbar-track{background:var(--kattr-color-surface);border:var(--kattr-border-width) solid var(--kattr-color-border-dark)}.kattr-scroll::-webkit-scrollbar-thumb{background:var(--kattr-gradient-scrollbar);border:var(--kattr-border-width) solid var(--kattr-color-border-dark)}.kattr-scroll::-webkit-scrollbar-thumb:hover{background:var(--kattr-color-accent)}.kattr-scroll::-webkit-scrollbar-corner{background:var(--kattr-color-surface-3)}.kattr-scroll::-webkit-scrollbar-track{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.kattr-scroll::-webkit-scrollbar-thumb{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}@supports selector(::-webkit-scrollbar){.kattr-scroll{scrollbar-width:auto;scrollbar-color:auto}}.kattr-custom-scroll{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.kattr-custom-scroll__viewport{grid-area:1/1;min-width:0;min-height:0;overflow:auto}[data-kattr-scroll-direction=vertical]>.kattr-custom-scroll__viewport{overflow-x:hidden}[data-kattr-scroll-direction=horizontal]>.kattr-custom-scroll__viewport{overflow-y:hidden}.kattr-custom-scroll--enhanced>.kattr-custom-scroll__viewport{scrollbar-width:none}.kattr-custom-scroll--enhanced>.kattr-custom-scroll__viewport::-webkit-scrollbar{display:none}.kattr-custom-scroll__content{min-width:100%;display:flow-root}.kattr-custom-scroll__bar{box-sizing:border-box;background:var(--kattr-color-surface-3);box-shadow:var(--kattr-shadow-scrollbar-track);min-width:0;min-height:0;display:flex}.kattr-custom-scroll__bar[hidden]{display:none}.kattr-custom-scroll__bar--y{width:var(--kattr-size-scrollbar-custom);border-left:var(--kattr-border-width) solid var(--kattr-color-border-dark);flex-direction:column;grid-area:1/2}.kattr-custom-scroll__bar--x{height:var(--kattr-size-scrollbar-custom);border-top:var(--kattr-border-width) solid var(--kattr-color-border-dark);grid-area:2/1}.kattr-custom-scroll__arrow{box-sizing:border-box;min-width:0;min-height:0;width:var(--kattr-size-scrollbar-custom);height:var(--kattr-size-scrollbar-custom);border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text-dim);box-shadow:var(--kattr-shadow-raised);cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:grid;overflow:hidden}.kattr-custom-scroll__bar--y>.kattr-custom-scroll__arrow{width:100%}.kattr-custom-scroll__bar--x>.kattr-custom-scroll__arrow{height:100%}.kattr-custom-scroll__arrow:before{content:"";box-sizing:content-box;pointer-events:none;border:0 solid #0000;width:0;height:0}.kattr-custom-scroll__arrow[data-direction=up]:before{border-width:0 3px 4px;border-bottom-color:currentColor}.kattr-custom-scroll__arrow[data-direction=down]:before{border-width:4px 3px 0;border-top-color:currentColor}.kattr-custom-scroll__arrow[data-direction=left]:before{border-width:3px 4px 3px 0;border-right-color:currentColor}.kattr-custom-scroll__arrow[data-direction=right]:before{border-width:3px 0 3px 4px;border-left-color:currentColor}.kattr-custom-scroll__arrow:hover{color:var(--kattr-color-accent-light)}.kattr-custom-scroll__arrow:active{background:var(--kattr-color-surface-3);box-shadow:var(--kattr-shadow-inset)}.kattr-custom-scroll__arrow:disabled{opacity:.4;cursor:default}.kattr-custom-scroll__track{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.kattr-custom-scroll__thumb{box-sizing:border-box;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);background:var(--kattr-color-text-dim);box-shadow:var(--kattr-shadow-scrollbar-thumb);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color var(--kattr-motion-duration-scrollbar) var(--kattr-motion-easing-control);border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner);position:absolute}.kattr-custom-scroll__bar--y .kattr-custom-scroll__thumb{left:0;right:0}.kattr-custom-scroll__bar--x .kattr-custom-scroll__thumb{top:0;bottom:0}.kattr-custom-scroll__thumb:hover,.kattr-custom-scroll__thumb[data-dragging=true]{background:var(--kattr-color-accent)}.kattr-custom-scroll__thumb[data-dragging=true]{cursor:grabbing}.kattr-custom-scroll__grip{opacity:.3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.kattr-custom-scroll__grip:before{content:"";background:var(--kattr-color-border-dark);width:8px;height:1px;box-shadow:0 -3px 0 var(--kattr-color-border-dark), 0 3px 0 var(--kattr-color-border-dark)}.kattr-custom-scroll__bar--x .kattr-custom-scroll__grip:before{width:1px;height:8px;box-shadow:-3px 0 0 var(--kattr-color-border-dark), 3px 0 0 var(--kattr-color-border-dark)}.kattr-custom-scroll__corner{background:var(--kattr-color-panel-dark);grid-area:2/2;display:none}[data-kattr-scroll-x=true][data-kattr-scroll-y=true]>.kattr-custom-scroll__corner{display:block}:is(.kattr-custom-scroll__thumb,.kattr-custom-scroll__arrow):focus-visible,.kattr-custom-scroll__viewport:focus-visible{outline:2px solid var(--kattr-color-focus);outline-offset:-2px}@media (prefers-reduced-motion:reduce){:is(.kattr-button,.kattr-input,.kattr-custom-scroll__thumb){transition:none}}.kattr-ui-tabs{min-width:0}.kattr-ui-tablist{gap:var(--kattr-space-1);border-bottom:var(--kattr-border-width) solid var(--kattr-color-border-dark);padding:var(--kattr-space-1);background:var(--kattr-color-surface);flex-wrap:wrap;display:flex}.kattr-ui-tab{box-sizing:border-box;min-height:var(--kattr-size-control-web);border:var(--kattr-border-width) solid transparent;border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);padding:var(--kattr-space-2) var(--kattr-space-4);font:inherit;font-weight:var(--kattr-font-weight-label);color:var(--kattr-color-text-soft);cursor:pointer;background:0 0}.kattr-ui-tab:hover{background:var(--kattr-color-panel);color:var(--kattr-color-text)}.kattr-ui-tab[aria-selected=true]{background:var(--kattr-gradient-panel);color:var(--kattr-color-accent-light);border-color:var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-raised)}.kattr-ui-tab:is(:disabled,[aria-disabled=true]){opacity:.4;cursor:not-allowed}.kattr-ui-tabpanel{padding:var(--kattr-space-5);background:var(--kattr-color-surface-2)}.kattr-ui-tabpanel[hidden]{display:none}.kattr-ui-tablist[aria-orientation=vertical]{flex-direction:column}.kattr-ui-accordion{border:var(--kattr-border-width) solid var(--kattr-color-border-dark);background:var(--kattr-color-surface);box-shadow:var(--kattr-shadow-raised)}.kattr-ui-accordion+.kattr-ui-accordion{margin-top:var(--kattr-space-2)}.kattr-ui-accordion>summary{justify-content:space-between;align-items:center;gap:var(--kattr-space-3);padding:var(--kattr-space-4);font-weight:var(--kattr-font-weight-label);cursor:pointer;list-style:none;display:flex}.kattr-ui-accordion>summary::-webkit-details-marker{display:none}.kattr-ui-accordion>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:6px;height:6px;transform:rotate(45deg)}.kattr-ui-accordion[open]>summary{color:var(--kattr-color-accent-light);border-bottom:var(--kattr-border-width) solid var(--kattr-color-border-dark)}.kattr-ui-accordion[open]>summary:after{transform:rotate(225deg)}.kattr-ui-accordion__content{padding:var(--kattr-space-4);color:var(--kattr-color-text-soft)}.kattr-ui-choice{align-items:center;gap:var(--kattr-space-3);cursor:pointer;display:inline-flex}.kattr-ui-choice:has(input:disabled){opacity:.4;cursor:not-allowed}.kattr-ui-checkbox,.kattr-ui-switch{appearance:none;box-sizing:border-box;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-surface-2);box-shadow:var(--kattr-shadow-inset);cursor:inherit;flex:none;margin:0;position:relative}.kattr-ui-checkbox{place-items:center;width:20px;height:20px;display:inline-grid}.kattr-ui-checkbox:before{content:"";background:var(--kattr-color-on-accent);clip-path:polygon(0 45%,15% 30%,40% 65%,85% 0,100% 15%,40% 100%);opacity:0;width:11px;height:9px}.kattr-ui-checkbox:checked{background:var(--kattr-color-accent)}.kattr-ui-checkbox:checked:before{opacity:1}.kattr-ui-checkbox:indeterminate{background:var(--kattr-color-accent)}.kattr-ui-checkbox:indeterminate:before{clip-path:none;opacity:1;height:2px}.kattr-ui-switch{width:42px;height:24px}.kattr-ui-switch:before{content:"";background:var(--kattr-color-text-dim);width:16px;height:16px;box-shadow:var(--kattr-shadow-raised);transition:transform var(--kattr-motion-duration-control) var(--kattr-motion-easing-control);position:absolute;top:3px;left:3px}.kattr-ui-switch:checked{background:var(--kattr-color-accent)}.kattr-ui-switch:checked:before{background:var(--kattr-color-on-accent);transform:translate(18px)}:is(.kattr-ui-checkbox,.kattr-ui-switch)[aria-invalid=true]{border-color:var(--kattr-color-danger-light)}.kattr-ui-select{width:100%;display:inline-block;position:relative}.kattr-ui-select:after{content:"";right:var(--kattr-space-4);border:4px solid #0000;border-bottom:0;border-top-color:var(--kattr-color-text-soft);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.kattr-ui-select__control{appearance:none;width:100%;padding-right:var(--kattr-space-8);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-inset);font:inherit;outline:none}.kattr-ui-select__control:focus-visible{color:var(--kattr-color-accent-light);outline:none}.kattr-ui-select__control:disabled{opacity:.4;cursor:not-allowed}.kattr-ui-select option{background:var(--kattr-color-surface);color:var(--kattr-color-text)}.kattr-ui-dropdown{width:100%;display:inline-block;position:relative}.kattr-ui-dropdown--enhanced:after{display:none}.kattr-ui-dropdown--enhanced>.kattr-ui-dropdown__source{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.kattr-ui-dropdown__trigger{justify-content:space-between;align-items:center;gap:var(--kattr-space-3);box-sizing:border-box;width:100%;min-height:var(--kattr-size-control-web);padding:var(--kattr-space-2) var(--kattr-space-3);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-gradient-select);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-inset);font:inherit;text-align:start;cursor:pointer;outline:none;display:flex}.kattr-ui-dropdown__trigger:after{content:"";border:4px solid #0000;border-bottom:0;border-top-color:var(--kattr-color-text-soft);flex:none}.kattr-ui-dropdown__trigger[aria-expanded=true]:after{transform:rotate(180deg)}.kattr-ui-dropdown__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kattr-ui-dropdown__trigger:disabled{opacity:.4;cursor:not-allowed}.kattr-ui-dropdown__trigger[aria-invalid=true]{color:var(--kattr-color-danger-light)}.kattr-ui-dropdown__trigger:focus-visible{color:var(--kattr-color-accent-light)}.kattr-ui-dropdown__menu{box-sizing:border-box;padding:var(--kattr-space-1);z-index:var(--kattr-z-modal);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-gradient-menu);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-menu);font:inherit;margin:0;position:fixed;inset:auto;overflow:auto}.kattr-ui-dropdown__menu[hidden]{display:none}.kattr-ui-dropdown__option{box-sizing:border-box;min-height:var(--kattr-size-control-web);padding:var(--kattr-space-2) var(--kattr-space-8) var(--kattr-space-2) var(--kattr-space-3);cursor:pointer;overflow-wrap:anywhere;border:0;outline:none;position:relative}.kattr-ui-dropdown__option[aria-selected=true]{color:var(--kattr-color-on-accent);background:var(--kattr-color-accent)}.kattr-ui-dropdown__option[aria-selected=true]:after{content:"";right:var(--kattr-space-3);clip-path:polygon(0 45%,15% 30%,40% 65%,85% 0,100% 15%,40% 100%);background:currentColor;width:11px;height:9px;position:absolute;top:50%;transform:translateY(-50%)}.kattr-ui-dropdown__option[data-active=true][aria-selected=false]{background:var(--kattr-color-panel-light)}.kattr-ui-dropdown__option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.kattr-ui-dropdown__error{margin-top:var(--kattr-space-2);color:var(--kattr-color-danger-light);font-size:var(--kattr-font-size-caption);display:block}.kattr-ui-dropdown__error[hidden]{display:none}.kattr-ui-range{appearance:none;box-sizing:border-box;width:100%;height:var(--kattr-size-control-web);cursor:pointer;accent-color:var(--kattr-color-accent);background:0 0;margin:0}.kattr-ui-range::-webkit-slider-runnable-track{border:var(--kattr-border-width) solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-2);height:8px;box-shadow:var(--kattr-shadow-inset)}.kattr-ui-range::-moz-range-track{border:var(--kattr-border-width) solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-2);height:6px;box-shadow:var(--kattr-shadow-inset)}.kattr-ui-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-accent);width:18px;height:24px;box-shadow:var(--kattr-shadow-raised);margin-top:-9px}.kattr-ui-range::-moz-range-thumb{box-sizing:border-box;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-accent);width:18px;height:24px;box-shadow:var(--kattr-shadow-raised)}.kattr-ui-range:disabled{opacity:.4;cursor:not-allowed}.kattr-ui-badge{align-items:center;gap:var(--kattr-space-1);padding:var(--kattr-space-1) var(--kattr-space-2);border:var(--kattr-border-width) solid var(--kattr-color-border-mid);background:var(--kattr-color-surface);color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-caption);font-weight:var(--kattr-font-weight-label);line-height:1.4;display:inline-flex}.kattr-ui-badge[data-tone=accent]{border-color:var(--kattr-color-accent);color:var(--kattr-color-accent-light)}.kattr-ui-badge[data-tone=danger]{border-color:var(--kattr-color-danger);color:var(--kattr-color-danger-light)}.kattr-ui-alert{padding:var(--kattr-space-4);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-left:3px solid var(--kattr-color-accent);background:var(--kattr-color-surface);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-inset)}.kattr-ui-alert[data-tone=danger]{border-left-color:var(--kattr-color-danger-light)}.kattr-ui-alert[data-tone=neutral]{border-left-color:var(--kattr-color-border-light)}.kattr-ui-progress{appearance:none;box-sizing:border-box;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-surface-2);width:100%;height:12px;display:block;overflow:hidden}.kattr-ui-progress::-webkit-progress-bar{background:var(--kattr-color-surface-2);box-shadow:var(--kattr-shadow-inset)}.kattr-ui-progress::-webkit-progress-value{background:var(--kattr-color-accent)}.kattr-ui-progress::-moz-progress-bar{background:var(--kattr-color-accent)}.kattr-ui-progress:not([value]){background:repeating-linear-gradient(90deg, var(--kattr-color-accent) 0 12px, var(--kattr-color-surface-2) 12px 24px)}.kattr-ui-progress:not([value])::-webkit-progress-bar{background:0 0}dialog.kattr-ui-dialog{box-sizing:border-box;width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--kattr-color-text);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);background:var(--kattr-gradient-dialog);box-shadow:var(--kattr-shadow-dialog);font:inherit;padding:0;overflow:auto}.kattr-ui-dialog::backdrop{background:var(--kattr-color-shadow);opacity:.75}.kattr-ui-dialog__content{padding:var(--kattr-space-6)}.kattr-ui-dialog__actions{justify-content:flex-end;gap:var(--kattr-space-2);margin-top:var(--kattr-space-6);flex-wrap:wrap;display:flex}:is(.kattr-ui-tabs,.kattr-ui-accordion,.kattr-ui-dropdown__menu,.kattr-ui-alert,dialog.kattr-ui-dialog){border-radius:var(--kattr-radius-surface);corner-shape:var(--kattr-shape-corner)}.kattr-ui-tablist{border-radius:var(--kattr-radius-surface) var(--kattr-radius-surface) 0 0;corner-shape:var(--kattr-shape-corner)}.kattr-ui-tabpanel{border-radius:0 0 var(--kattr-radius-surface) var(--kattr-radius-surface);corner-shape:var(--kattr-shape-corner)}:is(.kattr-ui-tab,.kattr-ui-select__control,.kattr-ui-dropdown__trigger,.kattr-ui-dropdown__option){border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner)}.kattr-ui-accordion>summary{border-radius:inherit;corner-shape:var(--kattr-shape-corner)}.kattr-ui-accordion[open]>summary{border-bottom-right-radius:0;border-bottom-left-radius:0}:is(.kattr-ui-checkbox,.kattr-ui-switch,.kattr-ui-badge,.kattr-ui-progress),.kattr-ui-switch:before{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.kattr-ui-range::-webkit-slider-runnable-track{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.kattr-ui-range::-webkit-slider-thumb{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.kattr-ui-range::-moz-range-track{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.kattr-ui-range::-moz-range-thumb{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.kattr-ui-progress::-webkit-progress-bar{border-radius:inherit;corner-shape:var(--kattr-shape-corner)}.kattr-ui-progress::-webkit-progress-value{border-radius:inherit;corner-shape:var(--kattr-shape-corner)}.kattr-ui-progress::-moz-progress-bar{border-radius:inherit;corner-shape:var(--kattr-shape-corner)}:is(.kattr-ui-tab,.kattr-ui-tabpanel,.kattr-ui-checkbox,.kattr-ui-switch,.kattr-ui-range,.kattr-ui-accordion>summary):focus-visible{outline:2px solid var(--kattr-color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.kattr-ui-switch:before{transition:none}}@media (forced-colors:active){:is(.kattr-ui-checkbox,.kattr-ui-switch,.kattr-ui-range,.kattr-ui-select__control,.kattr-ui-progress){appearance:auto}:is(.kattr-ui-checkbox,.kattr-ui-switch,.kattr-ui-select):before,.kattr-ui-select:after{display:none}.kattr-ui-tab[aria-selected=true]{border-color:highlight}.kattr-ui-dropdown__option[aria-selected=true],.kattr-ui-dropdown__option[data-active=true]{color:highlighttext;background:highlight}}.kattr-ui-radio-group,.kattr-ui-segmented{gap:var(--kattr-space-3);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}:is(.kattr-ui-empty-state,.kattr-ui-skeleton,.kattr-ui-avatar,.kattr-ui-toast-region,.kattr-ui-pagination,.kattr-ui-radio-group,.kattr-ui-segmented)[hidden]{display:none}:is(.kattr-ui-radio-group,.kattr-ui-segmented)>legend{margin-bottom:var(--kattr-space-3);font-weight:var(--kattr-font-weight-label);padding:0}.kattr-ui-radio{width:18px;height:18px;accent-color:var(--kattr-color-accent);cursor:inherit;margin:0}.kattr-ui-segmented{gap:var(--kattr-space-1);padding:var(--kattr-space-1);background:var(--kattr-color-surface-2);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner)}.kattr-ui-segmented>label{flex:1;position:relative}.kattr-ui-segmented input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.kattr-ui-segmented label>span,.kattr-ui-segmented>button,.kattr-ui-pagination button{box-sizing:border-box;min-height:var(--kattr-size-control-web);padding:var(--kattr-space-2) var(--kattr-space-3);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);color:var(--kattr-color-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.kattr-ui-segmented label>span{width:100%}.kattr-ui-segmented input:checked+span,.kattr-ui-segmented>button[aria-pressed=true],.kattr-ui-pagination button[aria-current=page]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent);box-shadow:var(--kattr-shadow-raised)}.kattr-ui-segmented input:disabled+span,.kattr-ui-segmented:disabled,.kattr-ui-pagination button:disabled{opacity:.4;cursor:not-allowed}.kattr-ui-textarea,.kattr-ui-search{box-sizing:border-box;width:100%;padding:var(--kattr-space-3);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-surface-2);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-inset);font:inherit}.kattr-ui-textarea{resize:vertical;min-height:112px;line-height:1.6;display:block}.kattr-ui-search{min-height:var(--kattr-size-control-web)}:is(.kattr-ui-textarea,.kattr-ui-search)::placeholder{color:var(--kattr-color-text-dim)}:is(.kattr-ui-textarea,.kattr-ui-search):disabled{opacity:.4;cursor:not-allowed}:is(.kattr-ui-textarea,.kattr-ui-search)[aria-invalid=true]{border-color:var(--kattr-color-danger-light)}.kattr-ui-tooltip{display:inline-flex;position:relative}.kattr-ui-tooltip__content{z-index:var(--kattr-z-modal);bottom:calc(100% + var(--kattr-space-2));width:max-content;max-width:min(260px,80vw);padding:var(--kattr-space-2) var(--kattr-space-3);border:var(--kattr-border-width) solid var(--kattr-color-border-mid);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-panel);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-menu);font-size:var(--kattr-font-size-caption);overflow-wrap:anywhere;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}.kattr-ui-tooltip__content[hidden]{display:none}.kattr-ui-toast-region{inset:auto var(--kattr-space-4) var(--kattr-space-4) auto;z-index:var(--kattr-z-modal);gap:var(--kattr-space-2);width:min(380px,100vw - 32px);display:grid;position:fixed}.kattr-ui-toast{align-items:center;gap:var(--kattr-space-3);padding:var(--kattr-space-4);border:var(--kattr-border-width) solid var(--kattr-color-border-mid);border-radius:var(--kattr-radius-surface);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-panel);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-menu);display:flex}.kattr-ui-toast[data-tone=success]{border-color:var(--kattr-color-accent)}.kattr-ui-toast[data-tone=danger]{border-color:var(--kattr-color-danger-light)}.kattr-ui-toast__message{overflow-wrap:anywhere;flex:1;min-width:0}.kattr-ui-toast__close{width:var(--kattr-size-control-web);height:var(--kattr-size-control-web);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-surface);color:inherit;font:inherit;cursor:pointer;border:0;flex:none}.kattr-ui-breadcrumb ol{align-items:center;gap:var(--kattr-space-2);color:var(--kattr-color-text-soft);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.kattr-ui-breadcrumb li+li:before{content:"/";color:var(--kattr-color-text-dim);margin-inline-end:var(--kattr-space-2)}.kattr-ui-breadcrumb a{color:inherit;text-underline-offset:3px}.kattr-ui-breadcrumb [aria-current=page]{color:var(--kattr-color-text)}.kattr-ui-pagination{align-items:center;gap:var(--kattr-space-1);flex-wrap:wrap;display:flex}.kattr-ui-pagination button:hover:not(:disabled):not([aria-current]),.kattr-ui-segmented>button:hover:not(:disabled):not([aria-pressed=true]){background:var(--kattr-color-panel-light)}.kattr-ui-table-wrap{border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-surface);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-surface);overflow:auto}.kattr-ui-table{border-collapse:collapse;text-align:start;width:100%;font:inherit}.kattr-ui-table caption{padding:var(--kattr-space-4);text-align:start;color:var(--kattr-color-text-soft)}.kattr-ui-table :is(th,td){padding:var(--kattr-space-3) var(--kattr-space-4);text-align:start;border-bottom:var(--kattr-border-width) solid var(--kattr-color-border-dark)}.kattr-ui-table th{background:var(--kattr-color-surface-2);color:var(--kattr-color-text-soft);font-weight:var(--kattr-font-weight-label)}.kattr-ui-table tbody tr:last-child>*{border-bottom:0}.kattr-ui-table tbody tr:hover{background:var(--kattr-color-panel)}.kattr-ui-avatar{border:var(--kattr-border-width) solid var(--kattr-color-border-mid);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-gradient-panel);width:40px;height:40px;color:var(--kattr-color-accent-light);font-weight:var(--kattr-font-weight-label);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.kattr-ui-avatar img{object-fit:cover;width:100%;height:100%}.kattr-ui-skeleton{background:var(--kattr-color-panel-light);border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner);width:100%;min-height:1em;animation:1.8s ease-in-out infinite alternate kattr-ui-pulse;display:block}@keyframes kattr-ui-pulse{0%{opacity:.45}to{opacity:1}}.kattr-ui-empty-state{justify-items:center;gap:var(--kattr-space-3);padding:var(--kattr-space-8);border:var(--kattr-border-width) dashed var(--kattr-color-border-mid);border-radius:var(--kattr-radius-surface);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-surface-2);color:var(--kattr-color-text-soft);text-align:center;display:grid}.kattr-ui-empty-state>:is(h2,h3,p){margin:0}.kattr-ui-empty-state>:is(h2,h3){color:var(--kattr-color-text)}:is(.kattr-ui-radio,.kattr-ui-search,.kattr-ui-textarea,.kattr-ui-toast__close,.kattr-ui-pagination button,.kattr-ui-breadcrumb a,.kattr-ui-segmented>button,[data-kattr-tooltip-trigger]):focus-visible,.kattr-ui-segmented input:focus-visible+span{outline:2px solid var(--kattr-color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.kattr-ui-skeleton{animation:none}}@media (forced-colors:active){.kattr-ui-segmented input:checked+span,.kattr-ui-segmented>button[aria-pressed=true],.kattr-ui-pagination button[aria-current=page]{outline:2px solid highlight}.kattr-ui-skeleton{background:graytext}}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root,:host,[data-kattr-theme=warm]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kattr-font-family-body:"Trebuchet MS", "Verdana", "Geneva", sans-serif;--kattr-font-tracking-body:.01em;--kattr-font-tracking-label:.18em;--kattr-font-tracking-button-sm:.16em;--kattr-font-weight-normal:400;--kattr-font-weight-medium:500;--kattr-font-weight-bold:700;--kattr-font-weight-label:800;--kattr-font-weight-black:900;--kattr-font-size-editor-6:.375rem;--kattr-font-size-editor-7:.4375rem;--kattr-font-size-editor-8:.5rem;--kattr-font-size-editor-9:.5625rem;--kattr-font-size-editor-10:.625rem;--kattr-font-size-editor-11:.6875rem;--kattr-font-size-editor-12:.75rem;--kattr-font-size-editor-14:.875rem;--kattr-font-size-caption:.875rem;--kattr-font-size-body:1rem;--kattr-font-size-lead:1.125rem;--kattr-font-size-h3:1.5rem;--kattr-font-size-h2:2rem;--kattr-font-size-h1:3rem;--kattr-font-line-height-body:1.6;--kattr-font-line-height-heading:1.1;--kattr-space-0:0rem;--kattr-space-0-5:.125rem;--kattr-space-1:.25rem;--kattr-space-1-5:.375rem;--kattr-space-2:.5rem;--kattr-space-2-5:.625rem;--kattr-space-3:.75rem;--kattr-space-4:1rem;--kattr-space-5:1.25rem;--kattr-space-6:1.5rem;--kattr-space-8:2rem;--kattr-space-10:2.5rem;--kattr-space-12:3rem;--kattr-space-16:4rem;--kattr-radius-none:0;--kattr-radius-sm:.25rem;--kattr-radius-full:9999px;--kattr-radius-md:.75rem;--kattr-radius-lg:1rem;--kattr-shape-corner:squircle;--kattr-border-width:1px;--kattr-motion-duration-control:.12s;--kattr-motion-duration-illustration:.4s;--kattr-motion-easing-control:ease-out;--kattr-motion-easing-illustration:cubic-bezier(.4, 0, .2, 1);--kattr-size-control-sm:1.5rem;--kattr-size-control-md:2rem;--kattr-size-control-lg:2.5rem;--kattr-size-control-web:2.75rem;--kattr-size-scrollbar:10px;--kattr-size-scrollbar-slim:8px;--kattr-size-scrollbar-custom:14px;--kattr-size-scrollbar-thumb-min:20px;--kattr-size-scroll-step:20px;--kattr-motion-duration-scrollbar:75ms;--kattr-color-scrollbar-track-shadow:#0006;--kattr-color-scrollbar-thumb-light:#ffffff1a;--kattr-color-scrollbar-thumb-dark:#0000004d;--kattr-size-checker:10px;--kattr-size-content:72rem;--kattr-z-modal:100;--kattr-color-on-accent:#2f1904;--kattr-color-overlay:#0006;--kattr-color-slider-inner-dark:#12110fb8;--kattr-color-slider-inner-light:#fff8e10d;--kattr-color-thumb-inner-light:#fff5df47;--kattr-color-thumb-inner-dark:#7543146b;--kattr-color-bg:#2f2b28;--kattr-color-app:#575148;--kattr-color-panel:#6b645a;--kattr-color-panel-dark:#59534b;--kattr-color-panel-light:#7a7368;--kattr-color-surface:#47423c;--kattr-color-surface-2:#3e3933;--kattr-color-surface-3:#342f2b;--kattr-color-accent:#d78d3c;--kattr-color-accent-light:#f2b96b;--kattr-color-accent-dark:#a96a25;--kattr-color-danger:#b6553a;--kattr-color-danger-light:#d77356;--kattr-color-border-dark:#2b2824;--kattr-color-border-mid:#433e38;--kattr-color-border-light:#928a7e;--kattr-color-text:#f1ead6;--kattr-color-text-soft:#ddd0b4;--kattr-color-text-dim:#9f9688;--kattr-color-shadow:#0000006b;--kattr-gradient-shell-start:#645d54;--kattr-gradient-shell-end:#504a43;--kattr-gradient-toolbar-start:#615a51;--kattr-gradient-toolbar-end:#544e47;--kattr-gradient-header-start:#736b61;--kattr-gradient-header-end:#635b53;--kattr-gradient-status-start:#655e55;--kattr-gradient-status-end:#554f47;--kattr-gradient-menu-start:#6d665c;--kattr-gradient-menu-end:#585149;--kattr-gradient-dialog-start:#6f685f;--kattr-gradient-dialog-end:#575148;--kattr-gradient-stage-start:#4c463f;--kattr-gradient-stage-end:#3d3832;--kattr-color-bevel-light:#fff8e129;--kattr-color-bevel-dark:#1b181673;--kattr-color-bevel-header:#fff8e11f;--kattr-color-checker-1:#544d46;--kattr-color-checker-2:#463f38;--kattr-illustration-vibrant:var(--kattr-color-panel);--kattr-illustration-bright:var(--kattr-color-surface);--kattr-illustration-deep:var(--kattr-color-panel);--kattr-illustration-shadow:var(--kattr-color-panel-dark);--kattr-illustration-dark:var(--kattr-color-surface-3);--kattr-illustration-peach:var(--kattr-color-border-light);--kattr-illustration-cream:var(--kattr-color-panel-dark);--kattr-radius-surface:var(--kattr-radius-lg);--kattr-radius-control:var(--kattr-radius-md);--kattr-gradient-shell:linear-gradient(180deg, var(--kattr-gradient-shell-start) 0%, var(--kattr-gradient-shell-end) 100%);--kattr-gradient-toolbar:linear-gradient(180deg, var(--kattr-gradient-toolbar-start) 0%, var(--kattr-gradient-toolbar-end) 100%);--kattr-gradient-header:linear-gradient(180deg, var(--kattr-gradient-header-start) 0%, var(--kattr-gradient-header-end) 100%);--kattr-gradient-status:linear-gradient(180deg, var(--kattr-gradient-status-start) 0%, var(--kattr-gradient-status-end) 100%);--kattr-gradient-menu:linear-gradient(180deg, var(--kattr-gradient-menu-start) 0%, var(--kattr-gradient-menu-end) 100%);--kattr-gradient-dialog:linear-gradient(180deg, var(--kattr-gradient-dialog-start) 0%, var(--kattr-gradient-dialog-end) 100%);--kattr-gradient-stage:linear-gradient(180deg, var(--kattr-gradient-stage-start) 0%, var(--kattr-gradient-stage-end) 100%);--kattr-gradient-panel:linear-gradient(180deg, var(--kattr-color-panel) 0%, var(--kattr-color-panel-dark) 100%);--kattr-gradient-input:linear-gradient(180deg, var(--kattr-color-surface) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-select:linear-gradient(180deg, var(--kattr-color-panel-dark) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-slider:linear-gradient(180deg, var(--kattr-color-surface-3) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-accent:linear-gradient(180deg, var(--kattr-color-accent-light) 0%, var(--kattr-color-accent) 100%);--kattr-shadow-shell:inset 1px 1px 0 var(--kattr-color-border-light), inset -1px -1px 0 var(--kattr-color-border-mid);--kattr-shadow-raised:inset 1px 1px 0 var(--kattr-color-bevel-light), inset -1px -1px 0 var(--kattr-color-bevel-dark);--kattr-shadow-inset:inset 1px 1px 0 var(--kattr-color-bevel-dark), inset -1px -1px 0 var(--kattr-color-bevel-light);--kattr-shadow-menu:inset 1px 1px 0 var(--kattr-color-bevel-light), 4px 4px 0 var(--kattr-color-shadow);--kattr-shadow-dialog:var(--kattr-shadow-raised), 0 12px 36px var(--kattr-color-shadow);--kattr-shadow-slider:inset 1px 1px 0 var(--kattr-color-slider-inner-dark), inset -1px -1px 0 var(--kattr-color-slider-inner-light);--kattr-shadow-thumb:inset 1px 1px 0 var(--kattr-color-thumb-inner-light), inset -1px -1px 0 var(--kattr-color-thumb-inner-dark);--kattr-color-focus:var(--kattr-color-accent-light);--kattr-gradient-scrollbar:linear-gradient(180deg, var(--kattr-color-panel-light), var(--kattr-color-panel));--kattr-shadow-scrollbar-track:inset 1px 1px 0 var(--kattr-color-scrollbar-track-shadow);--kattr-shadow-scrollbar-thumb:inset 1px 1px 0 var(--kattr-color-scrollbar-thumb-light), inset -1px -1px 0 var(--kattr-color-scrollbar-thumb-dark)}[data-kattr-theme=graphite]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kattr-font-family-body:"Trebuchet MS", "Verdana", "Geneva", sans-serif;--kattr-font-tracking-body:.01em;--kattr-font-tracking-label:.18em;--kattr-font-tracking-button-sm:.16em;--kattr-font-weight-normal:400;--kattr-font-weight-medium:500;--kattr-font-weight-bold:700;--kattr-font-weight-label:800;--kattr-font-weight-black:900;--kattr-font-size-editor-6:.375rem;--kattr-font-size-editor-7:.4375rem;--kattr-font-size-editor-8:.5rem;--kattr-font-size-editor-9:.5625rem;--kattr-font-size-editor-10:.625rem;--kattr-font-size-editor-11:.6875rem;--kattr-font-size-editor-12:.75rem;--kattr-font-size-editor-14:.875rem;--kattr-font-size-caption:.875rem;--kattr-font-size-body:1rem;--kattr-font-size-lead:1.125rem;--kattr-font-size-h3:1.5rem;--kattr-font-size-h2:2rem;--kattr-font-size-h1:3rem;--kattr-font-line-height-body:1.6;--kattr-font-line-height-heading:1.1;--kattr-space-0:0rem;--kattr-space-0-5:.125rem;--kattr-space-1:.25rem;--kattr-space-1-5:.375rem;--kattr-space-2:.5rem;--kattr-space-2-5:.625rem;--kattr-space-3:.75rem;--kattr-space-4:1rem;--kattr-space-5:1.25rem;--kattr-space-6:1.5rem;--kattr-space-8:2rem;--kattr-space-10:2.5rem;--kattr-space-12:3rem;--kattr-space-16:4rem;--kattr-radius-none:0;--kattr-radius-sm:.25rem;--kattr-radius-full:9999px;--kattr-radius-md:.75rem;--kattr-radius-lg:1rem;--kattr-shape-corner:squircle;--kattr-border-width:1px;--kattr-motion-duration-control:.12s;--kattr-motion-duration-illustration:.4s;--kattr-motion-easing-control:ease-out;--kattr-motion-easing-illustration:cubic-bezier(.4, 0, .2, 1);--kattr-size-control-sm:1.5rem;--kattr-size-control-md:2rem;--kattr-size-control-lg:2.5rem;--kattr-size-control-web:2.75rem;--kattr-size-scrollbar:10px;--kattr-size-scrollbar-slim:8px;--kattr-size-scrollbar-custom:14px;--kattr-size-scrollbar-thumb-min:20px;--kattr-size-scroll-step:20px;--kattr-motion-duration-scrollbar:75ms;--kattr-color-scrollbar-track-shadow:#0006;--kattr-color-scrollbar-thumb-light:#ffffff1a;--kattr-color-scrollbar-thumb-dark:#0000004d;--kattr-size-checker:10px;--kattr-size-content:72rem;--kattr-z-modal:100;--kattr-color-on-accent:#2f1904;--kattr-color-overlay:#0006;--kattr-color-slider-inner-dark:#12110fb8;--kattr-color-slider-inner-light:#fff8e10d;--kattr-color-thumb-inner-light:#fff5df47;--kattr-color-thumb-inner-dark:#7543146b;--kattr-color-bg:#1e1e1e;--kattr-color-app:#252526;--kattr-color-panel:#2d2d2d;--kattr-color-panel-dark:#1e1e1e;--kattr-color-panel-light:#37373d;--kattr-color-surface:#252526;--kattr-color-surface-2:#1e1e1e;--kattr-color-surface-3:#181818;--kattr-color-accent:#d78d3c;--kattr-color-accent-light:#f2b96b;--kattr-color-accent-dark:#a96a25;--kattr-color-danger:#f14c4c;--kattr-color-danger-light:#f66;--kattr-color-border-dark:#111;--kattr-color-border-mid:#3c3c3c;--kattr-color-border-light:#454545;--kattr-color-text:#ccc;--kattr-color-text-soft:#bbb;--kattr-color-text-dim:#888;--kattr-color-shadow:#0009;--kattr-gradient-shell-start:#2d2d2d;--kattr-gradient-shell-end:#1e1e1e;--kattr-gradient-toolbar-start:#333;--kattr-gradient-toolbar-end:#252526;--kattr-gradient-header-start:#3c3c3c;--kattr-gradient-header-end:#2d2d2d;--kattr-gradient-status-start:#252526;--kattr-gradient-status-end:#1e1e1e;--kattr-gradient-menu-start:#37373d;--kattr-gradient-menu-end:#252526;--kattr-gradient-dialog-start:#3c3c3c;--kattr-gradient-dialog-end:#1e1e1e;--kattr-gradient-stage-start:#1e1e1e;--kattr-gradient-stage-end:#111;--kattr-color-bevel-light:#ffffff14;--kattr-color-bevel-dark:#00000040;--kattr-color-bevel-header:#ffffff0f;--kattr-color-checker-1:#252526;--kattr-color-checker-2:#1e1e1e;--kattr-illustration-vibrant:#484848;--kattr-illustration-bright:#3d3d3e;--kattr-illustration-deep:#454545;--kattr-illustration-shadow:#363636;--kattr-illustration-dark:#181818;--kattr-illustration-peach:#5c5c5c;--kattr-illustration-cream:#3e3d3d;--kattr-radius-surface:var(--kattr-radius-lg);--kattr-radius-control:var(--kattr-radius-md);--kattr-gradient-shell:linear-gradient(180deg, var(--kattr-gradient-shell-start) 0%, var(--kattr-gradient-shell-end) 100%);--kattr-gradient-toolbar:linear-gradient(180deg, var(--kattr-gradient-toolbar-start) 0%, var(--kattr-gradient-toolbar-end) 100%);--kattr-gradient-header:linear-gradient(180deg, var(--kattr-gradient-header-start) 0%, var(--kattr-gradient-header-end) 100%);--kattr-gradient-status:linear-gradient(180deg, var(--kattr-gradient-status-start) 0%, var(--kattr-gradient-status-end) 100%);--kattr-gradient-menu:linear-gradient(180deg, var(--kattr-gradient-menu-start) 0%, var(--kattr-gradient-menu-end) 100%);--kattr-gradient-dialog:linear-gradient(180deg, var(--kattr-gradient-dialog-start) 0%, var(--kattr-gradient-dialog-end) 100%);--kattr-gradient-stage:linear-gradient(180deg, var(--kattr-gradient-stage-start) 0%, var(--kattr-gradient-stage-end) 100%);--kattr-gradient-panel:linear-gradient(180deg, var(--kattr-color-panel) 0%, var(--kattr-color-panel-dark) 100%);--kattr-gradient-input:linear-gradient(180deg, var(--kattr-color-surface) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-select:linear-gradient(180deg, var(--kattr-color-panel-dark) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-slider:linear-gradient(180deg, var(--kattr-color-surface-3) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-accent:linear-gradient(180deg, var(--kattr-color-accent-light) 0%, var(--kattr-color-accent) 100%);--kattr-shadow-shell:inset 1px 1px 0 var(--kattr-color-border-light), inset -1px -1px 0 var(--kattr-color-border-mid);--kattr-shadow-raised:inset 1px 1px 0 var(--kattr-color-bevel-light), inset -1px -1px 0 var(--kattr-color-bevel-dark);--kattr-shadow-inset:inset 1px 1px 0 var(--kattr-color-bevel-dark), inset -1px -1px 0 var(--kattr-color-bevel-light);--kattr-shadow-menu:inset 1px 1px 0 var(--kattr-color-bevel-light), 4px 4px 0 var(--kattr-color-shadow);--kattr-shadow-dialog:var(--kattr-shadow-raised), 0 12px 36px var(--kattr-color-shadow);--kattr-shadow-slider:inset 1px 1px 0 var(--kattr-color-slider-inner-dark), inset -1px -1px 0 var(--kattr-color-slider-inner-light);--kattr-shadow-thumb:inset 1px 1px 0 var(--kattr-color-thumb-inner-light), inset -1px -1px 0 var(--kattr-color-thumb-inner-dark);--kattr-color-focus:var(--kattr-color-accent-light);--kattr-gradient-scrollbar:linear-gradient(180deg, var(--kattr-color-panel-light), var(--kattr-color-panel));--kattr-shadow-scrollbar-track:inset 1px 1px 0 var(--kattr-color-scrollbar-track-shadow);--kattr-shadow-scrollbar-thumb:inset 1px 1px 0 var(--kattr-color-scrollbar-thumb-light), inset -1px -1px 0 var(--kattr-color-scrollbar-thumb-dark)}[data-kattr-theme=slate]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kattr-font-family-body:"Trebuchet MS", "Verdana", "Geneva", sans-serif;--kattr-font-tracking-body:.01em;--kattr-font-tracking-label:.18em;--kattr-font-tracking-button-sm:.16em;--kattr-font-weight-normal:400;--kattr-font-weight-medium:500;--kattr-font-weight-bold:700;--kattr-font-weight-label:800;--kattr-font-weight-black:900;--kattr-font-size-editor-6:.375rem;--kattr-font-size-editor-7:.4375rem;--kattr-font-size-editor-8:.5rem;--kattr-font-size-editor-9:.5625rem;--kattr-font-size-editor-10:.625rem;--kattr-font-size-editor-11:.6875rem;--kattr-font-size-editor-12:.75rem;--kattr-font-size-editor-14:.875rem;--kattr-font-size-caption:.875rem;--kattr-font-size-body:1rem;--kattr-font-size-lead:1.125rem;--kattr-font-size-h3:1.5rem;--kattr-font-size-h2:2rem;--kattr-font-size-h1:3rem;--kattr-font-line-height-body:1.6;--kattr-font-line-height-heading:1.1;--kattr-space-0:0rem;--kattr-space-0-5:.125rem;--kattr-space-1:.25rem;--kattr-space-1-5:.375rem;--kattr-space-2:.5rem;--kattr-space-2-5:.625rem;--kattr-space-3:.75rem;--kattr-space-4:1rem;--kattr-space-5:1.25rem;--kattr-space-6:1.5rem;--kattr-space-8:2rem;--kattr-space-10:2.5rem;--kattr-space-12:3rem;--kattr-space-16:4rem;--kattr-radius-none:0;--kattr-radius-sm:.25rem;--kattr-radius-full:9999px;--kattr-radius-md:.75rem;--kattr-radius-lg:1rem;--kattr-shape-corner:squircle;--kattr-border-width:1px;--kattr-motion-duration-control:.12s;--kattr-motion-duration-illustration:.4s;--kattr-motion-easing-control:ease-out;--kattr-motion-easing-illustration:cubic-bezier(.4, 0, .2, 1);--kattr-size-control-sm:1.5rem;--kattr-size-control-md:2rem;--kattr-size-control-lg:2.5rem;--kattr-size-control-web:2.75rem;--kattr-size-scrollbar:10px;--kattr-size-scrollbar-slim:8px;--kattr-size-scrollbar-custom:14px;--kattr-size-scrollbar-thumb-min:20px;--kattr-size-scroll-step:20px;--kattr-motion-duration-scrollbar:75ms;--kattr-color-scrollbar-track-shadow:#0006;--kattr-color-scrollbar-thumb-light:#ffffff1a;--kattr-color-scrollbar-thumb-dark:#0000004d;--kattr-size-checker:10px;--kattr-size-content:72rem;--kattr-z-modal:100;--kattr-color-on-accent:#2f1904;--kattr-color-overlay:#0006;--kattr-color-slider-inner-dark:#12110fb8;--kattr-color-slider-inner-light:#fff8e10d;--kattr-color-thumb-inner-light:#fff5df47;--kattr-color-thumb-inner-dark:#7543146b;--kattr-color-bg:#252627;--kattr-color-app:#33353a;--kattr-color-panel:#4e5156;--kattr-color-panel-dark:#33353a;--kattr-color-panel-light:#6b6f74;--kattr-color-surface:#33353a;--kattr-color-surface-2:#252627;--kattr-color-surface-3:#191a1c;--kattr-color-accent:#d78d3c;--kattr-color-accent-light:#f2b96b;--kattr-color-accent-dark:#a96a25;--kattr-color-danger:#e65c5c;--kattr-color-danger-light:#ff8080;--kattr-color-border-dark:#191a1c;--kattr-color-border-mid:#4e5156;--kattr-color-border-light:#6b6f74;--kattr-color-text:#e1e3e6;--kattr-color-text-soft:#bcbfc4;--kattr-color-text-dim:#888;--kattr-color-shadow:#000000a6;--kattr-gradient-shell-start:#4e5156;--kattr-gradient-shell-end:#33353a;--kattr-gradient-toolbar-start:#4e5156;--kattr-gradient-toolbar-end:#33353a;--kattr-gradient-header-start:#6b6f74;--kattr-gradient-header-end:#4e5156;--kattr-gradient-status-start:#33353a;--kattr-gradient-status-end:#252627;--kattr-gradient-menu-start:#4e5156;--kattr-gradient-menu-end:#33353a;--kattr-gradient-dialog-start:#4e5156;--kattr-gradient-dialog-end:#33353a;--kattr-gradient-stage-start:#252627;--kattr-gradient-stage-end:#191a1c;--kattr-color-bevel-light:#ffffff0d;--kattr-color-bevel-dark:#0000004d;--kattr-color-bevel-header:#ffffff0a;--kattr-color-checker-1:#252627;--kattr-color-checker-2:#191a1c;--kattr-illustration-vibrant:var(--kattr-color-panel);--kattr-illustration-bright:var(--kattr-color-surface);--kattr-illustration-deep:var(--kattr-color-panel);--kattr-illustration-shadow:var(--kattr-color-panel-dark);--kattr-illustration-dark:var(--kattr-color-surface-3);--kattr-illustration-peach:var(--kattr-color-border-light);--kattr-illustration-cream:var(--kattr-color-panel-dark);--kattr-radius-surface:var(--kattr-radius-lg);--kattr-radius-control:var(--kattr-radius-md);--kattr-gradient-shell:linear-gradient(180deg, var(--kattr-gradient-shell-start) 0%, var(--kattr-gradient-shell-end) 100%);--kattr-gradient-toolbar:linear-gradient(180deg, var(--kattr-gradient-toolbar-start) 0%, var(--kattr-gradient-toolbar-end) 100%);--kattr-gradient-header:linear-gradient(180deg, var(--kattr-gradient-header-start) 0%, var(--kattr-gradient-header-end) 100%);--kattr-gradient-status:linear-gradient(180deg, var(--kattr-gradient-status-start) 0%, var(--kattr-gradient-status-end) 100%);--kattr-gradient-menu:linear-gradient(180deg, var(--kattr-gradient-menu-start) 0%, var(--kattr-gradient-menu-end) 100%);--kattr-gradient-dialog:linear-gradient(180deg, var(--kattr-gradient-dialog-start) 0%, var(--kattr-gradient-dialog-end) 100%);--kattr-gradient-stage:linear-gradient(180deg, var(--kattr-gradient-stage-start) 0%, var(--kattr-gradient-stage-end) 100%);--kattr-gradient-panel:linear-gradient(180deg, var(--kattr-color-panel) 0%, var(--kattr-color-panel-dark) 100%);--kattr-gradient-input:linear-gradient(180deg, var(--kattr-color-surface) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-select:linear-gradient(180deg, var(--kattr-color-panel-dark) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-slider:linear-gradient(180deg, var(--kattr-color-surface-3) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-accent:linear-gradient(180deg, var(--kattr-color-accent-light) 0%, var(--kattr-color-accent) 100%);--kattr-shadow-shell:inset 1px 1px 0 var(--kattr-color-border-light), inset -1px -1px 0 var(--kattr-color-border-mid);--kattr-shadow-raised:inset 1px 1px 0 var(--kattr-color-bevel-light), inset -1px -1px 0 var(--kattr-color-bevel-dark);--kattr-shadow-inset:inset 1px 1px 0 var(--kattr-color-bevel-dark), inset -1px -1px 0 var(--kattr-color-bevel-light);--kattr-shadow-menu:inset 1px 1px 0 var(--kattr-color-bevel-light), 4px 4px 0 var(--kattr-color-shadow);--kattr-shadow-dialog:var(--kattr-shadow-raised), 0 12px 36px var(--kattr-color-shadow);--kattr-shadow-slider:inset 1px 1px 0 var(--kattr-color-slider-inner-dark), inset -1px -1px 0 var(--kattr-color-slider-inner-light);--kattr-shadow-thumb:inset 1px 1px 0 var(--kattr-color-thumb-inner-light), inset -1px -1px 0 var(--kattr-color-thumb-inner-dark);--kattr-color-focus:var(--kattr-color-accent-light);--kattr-gradient-scrollbar:linear-gradient(180deg, var(--kattr-color-panel-light), var(--kattr-color-panel));--kattr-shadow-scrollbar-track:inset 1px 1px 0 var(--kattr-color-scrollbar-track-shadow);--kattr-shadow-scrollbar-thumb:inset 1px 1px 0 var(--kattr-color-scrollbar-thumb-light), inset -1px -1px 0 var(--kattr-color-scrollbar-thumb-dark)}[data-kattr-theme=lavender]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kattr-font-family-body:"Trebuchet MS", "Verdana", "Geneva", sans-serif;--kattr-font-tracking-body:.01em;--kattr-font-tracking-label:.18em;--kattr-font-tracking-button-sm:.16em;--kattr-font-weight-normal:400;--kattr-font-weight-medium:500;--kattr-font-weight-bold:700;--kattr-font-weight-label:800;--kattr-font-weight-black:900;--kattr-font-size-editor-6:.375rem;--kattr-font-size-editor-7:.4375rem;--kattr-font-size-editor-8:.5rem;--kattr-font-size-editor-9:.5625rem;--kattr-font-size-editor-10:.625rem;--kattr-font-size-editor-11:.6875rem;--kattr-font-size-editor-12:.75rem;--kattr-font-size-editor-14:.875rem;--kattr-font-size-caption:.875rem;--kattr-font-size-body:1rem;--kattr-font-size-lead:1.125rem;--kattr-font-size-h3:1.5rem;--kattr-font-size-h2:2rem;--kattr-font-size-h1:3rem;--kattr-font-line-height-body:1.6;--kattr-font-line-height-heading:1.1;--kattr-space-0:0rem;--kattr-space-0-5:.125rem;--kattr-space-1:.25rem;--kattr-space-1-5:.375rem;--kattr-space-2:.5rem;--kattr-space-2-5:.625rem;--kattr-space-3:.75rem;--kattr-space-4:1rem;--kattr-space-5:1.25rem;--kattr-space-6:1.5rem;--kattr-space-8:2rem;--kattr-space-10:2.5rem;--kattr-space-12:3rem;--kattr-space-16:4rem;--kattr-radius-none:0;--kattr-radius-sm:.25rem;--kattr-radius-full:9999px;--kattr-radius-md:.75rem;--kattr-radius-lg:1rem;--kattr-shape-corner:squircle;--kattr-border-width:1px;--kattr-motion-duration-control:.12s;--kattr-motion-duration-illustration:.4s;--kattr-motion-easing-control:ease-out;--kattr-motion-easing-illustration:cubic-bezier(.4, 0, .2, 1);--kattr-size-control-sm:1.5rem;--kattr-size-control-md:2rem;--kattr-size-control-lg:2.5rem;--kattr-size-control-web:2.75rem;--kattr-size-scrollbar:10px;--kattr-size-scrollbar-slim:8px;--kattr-size-scrollbar-custom:14px;--kattr-size-scrollbar-thumb-min:20px;--kattr-size-scroll-step:20px;--kattr-motion-duration-scrollbar:75ms;--kattr-color-scrollbar-track-shadow:#0006;--kattr-color-scrollbar-thumb-light:#ffffff1a;--kattr-color-scrollbar-thumb-dark:#0000004d;--kattr-size-checker:10px;--kattr-size-content:72rem;--kattr-z-modal:100;--kattr-color-on-accent:#2f1904;--kattr-color-overlay:#0006;--kattr-color-slider-inner-dark:#12110fb8;--kattr-color-slider-inner-light:#fff8e10d;--kattr-color-thumb-inner-light:#fff5df47;--kattr-color-thumb-inner-dark:#7543146b;--kattr-color-bg:#272430;--kattr-color-app:#35303f;--kattr-color-panel:#4f4860;--kattr-color-panel-dark:#35303f;--kattr-color-panel-light:#6d6480;--kattr-color-surface:#35303f;--kattr-color-surface-2:#272430;--kattr-color-surface-3:#1b1922;--kattr-color-accent:#d78d3c;--kattr-color-accent-light:#f2b96b;--kattr-color-accent-dark:#a96a25;--kattr-color-danger:#e65c5c;--kattr-color-danger-light:#ff8080;--kattr-color-border-dark:#1b1922;--kattr-color-border-mid:#4f4860;--kattr-color-border-light:#6d6480;--kattr-color-text:#e3dfec;--kattr-color-text-soft:#bdb7cc;--kattr-color-text-dim:#a59bac;--kattr-color-shadow:#000000a6;--kattr-gradient-shell-start:#4f4860;--kattr-gradient-shell-end:#35303f;--kattr-gradient-toolbar-start:#4f4860;--kattr-gradient-toolbar-end:#35303f;--kattr-gradient-header-start:#6d6480;--kattr-gradient-header-end:#4f4860;--kattr-gradient-status-start:#35303f;--kattr-gradient-status-end:#272430;--kattr-gradient-menu-start:#4f4860;--kattr-gradient-menu-end:#35303f;--kattr-gradient-dialog-start:#4f4860;--kattr-gradient-dialog-end:#35303f;--kattr-gradient-stage-start:#272430;--kattr-gradient-stage-end:#1b1922;--kattr-color-bevel-light:#ffffff0d;--kattr-color-bevel-dark:#0000004d;--kattr-color-bevel-header:#ffffff0a;--kattr-color-checker-1:#272430;--kattr-color-checker-2:#1b1922;--kattr-illustration-vibrant:var(--kattr-color-panel);--kattr-illustration-bright:var(--kattr-color-surface);--kattr-illustration-deep:var(--kattr-color-panel);--kattr-illustration-shadow:var(--kattr-color-panel-dark);--kattr-illustration-dark:var(--kattr-color-surface-3);--kattr-illustration-peach:var(--kattr-color-border-light);--kattr-illustration-cream:var(--kattr-color-panel-dark);--kattr-radius-surface:var(--kattr-radius-lg);--kattr-radius-control:var(--kattr-radius-md);--kattr-gradient-shell:linear-gradient(180deg, var(--kattr-gradient-shell-start) 0%, var(--kattr-gradient-shell-end) 100%);--kattr-gradient-toolbar:linear-gradient(180deg, var(--kattr-gradient-toolbar-start) 0%, var(--kattr-gradient-toolbar-end) 100%);--kattr-gradient-header:linear-gradient(180deg, var(--kattr-gradient-header-start) 0%, var(--kattr-gradient-header-end) 100%);--kattr-gradient-status:linear-gradient(180deg, var(--kattr-gradient-status-start) 0%, var(--kattr-gradient-status-end) 100%);--kattr-gradient-menu:linear-gradient(180deg, var(--kattr-gradient-menu-start) 0%, var(--kattr-gradient-menu-end) 100%);--kattr-gradient-dialog:linear-gradient(180deg, var(--kattr-gradient-dialog-start) 0%, var(--kattr-gradient-dialog-end) 100%);--kattr-gradient-stage:linear-gradient(180deg, var(--kattr-gradient-stage-start) 0%, var(--kattr-gradient-stage-end) 100%);--kattr-gradient-panel:linear-gradient(180deg, var(--kattr-color-panel) 0%, var(--kattr-color-panel-dark) 100%);--kattr-gradient-input:linear-gradient(180deg, var(--kattr-color-surface) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-select:linear-gradient(180deg, var(--kattr-color-panel-dark) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-slider:linear-gradient(180deg, var(--kattr-color-surface-3) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-accent:linear-gradient(180deg, var(--kattr-color-accent-light) 0%, var(--kattr-color-accent) 100%);--kattr-shadow-shell:inset 1px 1px 0 var(--kattr-color-border-light), inset -1px -1px 0 var(--kattr-color-border-mid);--kattr-shadow-raised:inset 1px 1px 0 var(--kattr-color-bevel-light), inset -1px -1px 0 var(--kattr-color-bevel-dark);--kattr-shadow-inset:inset 1px 1px 0 var(--kattr-color-bevel-dark), inset -1px -1px 0 var(--kattr-color-bevel-light);--kattr-shadow-menu:inset 1px 1px 0 var(--kattr-color-bevel-light), 4px 4px 0 var(--kattr-color-shadow);--kattr-shadow-dialog:var(--kattr-shadow-raised), 0 12px 36px var(--kattr-color-shadow);--kattr-shadow-slider:inset 1px 1px 0 var(--kattr-color-slider-inner-dark), inset -1px -1px 0 var(--kattr-color-slider-inner-light);--kattr-shadow-thumb:inset 1px 1px 0 var(--kattr-color-thumb-inner-light), inset -1px -1px 0 var(--kattr-color-thumb-inner-dark);--kattr-color-focus:var(--kattr-color-accent-light);--kattr-gradient-scrollbar:linear-gradient(180deg, var(--kattr-color-panel-light), var(--kattr-color-panel));--kattr-shadow-scrollbar-track:inset 1px 1px 0 var(--kattr-color-scrollbar-track-shadow);--kattr-shadow-scrollbar-thumb:inset 1px 1px 0 var(--kattr-color-scrollbar-thumb-light), inset -1px -1px 0 var(--kattr-color-scrollbar-thumb-dark)}[data-kattr-theme=olive]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kattr-font-family-body:"Trebuchet MS", "Verdana", "Geneva", sans-serif;--kattr-font-tracking-body:.01em;--kattr-font-tracking-label:.18em;--kattr-font-tracking-button-sm:.16em;--kattr-font-weight-normal:400;--kattr-font-weight-medium:500;--kattr-font-weight-bold:700;--kattr-font-weight-label:800;--kattr-font-weight-black:900;--kattr-font-size-editor-6:.375rem;--kattr-font-size-editor-7:.4375rem;--kattr-font-size-editor-8:.5rem;--kattr-font-size-editor-9:.5625rem;--kattr-font-size-editor-10:.625rem;--kattr-font-size-editor-11:.6875rem;--kattr-font-size-editor-12:.75rem;--kattr-font-size-editor-14:.875rem;--kattr-font-size-caption:.875rem;--kattr-font-size-body:1rem;--kattr-font-size-lead:1.125rem;--kattr-font-size-h3:1.5rem;--kattr-font-size-h2:2rem;--kattr-font-size-h1:3rem;--kattr-font-line-height-body:1.6;--kattr-font-line-height-heading:1.1;--kattr-space-0:0rem;--kattr-space-0-5:.125rem;--kattr-space-1:.25rem;--kattr-space-1-5:.375rem;--kattr-space-2:.5rem;--kattr-space-2-5:.625rem;--kattr-space-3:.75rem;--kattr-space-4:1rem;--kattr-space-5:1.25rem;--kattr-space-6:1.5rem;--kattr-space-8:2rem;--kattr-space-10:2.5rem;--kattr-space-12:3rem;--kattr-space-16:4rem;--kattr-radius-none:0;--kattr-radius-sm:.25rem;--kattr-radius-full:9999px;--kattr-radius-md:.75rem;--kattr-radius-lg:1rem;--kattr-shape-corner:squircle;--kattr-border-width:1px;--kattr-motion-duration-control:.12s;--kattr-motion-duration-illustration:.4s;--kattr-motion-easing-control:ease-out;--kattr-motion-easing-illustration:cubic-bezier(.4, 0, .2, 1);--kattr-size-control-sm:1.5rem;--kattr-size-control-md:2rem;--kattr-size-control-lg:2.5rem;--kattr-size-control-web:2.75rem;--kattr-size-scrollbar:10px;--kattr-size-scrollbar-slim:8px;--kattr-size-scrollbar-custom:14px;--kattr-size-scrollbar-thumb-min:20px;--kattr-size-scroll-step:20px;--kattr-motion-duration-scrollbar:75ms;--kattr-color-scrollbar-track-shadow:#0006;--kattr-color-scrollbar-thumb-light:#ffffff1a;--kattr-color-scrollbar-thumb-dark:#0000004d;--kattr-size-checker:10px;--kattr-size-content:72rem;--kattr-z-modal:100;--kattr-color-on-accent:#2f1904;--kattr-color-overlay:#0006;--kattr-color-slider-inner-dark:#12110fb8;--kattr-color-slider-inner-light:#fff8e10d;--kattr-color-thumb-inner-light:#fff5df47;--kattr-color-thumb-inner-dark:#7543146b;--kattr-color-bg:#252820;--kattr-color-app:#31352b;--kattr-color-panel:#4c5244;--kattr-color-panel-dark:#31352b;--kattr-color-panel-light:#697060;--kattr-color-surface:#31352b;--kattr-color-surface-2:#252820;--kattr-color-surface-3:#191c15;--kattr-color-accent:#d78d3c;--kattr-color-accent-light:#f2b96b;--kattr-color-accent-dark:#a96a25;--kattr-color-danger:#e65c5c;--kattr-color-danger-light:#ff8080;--kattr-color-border-dark:#191c15;--kattr-color-border-mid:#4c5244;--kattr-color-border-light:#697060;--kattr-color-text:#e0e4d8;--kattr-color-text-soft:#b9bfb2;--kattr-color-text-dim:#8ba579;--kattr-color-shadow:#000000a6;--kattr-gradient-shell-start:#4c5244;--kattr-gradient-shell-end:#31352b;--kattr-gradient-toolbar-start:#4c5244;--kattr-gradient-toolbar-end:#31352b;--kattr-gradient-header-start:#697060;--kattr-gradient-header-end:#4c5244;--kattr-gradient-status-start:#31352b;--kattr-gradient-status-end:#252820;--kattr-gradient-menu-start:#4c5244;--kattr-gradient-menu-end:#31352b;--kattr-gradient-dialog-start:#4c5244;--kattr-gradient-dialog-end:#31352b;--kattr-gradient-stage-start:#252820;--kattr-gradient-stage-end:#191c15;--kattr-color-bevel-light:#ffffff0d;--kattr-color-bevel-dark:#0000004d;--kattr-color-bevel-header:#ffffff0a;--kattr-color-checker-1:#252820;--kattr-color-checker-2:#191c15;--kattr-illustration-vibrant:var(--kattr-color-panel);--kattr-illustration-bright:var(--kattr-color-surface);--kattr-illustration-deep:var(--kattr-color-panel);--kattr-illustration-shadow:var(--kattr-color-panel-dark);--kattr-illustration-dark:var(--kattr-color-surface-3);--kattr-illustration-peach:var(--kattr-color-border-light);--kattr-illustration-cream:var(--kattr-color-panel-dark);--kattr-radius-surface:var(--kattr-radius-lg);--kattr-radius-control:var(--kattr-radius-md);--kattr-gradient-shell:linear-gradient(180deg, var(--kattr-gradient-shell-start) 0%, var(--kattr-gradient-shell-end) 100%);--kattr-gradient-toolbar:linear-gradient(180deg, var(--kattr-gradient-toolbar-start) 0%, var(--kattr-gradient-toolbar-end) 100%);--kattr-gradient-header:linear-gradient(180deg, var(--kattr-gradient-header-start) 0%, var(--kattr-gradient-header-end) 100%);--kattr-gradient-status:linear-gradient(180deg, var(--kattr-gradient-status-start) 0%, var(--kattr-gradient-status-end) 100%);--kattr-gradient-menu:linear-gradient(180deg, var(--kattr-gradient-menu-start) 0%, var(--kattr-gradient-menu-end) 100%);--kattr-gradient-dialog:linear-gradient(180deg, var(--kattr-gradient-dialog-start) 0%, var(--kattr-gradient-dialog-end) 100%);--kattr-gradient-stage:linear-gradient(180deg, var(--kattr-gradient-stage-start) 0%, var(--kattr-gradient-stage-end) 100%);--kattr-gradient-panel:linear-gradient(180deg, var(--kattr-color-panel) 0%, var(--kattr-color-panel-dark) 100%);--kattr-gradient-input:linear-gradient(180deg, var(--kattr-color-surface) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-select:linear-gradient(180deg, var(--kattr-color-panel-dark) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-slider:linear-gradient(180deg, var(--kattr-color-surface-3) 0%, var(--kattr-color-surface-2) 100%);--kattr-gradient-accent:linear-gradient(180deg, var(--kattr-color-accent-light) 0%, var(--kattr-color-accent) 100%);--kattr-shadow-shell:inset 1px 1px 0 var(--kattr-color-border-light), inset -1px -1px 0 var(--kattr-color-border-mid);--kattr-shadow-raised:inset 1px 1px 0 var(--kattr-color-bevel-light), inset -1px -1px 0 var(--kattr-color-bevel-dark);--kattr-shadow-inset:inset 1px 1px 0 var(--kattr-color-bevel-dark), inset -1px -1px 0 var(--kattr-color-bevel-light);--kattr-shadow-menu:inset 1px 1px 0 var(--kattr-color-bevel-light), 4px 4px 0 var(--kattr-color-shadow);--kattr-shadow-dialog:var(--kattr-shadow-raised), 0 12px 36px var(--kattr-color-shadow);--kattr-shadow-slider:inset 1px 1px 0 var(--kattr-color-slider-inner-dark), inset -1px -1px 0 var(--kattr-color-slider-inner-light);--kattr-shadow-thumb:inset 1px 1px 0 var(--kattr-color-thumb-inner-light), inset -1px -1px 0 var(--kattr-color-thumb-inner-dark);--kattr-color-focus:var(--kattr-color-accent-light);--kattr-gradient-scrollbar:linear-gradient(180deg, var(--kattr-color-panel-light), var(--kattr-color-panel));--kattr-shadow-scrollbar-track:inset 1px 1px 0 var(--kattr-color-scrollbar-track-shadow);--kattr-shadow-scrollbar-thumb:inset 1px 1px 0 var(--kattr-color-scrollbar-thumb-light), inset -1px -1px 0 var(--kattr-color-scrollbar-thumb-dark)}:root{--yu-bg:#2f2b28;--yu-app:#575148;--yu-panel:#6b645a;--yu-panel-dark:#59534b;--yu-panel-light:#7a7368;--yu-surface:#47423c;--yu-surface-2:#3e3933;--yu-surface-3:#342f2b;--yu-accent:#d78d3c;--yu-accent-light:#f2b96b;--yu-accent-dark:#a96a25;--yu-danger:#b6553a;--yu-danger-light:#d77356;--yu-border-dark:#2b2824;--yu-border-mid:#433e38;--yu-border-light:#928a7e;--yu-text:#f1ead6;--yu-text-soft:#ddd0b4;--yu-text-dim:#9f9688;--yu-shadow:#0000006b;--yu-grad-shell:#645d54, #504a43;--yu-grad-toolbar:#615a51, #544e47;--yu-grad-header:#736b61, #635b53;--yu-grad-status:#655e55, #554f47;--yu-grad-menu:#6d665c, #585149;--yu-grad-dialog:#6f685f, #575148;--yu-grad-stage:#4c463f, #3d3832;--yu-inner-light:#fff8e129;--yu-inner-dark:#1b181673;--yu-checker-1:#544d46;--yu-checker-2:#463f38;--yu-plate:#efe9dc;--yu-backdrop:#000}:root[data-theme=graphite]{--yu-bg:#1e1e1e;--yu-app:#252526;--yu-panel:#2d2d2d;--yu-panel-dark:#1e1e1e;--yu-panel-light:#37373d;--yu-surface:#252526;--yu-surface-2:#1e1e1e;--yu-surface-3:#181818;--yu-danger:#f14c4c;--yu-danger-light:#f66;--yu-border-dark:#111;--yu-border-mid:#3c3c3c;--yu-border-light:#454545;--yu-text:#ccc;--yu-text-soft:#bbb;--yu-text-dim:#888;--yu-shadow:#0009;--yu-grad-shell:#2d2d2d, #1e1e1e;--yu-grad-toolbar:#333, #252526;--yu-grad-header:#3c3c3c, #2d2d2d;--yu-grad-status:#252526, #1e1e1e;--yu-grad-menu:#37373d, #252526;--yu-grad-dialog:#3c3c3c, #1e1e1e;--yu-grad-stage:#1e1e1e, #111;--yu-inner-light:#ffffff14;--yu-inner-dark:#00000040;--yu-checker-1:#252526;--yu-checker-2:#1e1e1e}:root[data-theme=slate]{--yu-bg:#252627;--yu-app:#33353a;--yu-panel:#4e5156;--yu-panel-dark:#33353a;--yu-panel-light:#6b6f74;--yu-surface:#33353a;--yu-surface-2:#252627;--yu-surface-3:#191a1c;--yu-danger:#e65c5c;--yu-danger-light:#ff8080;--yu-border-dark:#191a1c;--yu-border-mid:#4e5156;--yu-border-light:#6b6f74;--yu-text:#e1e3e6;--yu-text-soft:#bcbfc4;--yu-text-dim:#888;--yu-shadow:#000000a6;--yu-grad-shell:#4e5156, #33353a;--yu-grad-toolbar:#4e5156, #33353a;--yu-grad-header:#6b6f74, #4e5156;--yu-grad-status:#33353a, #252627;--yu-grad-menu:#4e5156, #33353a;--yu-grad-dialog:#4e5156, #33353a;--yu-grad-stage:#252627, #191a1c;--yu-inner-light:#ffffff0d;--yu-inner-dark:#0000004d;--yu-checker-1:#252627;--yu-checker-2:#191a1c}:root[data-theme=lavender]{--yu-bg:#272430;--yu-app:#35303f;--yu-panel:#4f4860;--yu-panel-dark:#35303f;--yu-panel-light:#6d6480;--yu-surface:#35303f;--yu-surface-2:#272430;--yu-surface-3:#1b1922;--yu-danger:#e65c5c;--yu-danger-light:#ff8080;--yu-border-dark:#1b1922;--yu-border-mid:#4f4860;--yu-border-light:#6d6480;--yu-text:#e3dfec;--yu-text-soft:#bdb7cc;--yu-text-dim:#a59bac;--yu-shadow:#000000a6;--yu-grad-shell:#4f4860, #35303f;--yu-grad-toolbar:#4f4860, #35303f;--yu-grad-header:#6d6480, #4f4860;--yu-grad-status:#35303f, #272430;--yu-grad-menu:#4f4860, #35303f;--yu-grad-dialog:#4f4860, #35303f;--yu-grad-stage:#272430, #1b1922;--yu-inner-light:#ffffff0d;--yu-inner-dark:#0000004d;--yu-checker-1:#272430;--yu-checker-2:#1b1922}:root[data-theme=olive]{--yu-bg:#252820;--yu-app:#31352b;--yu-panel:#4c5244;--yu-panel-dark:#31352b;--yu-panel-light:#697060;--yu-surface:#31352b;--yu-surface-2:#252820;--yu-surface-3:#191c15;--yu-danger:#e65c5c;--yu-danger-light:#ff8080;--yu-border-dark:#191c15;--yu-border-mid:#4c5244;--yu-border-light:#697060;--yu-text:#e0e4d8;--yu-text-soft:#b9bfb2;--yu-text-dim:#8ba579;--yu-shadow:#000000a6;--yu-grad-shell:#4c5244, #31352b;--yu-grad-toolbar:#4c5244, #31352b;--yu-grad-header:#697060, #4c5244;--yu-grad-status:#31352b, #252820;--yu-grad-menu:#4c5244, #31352b;--yu-grad-dialog:#4c5244, #31352b;--yu-grad-stage:#252820, #191c15;--yu-inner-light:#ffffff0d;--yu-inner-dark:#0000004d;--yu-checker-1:#252820;--yu-checker-2:#191c15}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--yu-on-accent:#2f1904;--yu-font:"Trebuchet MS", "Verdana", "Geneva", sans-serif;--yu-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--yu-raised:inset 1px 1px 0 var(--yu-inner-light), inset -1px -1px 0 var(--yu-inner-dark);--yu-inset:inset 1px 1px 0 #1c1916bf, inset -1px -1px 0 #fff8e114;--yu-panel-grad:linear-gradient(180deg, var(--yu-panel) 0%, var(--yu-panel-dark) 100%);--yu-input-grad:linear-gradient(180deg, var(--yu-surface) 0%, var(--yu-surface-2) 100%);--yu-well-grad:linear-gradient(180deg, var(--yu-surface-3) 0%, var(--yu-surface-2) 100%);--yu-accent-grad:linear-gradient(180deg, var(--yu-accent-light) 0%, var(--yu-accent) 100%);--yu-divider:linear-gradient(180deg, #fff8e11f, #16131173);--yu-ease:cubic-bezier(.22, 1, .36, 1);--kattr-font-family-body:var(--yu-font);--kattr-font-family-sans:var(--yu-font);--kattr-font-tracking-body:.01em;--kattr-font-tracking-label:.18em;--kattr-font-tracking-button-sm:.16em;--kattr-font-weight-label:800;--kattr-font-weight-bold:700;--kattr-font-weight-black:900;--kattr-radius-sm:0;--kattr-radius-md:0;--kattr-radius-lg:0;--kattr-radius-control:0;--kattr-radius-surface:0;--kattr-shape-corner:round;--kattr-border-width:1px;--kattr-motion-duration-control:.12s;--kattr-motion-easing-control:ease-out;--kattr-color-bg:var(--yu-bg);--kattr-color-app:var(--yu-app);--kattr-color-panel:var(--yu-panel);--kattr-color-panel-dark:var(--yu-panel-dark);--kattr-color-panel-light:var(--yu-panel-light);--kattr-color-surface:var(--yu-surface);--kattr-color-surface-2:var(--yu-surface-2);--kattr-color-surface-3:var(--yu-surface-3);--kattr-color-accent:var(--yu-accent);--kattr-color-accent-light:var(--yu-accent-light);--kattr-color-accent-dark:var(--yu-accent-dark);--kattr-color-on-accent:var(--yu-on-accent);--kattr-color-danger:var(--yu-danger);--kattr-color-danger-light:var(--yu-danger-light);--kattr-color-border-dark:var(--yu-border-dark);--kattr-color-border-mid:var(--yu-border-mid);--kattr-color-border-light:var(--yu-border-light);--kattr-color-text:var(--yu-text);--kattr-color-text-soft:var(--yu-text-soft);--kattr-color-text-dim:var(--yu-text-dim);--kattr-color-focus:var(--yu-accent-light);--kattr-color-shadow:var(--yu-shadow);--kattr-color-overlay:#0006;--kattr-color-checker-1:var(--yu-checker-1);--kattr-color-checker-2:var(--yu-checker-2);--kattr-gradient-shell:linear-gradient(180deg, var(--yu-grad-shell));--kattr-gradient-toolbar:linear-gradient(180deg, var(--yu-grad-toolbar));--kattr-gradient-header:linear-gradient(180deg, var(--yu-grad-header));--kattr-gradient-status:linear-gradient(180deg, var(--yu-grad-status));--kattr-gradient-menu:linear-gradient(180deg, var(--yu-grad-menu));--kattr-gradient-dialog:linear-gradient(180deg, var(--yu-grad-dialog));--kattr-gradient-stage:linear-gradient(180deg, var(--yu-grad-stage));--kattr-gradient-panel:var(--yu-panel-grad);--kattr-gradient-input:var(--yu-input-grad);--kattr-gradient-select:var(--yu-input-grad);--kattr-gradient-slider:var(--yu-well-grad);--kattr-gradient-accent:var(--yu-accent-grad);--kattr-gradient-scrollbar:var(--yu-text-dim);--kattr-shadow-shell:inset 1px 1px 0 var(--yu-border-light), inset -1px -1px 0 var(--yu-border-mid);--kattr-shadow-raised:var(--yu-raised);--kattr-shadow-inset:var(--yu-inset);--kattr-shadow-slider:var(--yu-inset);--kattr-shadow-thumb:var(--yu-raised);--kattr-shadow-scrollbar-track:inset 1px 1px 0 #0006;--kattr-shadow-scrollbar-thumb:inset 1px 1px 0 #ffffff1a, inset -1px -1px 0 #0000004d;--kattr-shadow-menu:inset 1px 1px 0 var(--yu-inner-light), 4px 4px 0 var(--yu-shadow);--kattr-shadow-dialog:inset 1px 1px 0 var(--yu-inner-light), inset -1px -1px 0 var(--yu-inner-dark), 0 12px 36px var(--yu-shadow);--text-main:var(--yu-text);--text-soft:var(--yu-text-soft);--text-muted:var(--yu-text-dim);--edge:var(--yu-border-dark);--well:var(--yu-well-grad);--shadow-well:var(--yu-inset);--shadow-key:var(--yu-raised);--shadow-plate:var(--yu-raised);--led:var(--yu-accent-light);--danger:var(--yu-danger-light);--accent-orange:var(--yu-accent);--accent-green:#8fb07a}html,body.kattr-body{background:var(--yu-bg);color:var(--yu-text)}body.kattr-body{background:linear-gradient(180deg, var(--yu-bg) 0%, var(--yu-bg) 100%) fixed}@supports (color:color-mix(in lab, red, red)){body.kattr-body{background:linear-gradient(180deg, var(--yu-bg) 0%, color-mix(in srgb, var(--yu-bg) 82%, #000) 100%) fixed}}body.kattr-body{font-family:var(--yu-font);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{background:var(--yu-bg)}:where(button,input,select,textarea){transition-property:background-color,border-color,color,opacity,box-shadow,transform;transition-duration:.12s;transition-timing-function:ease-out}@media screen{:where(button,input,textarea,select,a,summary,[tabindex]):focus-visible{outline:1px solid var(--yu-accent-light)!important;outline-offset:1px!important}}:is(.kattr-panel,.kattr-toolbar,.kattr-status,.kattr-menu,.kattr-dialog,.kattr-stage,.kattr-raised,.kattr-inset,.kattr-shell){border-radius:0}.kattr-panel{border:1px solid var(--yu-border-dark);background:var(--yu-panel-grad);box-shadow:var(--yu-raised)}.kattr-toolbar{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-toolbar);box-shadow:var(--yu-raised)}.kattr-status{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-status);box-shadow:var(--yu-raised)}.kattr-header{border:0;border-bottom:1px solid var(--yu-border-dark);background:var(--kattr-gradient-header);box-shadow:none;border-radius:0}.kattr-shell{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-shell);box-shadow:var(--kattr-shadow-shell)}.kattr-stage{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-stage);box-shadow:none}.kattr-raised{border:1px solid var(--yu-border-dark);box-shadow:var(--yu-raised)}.kattr-inset{border:1px solid var(--yu-border-dark);box-shadow:var(--yu-inset)}.kattr-menu{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-menu);box-shadow:var(--kattr-shadow-menu)}.kattr-dialog,dialog.kattr-ui-dialog{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-dialog);box-shadow:var(--kattr-shadow-dialog);border-radius:0}.kattr-label{color:var(--yu-text-dim);letter-spacing:.18em;text-transform:uppercase;text-shadow:none;font-size:9px;font-weight:800}.kattr-button{border:1px solid var(--yu-border-dark);background:var(--yu-accent);color:var(--yu-on-accent);font-family:var(--yu-font);letter-spacing:.16em;text-transform:uppercase;text-shadow:none;box-shadow:var(--yu-raised);border-radius:0;font-weight:900}.kattr-button:hover{background:var(--yu-accent-light)}.kattr-button--secondary{background:var(--yu-panel-dark);color:var(--yu-text-soft)}.kattr-button--secondary:hover{background:var(--yu-panel);color:var(--yu-text)}.kattr-button--ghost{background:var(--yu-panel-dark);color:var(--yu-text-dim);box-shadow:var(--yu-raised)}.kattr-button--ghost:hover{background:var(--yu-panel);color:var(--yu-text)}.kattr-button:active,.kattr-button[aria-pressed=true],.kattr-button[aria-haspopup][aria-expanded=true]{background:var(--yu-accent);color:var(--yu-on-accent);box-shadow:var(--yu-inset);transform:translateY(1px)}.kattr-button:disabled{opacity:.35;transform:none}.kattr-button:disabled:hover{background:var(--yu-accent)}.kattr-button--secondary:disabled:hover,.kattr-button--ghost:disabled:hover{background:var(--yu-panel-dark);color:var(--yu-text-dim)}[data-kattr-density=compact] .kattr-button{font-size:10px}:is(.kattr-input,.kattr-ui-textarea,.kattr-ui-search){border:1px solid var(--yu-border-dark);background:var(--yu-input-grad);color:var(--yu-text);box-shadow:var(--yu-inset);border-radius:0;outline:none;font-size:11px}:is(.kattr-input,.kattr-ui-textarea,.kattr-ui-search):focus{border-color:var(--yu-accent)}.kattr-input::placeholder,:is(.kattr-ui-textarea,.kattr-ui-search)::placeholder{color:var(--yu-text-dim)}:is(.kattr-ui-select__control,.kattr-ui-dropdown__trigger){border:1px solid var(--yu-border-dark);background:var(--yu-panel-dark);color:var(--yu-text-soft);letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--yu-raised);border-radius:0;outline:none;font-weight:900}:is(.kattr-ui-select__control,.kattr-ui-dropdown__trigger):hover{background:var(--yu-panel);color:var(--yu-text)}.kattr-ui-dropdown__trigger[aria-expanded=true]{background:var(--yu-accent);color:var(--yu-on-accent);box-shadow:var(--yu-inset)}.kattr-ui-dropdown__trigger:after,.kattr-ui-select:after{border-top-color:var(--yu-text-dim)}.kattr-ui-dropdown__trigger[aria-expanded=true]:after{border-top-color:var(--yu-on-accent)}.kattr-ui-dropdown__trigger:focus-visible,.kattr-ui-select__control:focus-visible{color:var(--yu-text)}.kattr-ui-dropdown__menu{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-menu);box-shadow:var(--kattr-shadow-menu);border-radius:0;padding:4px 0}.kattr-ui-dropdown__option{color:var(--yu-text);letter-spacing:.14em;text-transform:uppercase;border-radius:0;font-weight:900}.kattr-ui-dropdown__option[data-active=true][aria-selected=false],.kattr-ui-dropdown__option:hover,.kattr-ui-dropdown__option[aria-selected=true]{background:var(--yu-accent);color:var(--yu-on-accent)}.kattr-ui-select option{background:var(--yu-surface);color:var(--yu-text)}.kattr-ui-segmented{border:1px solid var(--yu-border-dark);background:var(--yu-surface-3);box-shadow:var(--yu-inset);border-radius:0;gap:2px;padding:2px}.kattr-ui-segmented label>span,.kattr-ui-segmented>button{color:var(--yu-text-dim);letter-spacing:.14em;text-transform:uppercase;border:1px solid #0000;border-radius:0;font-weight:900}.kattr-ui-segmented label>span:hover,.kattr-ui-segmented>button:hover:not([aria-pressed=true]){background:var(--yu-panel-dark);color:var(--yu-text)}.kattr-ui-segmented input:checked+span,.kattr-ui-segmented>button[aria-pressed=true]{border-color:var(--yu-border-dark);background:var(--yu-accent);color:var(--yu-on-accent);box-shadow:var(--yu-inset)}.kattr-ui-tablist{border:1px solid var(--yu-border-dark);background:var(--yu-surface-3);box-shadow:var(--yu-inset);border-radius:0;gap:2px;padding:2px}.kattr-ui-tab{color:var(--yu-text-dim);letter-spacing:.14em;text-transform:uppercase;border:1px solid #0000;border-radius:0;font-weight:900}.kattr-ui-tab:hover{background:var(--yu-panel-dark);color:var(--yu-text)}.kattr-ui-tab[aria-selected=true]{border-color:var(--yu-border-dark);background:var(--yu-accent);color:var(--yu-on-accent);text-shadow:none;box-shadow:var(--yu-inset)}.kattr-ui-tabpanel{background:0 0;border-radius:0}.kattr-ui-checkbox{border:1px solid var(--yu-border-dark);background:var(--yu-surface-3);box-shadow:var(--yu-inset);border-radius:0;width:14px;height:14px}.kattr-ui-checkbox:before{background:var(--yu-on-accent);width:8px;height:7px}.kattr-ui-checkbox:checked,.kattr-ui-checkbox:indeterminate{background:var(--yu-accent);box-shadow:var(--yu-raised)}.kattr-ui-switch{border:1px solid var(--yu-border-dark);background:var(--yu-surface-3);box-shadow:var(--yu-inset);border-radius:0;width:30px;height:16px}.kattr-ui-switch:before{background:var(--yu-text-dim);width:12px;height:12px;box-shadow:var(--yu-raised);border-radius:0;top:1px;left:1px}.kattr-ui-switch:checked{background:var(--yu-accent-dark)}.kattr-ui-switch:checked:before{background:var(--yu-accent-light);transform:translate(14px)}.kattr-ui-choice{gap:8px}.kattr-ui-range{height:20px;accent-color:var(--yu-accent)}.kattr-ui-range::-webkit-slider-runnable-track{border:1px solid var(--yu-border-dark);background:var(--yu-surface-3);border-radius:0;height:4px;box-shadow:inset 1px 1px #12110fb8}.kattr-ui-range::-moz-range-track{border:1px solid var(--yu-border-dark);background:var(--yu-surface-3);border-radius:0;height:4px}.kattr-ui-range::-webkit-slider-thumb{border:1px solid var(--yu-border-dark);background:var(--yu-accent-grad);border-radius:0;width:10px;height:16px;margin-top:-7px;box-shadow:inset 1px 1px #fff5df47,inset -1px -1px #7543146b}.kattr-ui-range::-moz-range-thumb{border:1px solid var(--yu-border-dark);background:var(--yu-accent-grad);border-radius:0;width:10px;height:16px;box-shadow:inset 1px 1px #fff5df47,inset -1px -1px #7543146b}.kattr-ui-range:hover::-webkit-slider-thumb{background:var(--yu-accent-light)}.kattr-ui-badge{border:1px solid var(--yu-border-dark);background:var(--yu-surface-3);color:var(--yu-text-dim);letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--yu-inset);border-radius:0;padding:1px 6px;font-size:9px;font-weight:900}.kattr-ui-badge[data-tone=accent]{border-color:var(--yu-border-dark);color:var(--yu-accent-light)}.kattr-ui-badge[data-tone=danger]{border-color:var(--yu-border-dark);color:var(--yu-danger-light)}.kattr-ui-progress{border:1px solid var(--yu-border-dark);background:var(--yu-surface-3);height:10px;box-shadow:var(--yu-inset);border-radius:0}.kattr-ui-progress::-webkit-progress-bar{box-shadow:none;background:0 0;border-radius:0}.kattr-ui-progress::-webkit-progress-value{background:var(--yu-accent-grad);border-radius:0}.kattr-ui-progress::-moz-progress-bar{background:var(--yu-accent);border-radius:0}.kattr-ui-progress:not([value]){background:repeating-linear-gradient(90deg, var(--yu-accent) 0 8px, var(--yu-surface-3) 8px 16px)}.kattr-ui-alert{border:1px solid var(--yu-border-dark);border-left:3px solid var(--yu-accent);background:var(--yu-surface);box-shadow:var(--yu-raised);border-radius:0}.kattr-ui-dialog::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:1;background:#0006}dialog.kattr-ui-dialog :is(h2,h3).dialog-title,dialog.kattr-ui-dialog .dialog-title{letter-spacing:.22em;text-transform:uppercase;color:var(--yu-text);font-size:13px;font-weight:900}.kattr-ui-toast{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-menu);box-shadow:var(--kattr-shadow-menu);border-radius:0;font-size:11px}.kattr-ui-toast[data-tone=success]{border-left:3px solid var(--yu-accent);color:var(--yu-text)}.kattr-ui-toast[data-tone=danger]{border-left:3px solid var(--yu-danger-light);color:var(--yu-text)}.kattr-ui-toast__close{border:1px solid var(--yu-border-dark);background:var(--yu-panel-dark);color:var(--yu-text-dim);box-shadow:var(--yu-raised);border-radius:0}.kattr-ui-toast__close:hover{background:var(--yu-panel);color:var(--yu-text)}.kattr-ui-tooltip__content{border:1px solid var(--yu-border-dark);background:var(--kattr-gradient-menu);box-shadow:var(--kattr-shadow-menu);border-radius:0}.kattr-ui-empty-state{border-color:var(--yu-border-mid);border-radius:0}@media print{.theme-toggle{display:none!important}}:root{--sb:14px;--sb-slim:12px;--grip-line:#0000004d;--grip-v:linear-gradient(180deg, var(--grip-line) 0 1px, transparent 1px 3px, var(--grip-line) 3px 4px, transparent 4px 6px, var(--grip-line) 6px 7px);--grip-h:linear-gradient(90deg, var(--grip-line) 0 1px, transparent 1px 3px, var(--grip-line) 3px 4px, transparent 4px 6px, var(--grip-line) 6px 7px);--sb-thumb-shadow:inset 1px 1px 0 #ffffff1a, inset -1px -1px 0 #0000004d;--sb-arrow:var(--yu-text-dim)}.kattr-scroll--slim{--sb:var(--sb-slim)}@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:var(--sb);height:var(--sb);background:var(--yu-surface-3)}::-webkit-scrollbar-corner{background:var(--yu-panel-dark)}::-webkit-scrollbar-track{background:var(--yu-surface-3);border-radius:0}::-webkit-scrollbar-track:vertical{box-shadow:inset 1px 0 0 var(--yu-border-dark), inset 2px 1px 0 #0006}::-webkit-scrollbar-track:horizontal{box-shadow:inset 0 1px 0 var(--yu-border-dark), inset 1px 2px 0 #0006}::-webkit-scrollbar-thumb{border:1px solid var(--yu-border-dark);background-color:var(--yu-text-dim);background-image:var(--grip-v);min-width:20px;min-height:20px;box-shadow:var(--sb-thumb-shadow);background-position:50%;background-repeat:no-repeat;background-size:8px 7px;border-radius:0}::-webkit-scrollbar-thumb:horizontal{background-image:var(--grip-h);background-size:7px 8px}::-webkit-scrollbar-thumb:hover{background-color:var(--yu-accent)}::-webkit-scrollbar-thumb:active{background-color:var(--yu-accent)}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-button:single-button{width:var(--sb);height:var(--sb);border:1px solid var(--yu-border-dark);background-color:var(--yu-panel-dark);box-shadow:var(--yu-raised);background-repeat:no-repeat;display:block}::-webkit-scrollbar-button:single-button:hover{--sb-arrow:var(--yu-accent-light)}::-webkit-scrollbar-button:single-button:active{background-color:var(--yu-surface-3);box-shadow:var(--yu-inset)}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:linear-gradient(to top left, var(--sb-arrow) 50%, transparent 50%), linear-gradient(to top right, var(--sb-arrow) 50%, transparent 50%);background-position:calc(50% - 1.5px),calc(50% + 1.5px);background-size:3px 4px}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:linear-gradient(to bottom left, var(--sb-arrow) 50%, transparent 50%), linear-gradient(to bottom right, var(--sb-arrow) 50%, transparent 50%);background-position:calc(50% - 1.5px),calc(50% + 1.5px);background-size:3px 4px}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:linear-gradient(to top left, var(--sb-arrow) 50%, transparent 50%), linear-gradient(to bottom left, var(--sb-arrow) 50%, transparent 50%);background-position:50% calc(50% - 1.5px),50% calc(50% + 1.5px);background-size:4px 3px}::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:linear-gradient(to top right, var(--sb-arrow) 50%, transparent 50%), linear-gradient(to bottom right, var(--sb-arrow) 50%, transparent 50%);background-position:50% calc(50% - 1.5px),50% calc(50% + 1.5px);background-size:4px 3px}}.kattr-scroll:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none!important}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--yu-text-dim) var(--yu-surface-3)}}.kattr-custom-scroll__bar{background:var(--yu-surface-3);box-shadow:inset 1px 1px #0006}.kattr-custom-scroll__thumb{border:1px solid var(--yu-border-dark);background:var(--yu-text-dim);box-shadow:var(--sb-thumb-shadow);border-radius:0}.kattr-custom-scroll__thumb:hover,.kattr-custom-scroll__thumb[data-dragging=true]{background:var(--yu-accent)}.kattr-custom-scroll__arrow{background:var(--yu-panel-dark);box-shadow:var(--yu-raised);border-radius:0}:root{--yu-hairline:var(--yu-text)}@supports (color:color-mix(in lab, red, red)){:root{--yu-hairline:color-mix(in srgb, var(--yu-text) 9%, transparent)}}:root{--yu-hover:var(--yu-text)}@supports (color:color-mix(in lab, red, red)){:root{--yu-hover:color-mix(in srgb, var(--yu-text) 5%, transparent)}}:root{--home-radius:6px;--home-ring:0 0 0 2px var(--yu-bg), 0 0 0 4px var(--yu-accent)}:root[data-view=home] #app{visibility:hidden}.home{z-index:50;background:var(--yu-bg);color:var(--yu-text);font-family:var(--yu-font);letter-spacing:0;flex-direction:column;display:flex;position:fixed;inset:0}.home[hidden]{display:none}.home :focus-visible{box-shadow:var(--home-ring);outline:none!important}.home-mono{font-family:var(--yu-mono);font-variant-numeric:tabular-nums}.home-head{box-sizing:border-box;border-bottom:1px solid var(--yu-hairline);background:var(--yu-surface-3);flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.home-brand{align-items:center;gap:8px;display:flex}.home-logo{width:20px;height:20px;image-rendering:pixelated}.home-logo--big{width:48px;height:48px}.home-brand__name{font-size:15px;font-weight:500;line-height:1}.home-brand__ver{font:12px/1 var(--yu-mono);color:var(--yu-text-dim)}.home-wordmark{opacity:.5;height:20px}.home-body{flex:1;min-height:0;display:flex}.home-side{box-sizing:border-box;border-right:1px solid var(--yu-hairline);background:var(--yu-surface-3);flex-direction:column;flex:none;gap:24px;width:280px;padding:20px;display:flex;overflow-y:auto}.home-actions{flex-direction:column;gap:8px;display:flex}.home-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.home-icon--dim{color:var(--yu-text-dim)}.home-btn{border:1px solid var(--yu-hairline);border-radius:var(--home-radius);background:var(--yu-hover);height:40px;color:var(--yu-text);font:500 14px/1 var(--yu-font);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:0 12px;transition:background-color .12s ease-out,transform .12s ease-out;display:flex}.home-btn:hover{background:var(--yu-hairline)}.home-btn:active{transform:scale(.98)}.home-btn--accent{background:var(--yu-accent);color:var(--yu-on-accent);border-color:#0000}.home-btn--accent:hover{background:var(--yu-accent-light)}.home-keys{color:var(--yu-text-dim);gap:4px;margin-left:auto;display:flex}.home-keycap{box-sizing:border-box;background:var(--yu-hover);min-width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--yu-hairline);font:500 11px/1 var(--yu-mono);color:inherit;border-radius:4px;align-items:center;padding:0 6px;display:inline-flex}.home-keys--on-accent{color:inherit;opacity:.8}.home-keys--on-accent .home-keycap{background:#0000001a;box-shadow:inset 0 0 0 1px #0000002e}@media (max-width:1100px){.home-keys{display:none}}.home-note{color:var(--yu-text-dim);margin:0;padding:4px 4px 0;font-size:12px}.home-side__label{color:var(--yu-text-dim);font-size:12px}.home-demos{flex-direction:column;gap:4px;display:flex}.home-demos .home-side__label{padding:0 4px 4px}.home-demo{border-radius:var(--home-radius);height:34px;color:var(--yu-text-soft);font:13px/1 var(--yu-font);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}.home-demo:hover{background:var(--yu-hover);color:var(--yu-text)}.home-demo__name{flex:1}.home-demo__meta{color:var(--yu-text-dim);font-size:11px}.home-theme{max-width:320px;margin-top:auto}.home-theme__head{justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:0 4px;font-size:12px;display:flex}.home-theme__name{color:var(--yu-text-soft)}.home-swatches{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.home-swatch{border-radius:var(--home-radius);cursor:pointer;height:32px;box-shadow:inset 0 0 0 1px var(--yu-hairline);border:0;justify-content:center;align-items:center;gap:3px;padding:0;display:flex}.home-swatch:hover{box-shadow:inset 0 0 0 1px var(--yu-text-dim)}.home-swatch[aria-checked=true]{box-shadow:0 0 0 1px var(--yu-bg), 0 0 0 2px var(--yu-accent)}.home-swatch__dot{width:6px;height:6px}.home-swatch__dot--accent{background:var(--yu-accent)}.home-main{box-sizing:border-box;flex:1;min-width:0;padding:32px 32px 48px;overflow-y:auto}.home-main__inner{max-width:1200px;margin:0 auto}.home-main__head{margin-bottom:24px}.home-title{align-items:baseline;gap:12px;display:flex}.home-h1{margin:0;font-size:24px;font-weight:500;line-height:1.25}.home-count{color:var(--yu-text-dim);font-size:13px}.home-sub{color:var(--yu-text-dim);margin:4px 0 0;font-size:13px}.home-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px 16px;margin:0;padding:0;list-style:none;display:grid}.home-card{border-radius:8px;margin:-8px;padding:8px;position:relative}.home-card:is(:hover,:focus-within){background:var(--yu-hover)}.home-card__open{border-radius:var(--home-radius);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.home-card__pic{aspect-ratio:1;border-radius:var(--home-radius);box-shadow:inset 0 0 0 1px var(--yu-hairline);place-items:center;display:grid;position:relative;overflow:hidden}.home-card__frame{background:var(--yu-surface-3);max-width:86%;height:86%;box-shadow:0 0 0 1px var(--yu-hairline);position:relative;overflow:hidden}.home-card__frame:not([data-filled]):after{content:"";background:repeating-linear-gradient(90deg, transparent 0 18%, var(--yu-accent) 18% 22%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.home-card__frame:not([data-filled]):after{background:repeating-linear-gradient(90deg, transparent 0 18%, color-mix(in srgb, var(--yu-accent) 22%, transparent) 18% 22%)}}.home-card__frame:not([data-filled]):after{-webkit-mask:linear-gradient(#0000 55%,#000 55% 75%,#0000 75%);mask:linear-gradient(#0000 55%,#000 55% 75%,#0000 75%)}.home-card__frame img{object-fit:cover;width:100%;height:100%;display:block}.home-card__badge{background:var(--yu-accent);color:var(--yu-on-accent);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;position:absolute;bottom:8px;left:8px}.home-card__mode{background:var(--yu-surface-3);border-radius:4px;padding:2px 6px;position:absolute;bottom:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.home-card__mode{background:color-mix(in srgb, var(--yu-surface-3) 85%, transparent)}}.home-card__mode{color:var(--yu-text-soft);box-shadow:inset 0 0 0 1px var(--yu-hairline);font-size:11px;font-weight:500}.home-card__name{text-overflow:ellipsis;white-space:nowrap;margin-top:12px;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.home-card__info{text-overflow:ellipsis;white-space:nowrap;color:var(--yu-text-dim);font-size:12px;line-height:16px;overflow:hidden}.home-card__dot{opacity:.6;padding:0 6px}.home-card__tools{border-radius:var(--home-radius);background:var(--yu-surface-3);box-shadow:0 0 0 1px var(--yu-hairline);opacity:0;padding:2px;transition:opacity .12s ease-out;display:flex;position:absolute;top:16px;right:16px}.home-card:is(:hover,:focus-within) .home-card__tools{opacity:1}@media (hover:none){.home-card__tools{opacity:1}}.home-card__tool{width:28px;height:28px;color:var(--yu-text-soft);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.home-card__tool:hover{background:var(--yu-hover);color:var(--yu-text)}.home-card__tool--danger:hover{color:var(--yu-danger-light)}.home-empty{box-sizing:border-box;text-align:center;border:1px dashed var(--yu-hairline);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:64px 24px;display:flex}.home-empty[hidden],.home-grid[hidden]{display:none}.home-empty__art{width:96px;height:96px;box-shadow:inset 0 0 0 1px var(--yu-hairline);border-radius:8px;place-items:center;margin-bottom:24px;display:grid}.home-empty__title{margin:0;font-size:16px;font-weight:500}.home-empty__text{max-width:24rem;color:var(--yu-text-dim);text-wrap:balance;margin:8px 0 0;font-size:13px;line-height:20px}.home-checker{background-color:var(--yu-checker-1);background-image:conic-gradient(var(--yu-checker-2) 25%, transparent 0 50%, var(--yu-checker-2) 0 75%, transparent 0);background-size:16px 16px}.home-art{border-left:1px solid var(--yu-hairline);background:var(--yu-surface-3);flex:none;justify-content:center;align-items:center;width:384px;display:none}@media (min-width:1280px){.home-art{display:flex}}.home-art__canvas{width:384px;height:512px;image-rendering:pixelated}@media (max-height:640px){.home-art__canvas{width:192px;height:256px}}.home-rename{width:min(400px,100% - 32px)}.home-rename__input{width:100%;margin-top:4px}.home-enter{animation:.36s cubic-bezier(.22,1,.36,1) both home-enter;animation-delay:calc(min(var(--i,0), 6) * 40ms)}@keyframes home-enter{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.home-enter{animation:none}}@media (max-width:767px){.home-body{flex-direction:column;overflow-y:auto}.home-side{border-right:0;border-bottom:1px solid var(--yu-hairline);gap:16px;width:auto;padding:16px;overflow:visible}.home-actions{grid-template-columns:1fr 1fr;display:grid}.home-note{display:none}.home-theme{margin-top:0}.home-main{padding:24px 16px 48px;overflow:visible}.home-grid{grid-template-columns:repeat(auto-fill,minmax(144px,1fr))}}.kattr-button{justify-content:center;align-items:center;gap:var(--kattr-space-1-5);cursor:pointer;white-space:nowrap;display:inline-flex}.ay-btn--sm{min-height:var(--kattr-size-control-sm);padding:0 var(--kattr-space-2);font-size:9px}.ay-btn--md{min-height:var(--kattr-size-control-md);padding:0 var(--kattr-space-3);font-size:10px}.ay-btn--lg{min-height:var(--kattr-size-control-lg);padding:0 var(--kattr-space-5);font-size:11px}.ay-btn--danger{color:var(--kattr-color-danger-light)}.ay-btn--danger:hover{background:var(--kattr-color-danger);color:var(--kattr-color-text)}.kattr-button svg{flex:none}.ay-toolkey{letter-spacing:0;flex:none;min-height:0;padding:0}.ay-toolkey--rail{width:34px;height:34px}.ay-toolkey--sm{width:var(--kattr-size-control-sm);height:var(--kattr-size-control-sm)}.ay-toolkey--rail svg{width:16px;height:16px}.ay-toolkey--sm svg{width:13px;height:13px}.ay-toolkey--flat{box-shadow:none;background:0 0;border-color:#0000}.ay-toolkey--flat:hover{border-color:var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);box-shadow:var(--kattr-shadow-raised)}.ay-keys{gap:3px;display:inline-flex}.ay-keycap{box-sizing:border-box;border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-3);min-width:16px;height:16px;color:var(--kattr-color-text-soft);box-shadow:var(--kattr-shadow-raised);font:700 9px/1 var(--yu-mono);letter-spacing:0;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.ay-num{min-width:0;height:var(--kattr-size-control-sm);box-sizing:border-box;border:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-input);box-shadow:var(--kattr-shadow-inset);color:var(--kattr-color-text);align-items:stretch;display:flex}.ay-num:focus-within{border-color:var(--kattr-color-accent)}.ay-num--disabled{opacity:.45}.ay-num__label{min-width:18px;color:var(--kattr-color-text-dim);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.06em;text-transform:uppercase;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;flex:none;justify-content:center;align-items:center;padding:0 2px 0 5px;display:inline-flex}.ay-num__label svg{width:11px;height:11px}.ay-num__label:hover{color:var(--kattr-color-accent-light)}.ay-num__input{width:100%;min-width:0;color:inherit;font:400 11px/1 var(--yu-mono);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;padding:0 4px;outline:0!important}.ay-num[data-mixed] .ay-num__input{color:var(--kattr-color-text-dim);font-family:var(--yu-font)}.ay-num__suffix{color:var(--kattr-color-text-dim);font:400 10px/1 var(--yu-mono);flex:none;align-items:center;padding-right:5px;display:inline-flex}.ay-section{gap:var(--kattr-space-2);padding:var(--kattr-space-2-5) var(--kattr-space-3);border-bottom:1px solid var(--kattr-color-border-dark);box-shadow:0 1px 0 var(--yu-inner-light);flex-direction:column;display:flex}.ay-section:last-child{box-shadow:none;border-bottom:0}.ay-section__head{align-items:center;gap:var(--kattr-space-1);min-height:20px;display:flex}.ay-section__title{align-items:center;gap:var(--kattr-space-1-5);min-width:0;font-size:var(--kattr-font-size-editor-9);text-align:left;flex:1;margin:0;display:flex}.ay-section__toggle{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.ay-section__toggle:hover{color:var(--kattr-color-text-soft)}.ay-section__caret{width:0;height:0;transition:transform var(--kattr-motion-duration-control) var(--kattr-motion-easing-control);border:3px solid #0000;border-top:4px solid;border-bottom:0}.ay-section[data-collapsed] .ay-section__caret{transform:rotate(-90deg)}.ay-section__actions{flex:none;align-items:center;gap:2px;display:flex}.ay-section__body{gap:var(--kattr-space-1-5);flex-direction:column;min-width:0;display:flex}.ay-row{align-items:center;gap:var(--kattr-space-1-5);min-width:0;min-height:var(--kattr-size-control-sm);display:flex}.ay-row__label{width:56px;color:var(--kattr-color-text-soft);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.ay-row__controls{align-items:center;gap:var(--kattr-space-1);flex:1;min-width:0;display:flex}.ay-row__controls>.ay-num{flex:1}.ay-grid-2{gap:var(--kattr-space-1);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.ay-grid-2-key{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--kattr-size-control-sm);gap:var(--kattr-space-1);display:grid}.ay-seg{min-width:0;margin:0;display:flex}.ay-seg>button{min-width:0;min-height:20px;padding:0 var(--kattr-space-1-5);cursor:pointer;white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:9px;display:inline-flex}.ay-seg>button svg{width:12px;height:12px}.ay-seg>button:disabled{opacity:.35;cursor:default}.ay-split{z-index:3;touch-action:none;flex:none;position:relative}.ay-split--x{cursor:ew-resize;width:4px;margin:0 -2px}.ay-split--y{cursor:ns-resize;height:4px;margin:-2px 0}.ay-split:after{content:"";background:var(--kattr-color-accent);opacity:0;transition:opacity var(--kattr-motion-duration-control) var(--kattr-motion-easing-control);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ay-split--x:after{width:2px;height:100%}.ay-split--y:after{width:100%;height:2px}.ay-split:is(:hover,:focus-visible,[data-dragging]):after{opacity:.9}.ay-split:focus-visible{outline:none!important}.ay-menu-layer{z-index:200;pointer-events:none;position:fixed;inset:0}.ay-menu{pointer-events:auto;box-sizing:border-box;min-width:200px;max-width:360px;max-height:calc(100vh - 8px);padding:var(--kattr-space-1) 0;color:var(--kattr-color-text);font-size:var(--kattr-font-size-editor-12);position:fixed;overflow-y:auto;outline:none!important}.ay-menu__item{align-items:center;gap:var(--kattr-space-2);min-height:24px;padding:0 var(--kattr-space-3);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.ay-menu__item[data-active]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent)}.ay-menu__item[data-danger]:not([data-active]){color:var(--kattr-color-danger-light)}.ay-menu__item[aria-disabled]{opacity:.4;cursor:default}.ay-menu__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ay-menu__icon{flex:none;width:12px;display:inline-flex}.ay-menu__icon svg{width:12px;height:12px}.ay-menu__item kbd{margin-left:var(--kattr-space-4);color:var(--kattr-color-text-dim);font:inherit;letter-spacing:.04em;flex:none;font-size:9px}.ay-menu__item[data-active] kbd{color:inherit;opacity:.7}.ay-menu__item[role=menuitemcheckbox]:before{content:"";border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-3);width:8px;height:8px;box-shadow:var(--kattr-shadow-inset);flex:none}.ay-menu__item[role=menuitemcheckbox][aria-checked=true]:before{background:var(--kattr-color-accent);box-shadow:var(--kattr-shadow-raised)}.ay-menu__item[role=menuitemcheckbox][data-active][aria-checked=true]:before{background:var(--kattr-color-on-accent)}.ay-menu__item[role=menuitemradio]:before{content:"";opacity:.7;border:1px solid;flex:none;width:6px;height:6px}.ay-menu__item[role=menuitemradio][aria-checked=true]:before{background:var(--kattr-color-accent);border-color:var(--kattr-color-border-dark);opacity:1}.ay-menu__item[role=menuitemradio][data-active][aria-checked=true]:before{background:var(--kattr-color-on-accent)}.ay-menu__arrow{border:3px solid #0000;border-left:4px solid;border-right:0;flex:none;width:0;height:0}.ay-menu__label{margin-bottom:var(--kattr-space-1);padding:var(--kattr-space-1-5) var(--kattr-space-3) var(--kattr-space-1);border-bottom:1px solid var(--kattr-color-border-dark);color:var(--kattr-color-text-dim);font-size:8px;font-weight:var(--kattr-font-weight-black);letter-spacing:.2em;text-transform:uppercase}.ay-menu hr{height:1px;margin:var(--kattr-space-1) 0;background:var(--yu-divider);border:0}.ay-modal{color:var(--kattr-color-text);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin:auto;padding:0}.ay-modal__content{gap:var(--kattr-space-3);min-width:280px;padding:var(--kattr-space-4);flex-direction:column;display:flex}.ay-modal .kattr-ui-dialog__actions{justify-content:flex-end;gap:var(--kattr-space-2);margin-top:var(--kattr-space-1);display:flex}.dialog-title{margin:0}.ay-picker{gap:var(--kattr-space-2);flex-direction:column;display:flex}.ay-picker__square{cursor:crosshair;touch-action:none;border:1px solid var(--kattr-color-border-dark);height:140px;box-shadow:var(--kattr-shadow-inset);background-image:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--hue));position:relative}.ay-picker__square:focus-visible{border-color:var(--kattr-color-accent);outline:none!important}.ay-picker__knob{pointer-events:none;border:1px solid var(--kattr-color-border-dark);width:11px;height:11px;margin:-6px 0 0 -6px;position:absolute;box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #fff}.ay-picker__sliders{align-items:center;gap:var(--kattr-space-2);display:flex}.ay-picker__tracks{gap:var(--kattr-space-1-5);flex-direction:column;flex:1;min-width:0;display:flex}.ay-picker__track{cursor:ew-resize;touch-action:none;border:1px solid var(--kattr-color-border-dark);height:10px;box-shadow:var(--kattr-shadow-inset);position:relative}.ay-picker__track:focus-visible{border-color:var(--kattr-color-accent);outline:none!important}.ay-picker__track--hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.ay-picker__track--alpha{background-color:var(--kattr-color-checker-1);background-image:linear-gradient(to right, transparent, var(--color)), conic-gradient(var(--kattr-color-checker-2) 25%, transparent 0 50%, var(--kattr-color-checker-2) 0 75%, transparent 0);background-size:100% 100%,8px 8px}.ay-picker__thumb{pointer-events:none;border:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-accent);width:6px;height:14px;box-shadow:var(--kattr-shadow-raised);margin-left:-3px;position:absolute;top:-3px}.ay-picker__fields{gap:var(--kattr-space-1);grid-template-columns:minmax(0,1fr) 72px;display:grid}.ay-picker__fields>:only-child{grid-column:1/-1}.ay-picker__hex .ay-num__input{text-transform:uppercase}.ay-picker__rgb{gap:var(--kattr-space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ay-picker__swatches{padding-top:var(--kattr-space-2);border-top:1px solid var(--kattr-color-border-dark);flex-wrap:wrap;gap:3px;display:flex}.ay-picker__swatches .ay-swatch{width:18px;height:18px}.ay-flyout{z-index:150;box-sizing:border-box;color:var(--kattr-color-text);flex-direction:column;display:flex;position:fixed}.ay-flyout__head{align-items:center;gap:var(--kattr-space-1);min-height:26px;padding:0 var(--kattr-space-1) 0 var(--kattr-space-2);border-bottom:1px solid var(--kattr-color-border-dark);cursor:grab;touch-action:none;display:flex}.ay-flyout__body{gap:var(--kattr-space-2);padding:var(--kattr-space-2);flex-direction:column;max-height:calc(100vh - 80px);display:flex;overflow-y:auto}.ay-shell{gap:var(--kattr-space-1);height:calc(100vh - 2 * var(--kattr-space-1));height:calc(100dvh - 2 * var(--kattr-space-1));margin:var(--kattr-space-1);padding:0 var(--kattr-space-1) var(--kattr-space-1);box-sizing:border-box;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);background:var(--kattr-color-bg);box-shadow:var(--kattr-shadow-shell);flex-direction:column;min-width:0;display:flex}:root[data-view=home] .ay-shell,:root[data-view=gallery] .ay-shell{visibility:hidden}.ay-header{align-items:center;gap:var(--kattr-space-2);box-sizing:border-box;min-width:0;min-height:44px;margin:0 calc(-1 * var(--kattr-space-1));padding:var(--kattr-space-1) var(--kattr-space-2);-webkit-app-region:drag;flex:none;display:flex}.ay-header>*{-webkit-app-region:no-drag}.ay-header__spacer{min-width:var(--kattr-space-2);-webkit-app-region:drag;flex:1;align-self:stretch}.ay-header .kattr-button{min-height:var(--kattr-size-control-md);flex:none}.ay-header .ay-toolkey{width:var(--kattr-size-control-md);height:var(--kattr-size-control-md)}.ay-header .ay-toolkey svg{width:15px;height:15px}.ay-header__group{align-items:center;gap:var(--kattr-space-0-5);flex:none;display:flex}.ay-brand{align-items:center;gap:var(--kattr-space-1-5);padding-right:var(--kattr-space-1);flex:none;display:flex}.ay-brand img{width:18px;height:18px;image-rendering:pixelated}.ay-modes{flex:none}.ay-modes>button{min-height:26px;padding:0 var(--kattr-space-2-5);font-size:9px}.ay-title{align-items:center;gap:var(--kattr-space-2);flex:0 240px;min-width:96px;display:flex}.ay-title__name{min-width:0;min-height:var(--kattr-size-control-md);box-sizing:border-box;padding:var(--kattr-space-1) var(--kattr-space-2);font-size:11px;font-weight:var(--kattr-font-weight-black);letter-spacing:.2em;text-transform:uppercase;text-overflow:ellipsis;flex:1}.ay-save{align-items:center;gap:var(--kattr-space-1);color:var(--kattr-color-text-dim);white-space:nowrap;font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase;flex:none;display:inline-flex}.ay-save:before{content:"";background:var(--kattr-color-text-dim);width:6px;height:6px}.ay-save[data-state=saved]:before{background:var(--kattr-color-accent)}.ay-save[data-state=error]{color:var(--kattr-color-danger-light)}.ay-save[data-state=error]:before{background:var(--kattr-color-danger-light)}.ay-zoom{min-width:62px;font-family:var(--yu-mono);letter-spacing:0;text-transform:none;justify-content:space-between;font-size:10px;font-weight:700}.ay-export{padding-inline:var(--kattr-space-4)}.yu-divider{background:var(--yu-divider);flex:none;width:1px;height:20px}.ay-window-keys{margin:calc(-1 * var(--kattr-space-1)) calc(-1 * var(--kattr-space-2)) calc(-1 * var(--kattr-space-1)) var(--kattr-space-1);align-self:stretch;display:flex}.ay-window-keys button{width:40px;color:var(--kattr-color-text-dim);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.ay-window-keys button:hover{background:var(--kattr-color-panel-light);color:var(--kattr-color-text)}.ay-window-keys button[data-close]:hover{background:var(--kattr-color-danger);color:var(--kattr-color-text)}.ay-window-keys svg{width:13px;height:13px}.ay-main{gap:var(--kattr-space-1);flex:1;min-width:0;min-height:0;display:flex}.ay-centre{gap:var(--kattr-space-1);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.ay-left,.ay-inspector{flex-direction:column;flex:none;min-width:0;min-height:0;display:flex;overflow:hidden}.ay-rail{box-sizing:border-box;align-items:center;gap:var(--kattr-space-1-5);width:66px;min-height:0;padding:var(--kattr-space-1-5) 0;scrollbar-width:none;flex-direction:column;flex:none;display:flex;overflow:hidden auto}.ay-rail::-webkit-scrollbar{display:none}.ay-rail__group{grid-template-columns:26px 26px;gap:2px;display:grid}.ay-rail .ay-toolkey{width:26px;height:26px}.ay-rail .ay-toolkey svg{width:14px;height:14px}.ay-rail__sep{background:var(--yu-divider);flex:none;width:46px;height:1px}.ay-rail__swatches{margin-top:auto}.ay-stage-plate{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.ay-options{align-items:center;gap:var(--kattr-space-2);box-sizing:border-box;min-height:30px;padding:2px var(--kattr-space-2);border-bottom:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);white-space:nowrap;flex:none;display:flex;overflow:hidden}.ay-options__name{color:var(--kattr-color-text);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.18em;text-transform:uppercase}.ay-options__hint{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);text-overflow:ellipsis;overflow:hidden}.ay-options .ay-num{flex:none;width:76px}.ay-options__spacer{flex:1}.ay-stage{min-width:0;min-height:0;box-shadow:none;background:var(--kattr-gradient-stage);border:0;flex:1;position:relative;overflow:hidden}.ay-stage canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ay-stage__empty{pointer-events:none;color:var(--kattr-color-text-dim);text-align:center;place-items:center;display:grid;position:absolute;inset:0}.ay-stage__empty p{max-width:28rem;margin:0;line-height:1.6}.ay-strip{border:1px solid var(--kattr-color-border-dark);background:var(--yu-panel-grad);width:22px;box-shadow:var(--kattr-shadow-raised);color:var(--kattr-color-text-dim);cursor:pointer;font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:var(--kattr-font-tracking-label);text-transform:uppercase;flex:none;place-items:center;padding:0;display:grid}.ay-strip:hover{color:var(--kattr-color-text);background:var(--kattr-color-panel)}.ay-strip span{writing-mode:vertical-rl}.ay-strip--row{width:auto;height:22px}.ay-strip--row span{writing-mode:horizontal-tb}.ay-bottom{flex-direction:column;flex:none;min-height:0;display:flex;overflow:hidden}.ay-bottom__head{align-items:center;gap:var(--kattr-space-2);min-height:26px;padding:0 var(--kattr-space-2);border-bottom:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);flex:none;display:flex}.ay-bottom__body{flex:1;min-height:0;overflow:auto}.ay-status{align-items:center;gap:var(--kattr-space-3);box-sizing:border-box;min-height:22px;padding:0 var(--kattr-space-2);color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-10);white-space:nowrap;flex:none;display:flex;overflow:hidden}.ay-status__hint{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ay-status__cell{align-items:center;gap:var(--kattr-space-1);font-family:var(--yu-mono);font-variant-numeric:tabular-nums;color:var(--kattr-color-text-dim);flex:none;display:inline-flex}.ay-status__cell b{color:var(--kattr-color-text-soft);font-weight:400}.ay-status__label{font-family:var(--yu-font);font-size:8px;font-weight:var(--kattr-font-weight-black);letter-spacing:.16em;text-transform:uppercase}.ay-palette{width:min(560px,100vw - 32px);margin:12vh auto auto;padding:0}.ay-palette .ay-modal__content{gap:0;padding:0}.ay-palette .dialog-title{display:none}.ay-palette__input{margin:var(--kattr-space-3);width:auto;font-size:var(--kattr-font-size-editor-14);min-height:36px;padding:0 var(--kattr-space-2-5)}.ay-palette__list{padding:0 var(--kattr-space-2) var(--kattr-space-2);max-height:min(420px,55vh);margin:0;list-style:none;overflow-y:auto}.ay-palette__item{align-items:center;gap:var(--kattr-space-2);min-height:28px;padding:0 var(--kattr-space-2);cursor:pointer;display:flex}.ay-palette__item[aria-selected=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent)}.ay-palette__item[aria-selected=true] :is(.ay-palette__group,kbd){color:inherit;opacity:.75}.ay-palette__item[aria-disabled=true]{opacity:.45;cursor:default}.ay-palette__group{min-width:84px;color:var(--kattr-color-text-dim);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase;flex:none}.ay-palette__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ay-palette__item kbd,.ay-palette__foot kbd{color:var(--kattr-color-text-dim);font:inherit;font-size:var(--kattr-font-size-editor-10)}.ay-palette__empty{padding:var(--kattr-space-4);color:var(--kattr-color-text-dim);text-align:center}.ay-palette__foot{padding:var(--kattr-space-2) var(--kattr-space-3);border-top:1px solid var(--kattr-color-border-dark);color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-10);margin:0}.ay-palette__foot kbd{margin-right:2px}.ay-shortcuts{width:min(720px,100vw - 32px)}.ay-shortcuts__list{columns:2;column-gap:var(--kattr-space-6);max-height:min(560px,65vh);padding-right:var(--kattr-space-2);overflow-y:auto}.ay-shortcuts__group{break-inside:avoid;margin-bottom:var(--kattr-space-4)}.ay-shortcuts__group h3{margin:0 0 var(--kattr-space-1-5)}.ay-shortcuts__row{justify-content:space-between;align-items:center;gap:var(--kattr-space-3);min-height:22px;color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);display:flex}@media (max-width:640px){.ay-shortcuts__list{columns:1}}.ay-tour-ring{z-index:var(--kattr-z-modal);pointer-events:none;box-sizing:border-box;border:2px solid var(--kattr-color-accent);transition:left .25s,top .25s,width .25s,height .25s;position:fixed;box-shadow:0 0 0 9999px #0000008c}.ay-tour-card{z-index:calc(var(--kattr-z-modal) + 1);box-sizing:border-box;width:300px;padding:var(--kattr-space-4);gap:var(--kattr-space-2);flex-direction:column;display:flex;position:fixed}.ay-tour-card__step{color:var(--kattr-color-text-dim);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:var(--kattr-font-tracking-label);text-transform:uppercase;margin:0}.ay-tour-card__title{font-size:var(--kattr-font-size-editor-14);margin:0}.ay-tour-card__text{color:var(--kattr-color-text-soft);margin:0;line-height:1.55}.ay-tour-card__actions{gap:var(--kattr-space-1-5);margin-top:var(--kattr-space-1);display:flex}.ay-tour-card__actions>:first-child{margin-right:auto}@media (prefers-reduced-motion:reduce){.ay-tour-ring{transition:none}}.ay-field{gap:var(--kattr-space-1);flex-direction:column;min-width:0;display:flex}.ay-field>span,.ay-field>legend{color:var(--kattr-color-text-dim);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase;padding:0}.ay-field .kattr-input{box-sizing:border-box;width:100%;min-height:var(--kattr-size-control-md);padding:0 var(--kattr-space-2);font-size:var(--kattr-font-size-editor-12)}fieldset.ay-field{border:0;margin:0;padding:0}.home-presets{flex-direction:column;gap:4px;display:flex}.home-presets .home-side__label{padding:0 4px 4px}.home-tabs{border-bottom:1px solid var(--yu-hairline);gap:4px;margin-bottom:20px;display:flex}.home-tab{color:var(--yu-text-dim);font:500 13px/1 var(--yu-font);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px}.home-tab:hover{color:var(--yu-text)}.home-tab[aria-selected=true]{color:var(--yu-text);border-bottom-color:var(--yu-accent)}.home-card__frame canvas,.home-card__frame img{object-fit:contain;width:100%;height:100%;display:block}.home-card__frame[data-empty]{background:var(--yu-surface-3)}.new-design{width:min(640px,100vw - 32px)}.new-design__grid{gap:var(--kattr-space-1-5);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));max-height:260px;padding-right:2px;display:grid;overflow-y:auto}.new-design__preset{text-align:left;min-width:0;padding:var(--kattr-space-2) var(--kattr-space-2-5);cursor:pointer;font:inherit;color:var(--kattr-color-text-soft);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);box-shadow:var(--kattr-shadow-raised);flex-direction:column;align-items:flex-start;gap:3px;display:flex}.new-design__preset:hover{background:var(--kattr-color-panel);color:var(--kattr-color-text)}.new-design__preset[aria-pressed=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent);box-shadow:var(--kattr-shadow-inset)}.new-design__preset b{font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.1em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.new-design__preset span{font:400 10px/1 var(--yu-mono);opacity:.8}.new-design__row{gap:var(--kattr-space-2);grid-template-columns:minmax(0,1fr) 96px 96px;align-items:end;display:grid}.new-design__cats{flex-wrap:wrap;display:flex}.ay-gallery{z-index:40;background:var(--kattr-color-bg);color:var(--kattr-color-text);position:fixed;inset:0;overflow-y:auto}.ay-gallery__head{z-index:1;align-items:center;gap:var(--kattr-space-3);min-height:44px;padding:0 var(--kattr-space-4);display:flex;position:sticky;top:0}.ay-gallery__body{gap:var(--kattr-space-3);padding:var(--kattr-space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:1400px;margin:0 auto;display:grid}.ay-gallery__card{gap:var(--kattr-space-3);padding:var(--kattr-space-3);flex-direction:column;min-width:0;display:flex}.ay-gallery__card h2{margin:0}.ay-gallery__demo{align-items:center;gap:var(--kattr-space-2);flex-wrap:wrap;display:flex}.ay-gallery__note{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);margin:0;line-height:1.5}@media (max-width:899px){.ay-title{flex-basis:140px}.ay-header .ay-save,.ay-header .ay-header__hide-narrow{display:none}}.ay-left>.kattr-panel:not(.library){flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ay-tabs{padding:var(--kattr-space-1);border-bottom:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);flex:none;gap:2px;display:flex}.ay-tabs>.kattr-ui-tab{min-height:22px;padding:0 var(--kattr-space-2);cursor:pointer;background:0 0;flex:1;font-family:inherit;font-size:9px}.ay-panel-body{flex:1;min-height:0;overflow:hidden auto}.ay-panel-empty{padding:var(--kattr-space-4) var(--kattr-space-3);color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);margin:0;line-height:1.6}.ay-layers{position:relative}.ay-layer{box-sizing:border-box;height:24px;color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);cursor:default;border:1px solid #0000;align-items:center;gap:2px;padding-right:2px;display:flex;position:absolute;left:0;right:0}.ay-layer:hover{background:var(--yu-hover,#ffffff0d)}.ay-layer[data-hover]{border-color:var(--kattr-color-accent)}.ay-layer[data-selected]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent)}.ay-layer[data-child-selected]{background:var(--kattr-color-accent)}@supports (color:color-mix(in lab, red, red)){.ay-layer[data-child-selected]{background:color-mix(in srgb, var(--kattr-color-accent) 14%, transparent)}}.ay-layer[data-hidden] .ay-layer__name,.ay-layer[data-hidden] .ay-layer__icon{opacity:.45}.ay-layer[data-component] :is(.ay-layer__icon,.ay-layer__name){color:var(--accent-green)}.ay-layer[data-selected][data-component] :is(.ay-layer__icon,.ay-layer__name){color:inherit}.ay-layer__caret{width:14px;height:22px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.ay-layer__caret:before{content:"";transition:transform var(--kattr-motion-duration-control) var(--kattr-motion-easing-control);border:3px solid #0000;border-left:4px solid;border-right:0}.ay-layer__caret[aria-expanded=true]:before{transform:rotate(90deg)}.ay-layer__caret[data-leaf]{visibility:hidden}.ay-layer__icon{width:14px;color:var(--kattr-color-text-dim);flex:none;place-items:center;display:grid}.ay-layer[data-selected] .ay-layer__icon{color:inherit}.ay-layer__icon svg{width:12px;height:12px}.ay-layer__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-left:3px;overflow:hidden}.ay-layer__input{border:1px solid var(--kattr-color-accent);background:var(--kattr-color-surface-3);min-width:0;height:18px;color:var(--kattr-color-text);font:inherit;flex:1;padding:0 3px;outline:0!important}.ay-layer__keys{flex:none;gap:0;display:flex}.ay-layer__key{width:20px;height:20px;color:inherit;cursor:pointer;opacity:0;background:0 0;border:0;place-items:center;padding:0;display:grid}.ay-layer__key svg{width:11px;height:11px}.ay-layer:hover .ay-layer__key,.ay-layer__key[data-on]{opacity:.8}.ay-layer__key:hover{opacity:1}.ay-layer-drop{background:var(--kattr-color-accent-light);pointer-events:none;z-index:2;height:2px;position:absolute;left:0;right:0}.ay-layer-drop[data-inside]{border:1px solid var(--kattr-color-accent-light);box-sizing:border-box;background:0 0;height:24px}.ay-pages{border-bottom:1px solid var(--kattr-color-border-dark);flex:none;max-height:34%;overflow-y:auto}.ay-page{align-items:center;gap:var(--kattr-space-1);min-height:22px;padding:0 var(--kattr-space-2) 0 var(--kattr-space-3);color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);cursor:default;display:flex}.ay-page:hover{background:var(--yu-hover,#ffffff0d)}.ay-page[aria-current=true]{color:var(--kattr-color-text);font-weight:700}.ay-page[aria-current=true]:before{content:"";background:var(--kattr-color-accent);width:5px;height:5px;margin-left:-9px;margin-right:4px}.ay-page span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ay-inspector__body{flex:1;min-height:0;overflow:hidden auto}.ay-inspector__head{align-items:center;gap:var(--kattr-space-1-5);min-height:30px;padding:0 var(--kattr-space-3);border-bottom:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);flex:none;display:flex}.ay-inspector__title{min-width:0;color:var(--kattr-color-text);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.16em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ay-inspector__type{color:var(--kattr-color-text-dim);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase}.ay-inspector__align{padding:var(--kattr-space-1-5) var(--kattr-space-3);border-bottom:1px solid var(--kattr-color-border-dark);flex:none;align-items:center;gap:2px;display:flex}.ay-inspector__align .yu-divider{margin:0 var(--kattr-space-1);height:16px}.ay-inspector__body[data-readonly] :is(.ay-num,.ay-swatch,.kattr-ui-segmented,select,.ay-paint .ay-toolkey){pointer-events:none}.ay-select{width:100%;min-width:0;height:var(--kattr-size-control-sm);min-height:0;padding:0 var(--kattr-space-5) 0 var(--kattr-space-2);cursor:pointer;font-size:9px}.ay-export-dialog{width:min(440px,100vw - 32px)}.ay-paint{align-items:center;gap:var(--kattr-space-1);min-width:0;display:flex}.ay-swatch{width:var(--kattr-size-control-sm);height:var(--kattr-size-control-sm);box-sizing:border-box;cursor:pointer;border:1px solid var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-inset);background-color:var(--kattr-color-checker-1);background-image:conic-gradient(var(--kattr-color-checker-2) 25%, transparent 0 50%, var(--kattr-color-checker-2) 0 75%, transparent 0);background-size:8px 8px;flex:none;padding:0;position:relative}.ay-swatch>span{position:absolute;inset:0}.ay-swatch[data-open]{border-color:var(--kattr-color-accent)}.ay-paint__value{min-width:0;height:var(--kattr-size-control-sm);box-sizing:border-box;padding:0 var(--kattr-space-1-5);font:400 11px/1 var(--yu-mono);text-transform:uppercase;flex:1}.ay-paint__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);flex:1;padding-left:2px;overflow:hidden}.ay-paint .ay-num{flex:none;width:58px}.ay-paint[data-hidden] :is(.ay-swatch,.ay-paint__value,.ay-paint__label,.ay-num){opacity:.4}.ay-flyout{z-index:150;box-sizing:border-box;width:240px;color:var(--kattr-color-text);flex-direction:column;display:flex;position:fixed}.ay-flyout__head{align-items:center;gap:var(--kattr-space-1);min-height:26px;padding:0 var(--kattr-space-1) 0 var(--kattr-space-2);border-bottom:1px solid var(--kattr-color-border-dark);cursor:grab;display:flex}.ay-flyout__head:active{cursor:grabbing}.ay-flyout__title{flex:1}.ay-flyout__body{gap:var(--kattr-space-2);padding:var(--kattr-space-2);flex-direction:column;display:flex}.library{grid-template-columns:var(--rail-w) minmax(0, 1fr);--rail-w:76px;flex:1;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.library__rail{gap:var(--kattr-space-1);padding:var(--kattr-space-1-5);border-right:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);scrollbar-width:none;flex-direction:column;display:flex;overflow-y:auto;container:rail/size}.library__rail::-webkit-scrollbar{display:none}.library__tab{align-items:center;gap:var(--kattr-space-0-5);padding:var(--kattr-space-1-5) var(--kattr-space-1);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text-dim);box-shadow:var(--kattr-shadow-raised);font:inherit;font-size:8px;font-weight:var(--kattr-font-weight-black);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;flex-direction:column;line-height:1.2;display:flex}.library__tab svg{width:16px;height:16px}.library__tab:hover{background:var(--kattr-color-panel);color:var(--kattr-color-text)}.library__tab[aria-selected=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent);box-shadow:var(--kattr-shadow-inset);transform:translateY(1px)}.library__tab span{text-overflow:ellipsis;white-space:nowrap;text-align:center;text-indent:.02em;max-width:100%;overflow:hidden}@container rail (height<=360px){.library__tab span{display:none}}.library__panel{gap:var(--kattr-space-2);min-height:0;padding:var(--kattr-space-3);flex-direction:column;display:flex;overflow-y:auto}.library__panel .kattr-label{font-size:var(--kattr-font-size-editor-10);margin:0}.library__search{box-sizing:border-box;width:100%;min-height:var(--kattr-size-control-md);padding:0 var(--kattr-space-2);font-size:var(--kattr-font-size-editor-12)}.tile-grid{gap:var(--kattr-space-1-5);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));display:grid}.tile-grid--2{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.lib-tile{justify-content:center;align-items:center;gap:var(--kattr-space-1);min-width:0;min-height:76px;padding:var(--kattr-space-2) var(--kattr-space-1);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text-soft);box-shadow:var(--kattr-shadow-raised);font:inherit;font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.lib-tile:hover{background:var(--kattr-color-panel);color:var(--kattr-color-text)}.lib-tile:active{box-shadow:var(--kattr-shadow-inset);transform:translateY(1px)}.lib-tile[aria-pressed=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent);box-shadow:var(--kattr-shadow-inset)}.lib-tile__art{width:100%;color:var(--kattr-color-accent-light);place-items:center;display:grid}.lib-tile__art svg{width:30px;height:30px}.lib-tile__art img,.lib-tile__art canvas{max-width:100%;max-height:96px;display:block}.lib-tile__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.lib-tile--pic{justify-content:flex-start;padding:3px}.lib-tile--pic .lib-tile__art{background:var(--kattr-color-surface-3)}.media-ghost{z-index:var(--kattr-z-modal);pointer-events:none;border:2px solid var(--kattr-color-accent-light);background:var(--kattr-color-surface-3);width:64px;height:64px;box-shadow:var(--kattr-shadow-menu);opacity:.9;place-items:center;display:grid;position:fixed;top:0;left:0;overflow:hidden}.media-ghost img,.media-ghost canvas,.media-ghost svg{max-width:100%;max-height:100%;display:block}.ay-pagestrip{align-items:center;gap:var(--kattr-space-2);box-sizing:border-box;height:100%;padding:var(--kattr-space-2);display:flex;overflow:auto hidden}.ay-pagethumb{color:var(--kattr-color-text-dim);cursor:pointer;font:400 10px/1 var(--yu-mono);background:0 0;border:1px solid #0000;flex-direction:column;flex:none;align-items:center;gap:3px;padding:3px;display:flex}.ay-pagethumb__pic{background:var(--kattr-color-surface-3);border:1px solid var(--kattr-color-border-dark);height:64px;box-shadow:var(--kattr-shadow-raised);display:block}.ay-pagethumb:hover{color:var(--kattr-color-text)}.ay-pagethumb[aria-current=true]{color:var(--kattr-color-accent-light)}.ay-pagethumb[aria-current=true] .ay-pagethumb__pic{border-color:var(--kattr-color-accent);box-shadow:0 0 0 1px var(--kattr-color-accent)}.ay-pagestrip__add{border:1px dashed var(--kattr-color-border-light);width:48px;height:64px;color:var(--kattr-color-text-dim);cursor:pointer;background:0 0;flex:none;place-items:center;display:grid}.ay-pagestrip__add:hover{border-color:var(--kattr-color-accent);color:var(--kattr-color-text)}.ay-text-proxy{z-index:0;resize:none;opacity:0;pointer-events:none;color:#0000;caret-color:#0000;width:2px;height:1.2em;font:inherit;white-space:pre;background:0 0;border:0;outline:0;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}.ay-glyph{min-width:10px;font-size:var(--kattr-font-size-editor-11);text-align:center;line-height:1;display:inline-block}.ay-font{align-items:center;gap:var(--kattr-space-1);width:100%;min-width:0;height:var(--kattr-size-control-sm);min-height:0;padding:0 var(--kattr-space-1-5) 0 var(--kattr-space-2);font-size:var(--kattr-font-size-editor-11);text-align:left;cursor:pointer;display:flex}.ay-font__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ay-font>svg{width:10px;height:10px;color:var(--kattr-color-text-soft);flex:none}.ay-font[data-missing] .ay-font__name{color:var(--kattr-color-danger)}.ay-row__controls>.ay-unit{flex:none;width:66px}.ay-fonts .ay-flyout__body{gap:var(--kattr-space-1-5);padding:var(--kattr-space-2);flex-direction:column;display:flex}.ay-fonts__search{align-items:center;gap:var(--kattr-space-1);min-width:0;display:flex}.ay-fonts__search>svg{width:11px;height:11px;color:var(--kattr-color-text-soft);flex:none}.ay-fonts__search>input{min-width:0;height:var(--kattr-size-control-sm);min-height:0;font-size:var(--kattr-font-size-editor-11);flex:1}.ay-fonts__list{border:1px solid var(--kattr-color-border-dark);height:248px;box-shadow:var(--kattr-shadow-inset);background:var(--kattr-color-surface-1);flex-direction:column;display:flex;overflow-y:auto}.ay-fonts__item{align-items:center;gap:var(--kattr-space-2);min-height:20px;padding:0 var(--kattr-space-2);color:var(--kattr-color-text);font-family:inherit;font-size:var(--kattr-font-size-editor-11);text-align:left;cursor:pointer;background:0 0;border:0;flex:none;display:flex}.ay-fonts__item:hover{background:var(--kattr-color-surface-3)}.ay-fonts__item[aria-selected=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent)}.ay-fonts__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ay-fonts__tag{color:var(--kattr-color-text-soft);font-size:8px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase;flex:none}.ay-fonts__item[aria-selected=true] .ay-fonts__tag{color:inherit}.ay-fonts__foot{gap:var(--kattr-space-1);display:flex}.ay-fonts__foot>.kattr-button{gap:var(--kattr-space-1);white-space:nowrap;flex:1;min-width:0}.ay-fonts__foot svg{width:11px;height:11px}.ay-blend{flex:1.4;min-width:0}.ay-corners{flex:1;min-width:0}.ay-row__controls>.ay-num.ay-miter{flex:none;width:52px}.ay-check{align-items:center;gap:var(--kattr-space-2);min-width:0;color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);cursor:pointer;display:inline-flex}.ay-check>input{cursor:pointer}.ay-inspector__body[data-readonly] :is(.ay-check,.ay-style-row__main,.ay-styles__edit){pointer-events:none}.ay-seg.ay-paint-types{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ay-stops{height:16px;margin:var(--kattr-space-1) 6px;cursor:copy;touch-action:none;border:1px solid var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-inset);background-color:var(--kattr-color-checker-1);background-image:var(--stops), conic-gradient(var(--kattr-color-checker-2) 25%, transparent 0 50%, var(--kattr-color-checker-2) 0 75%, transparent 0);background-size:100% 100%,8px 8px;position:relative}.ay-stops__handle{box-sizing:border-box;cursor:ew-resize;touch-action:none;border:1px solid var(--kattr-color-border-dark);width:11px;height:24px;box-shadow:var(--kattr-shadow-raised);background-color:var(--kattr-color-checker-1);margin-left:-6px;padding:0;position:absolute;top:-5px}.ay-stops__handle>span{border:1px solid var(--kattr-color-text);pointer-events:none;position:absolute;inset:0}.ay-stops__handle[aria-pressed=true]{z-index:1;border-color:var(--kattr-color-accent);box-shadow:0 0 0 1px var(--kattr-color-accent)}.ay-stops__handle:focus-visible{box-shadow:0 0 0 1px var(--kattr-color-accent-light);outline:none!important}.ay-stops__handle[data-removing]{opacity:.3}.ay-image-preview{border:1px solid var(--kattr-color-border-dark);height:96px;box-shadow:var(--kattr-shadow-inset);background-color:var(--kattr-color-checker-1);background-image:conic-gradient(var(--kattr-color-checker-2) 25%, transparent 0 50%, var(--kattr-color-checker-2) 0 75%, transparent 0);background-size:8px 8px;place-items:center;display:grid;overflow:hidden}.ay-image-preview>img{object-fit:contain;max-width:100%;max-height:94px;display:block}.ay-image-preview>.ay-panel-empty{padding:var(--kattr-space-2);text-align:center}.ay-paint .ay-num.ay-image-scale{flex:1;width:auto}.ay-adjust{gap:var(--kattr-space-1);flex-direction:column;display:flex}.ay-adjust__head{align-items:center;min-height:20px;display:flex}.ay-adjust__head>.kattr-label{flex:1;margin:0}.ay-adjust .ay-num__label{justify-content:flex-start;min-width:84px}.ay-swatch--still{cursor:inherit}.ay-style-glyph{width:var(--kattr-size-control-sm);height:var(--kattr-size-control-sm);box-sizing:border-box;border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-3);box-shadow:var(--kattr-shadow-inset);color:var(--kattr-color-text-soft);flex:none;place-items:center;display:grid}.ay-style-glyph svg{width:13px;height:13px}.ay-menu__icon :is(.ay-swatch,.ay-style-glyph){width:12px;height:12px;box-shadow:none}.ay-menu__icon .ay-style-glyph{color:inherit;background:0 0;border:0}.ay-menu__icon .ay-style-glyph svg{width:12px;height:12px}.ay-style-row__main{align-items:center;gap:var(--kattr-space-1-5);min-width:0;padding:0 var(--kattr-space-1-5) 0 0;border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);box-shadow:var(--kattr-shadow-raised);color:var(--kattr-color-text);font:inherit;text-align:left;cursor:pointer;flex:1;display:flex}.ay-style-row__main:hover{background:var(--kattr-color-panel)}.ay-style-row__main :is(.ay-swatch,.ay-style-glyph){margin:-1px 0 -1px -1px}.ay-style-row__main .ay-paint__label{color:inherit}.ay-styles__group{gap:var(--kattr-space-1);flex-direction:column;min-width:0;display:flex}.ay-styles__group+.ay-styles__group{margin-top:var(--kattr-space-1-5)}.ay-styles__group>.kattr-label{margin:0;font-size:8px}.ay-styles__edit{cursor:pointer;background:0 0;border:0;flex:none;padding:0;display:flex}.ay-styles__edit:disabled{cursor:default}.ay-styles__edit:hover:not(:disabled) :is(.ay-swatch,.ay-style-glyph){border-color:var(--kattr-color-accent)}.ay-styles__row .ay-layer__input{height:var(--kattr-size-control-sm);box-sizing:border-box;font-size:var(--kattr-font-size-editor-11)}.ay-style-dialog .ay-modal__content{width:min(320px,100vw - 64px)}.ay-version-save{width:min(380px,100vw - 32px)}.ay-versions{width:min(580px,100vw - 32px)}.ay-versions__empty{color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-12);margin:0;line-height:1.6}.ay-versions__list{gap:var(--kattr-space-1);flex-direction:column;max-height:min(440px,58vh);margin:0;padding:0 2px 0 0;list-style:none;display:flex;overflow-y:auto}.ay-version{align-items:center;gap:var(--kattr-space-2);box-sizing:border-box;min-width:0;min-height:50px;padding:var(--kattr-space-1);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);box-shadow:var(--kattr-shadow-raised);flex:none;display:flex}.ay-version[data-confirm]{border-color:var(--kattr-color-danger)}.ay-version__pic{box-sizing:border-box;border:1px solid var(--kattr-color-border-dark);width:56px;height:40px;box-shadow:var(--kattr-shadow-inset);background-color:var(--kattr-color-checker-1);background-image:conic-gradient(var(--kattr-color-checker-2) 25%, transparent 0 50%, var(--kattr-color-checker-2) 0 75%, transparent 0);background-size:8px 8px;flex:none;place-items:center;display:grid;overflow:hidden}.ay-version__pic img{max-width:100%;max-height:100%;display:block}.ay-version__text{gap:var(--kattr-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.ay-version__name{color:var(--kattr-color-text);font-size:var(--kattr-font-size-editor-12);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ay-version__input{box-sizing:border-box;width:100%;height:20px;min-height:0;padding:0 var(--kattr-space-1-5);font-size:var(--kattr-font-size-editor-12)}.ay-version__when{align-items:center;gap:var(--kattr-space-1-5);min-height:14px;color:var(--kattr-color-text-dim);font:400 10px/1 var(--yu-mono);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex}.ay-version__when .kattr-ui-badge{font-family:var(--yu-font);padding:0 4px;font-size:8px;line-height:12px}.ay-version__keys{flex:none;align-items:center;gap:2px;display:flex}.ay-version__keys>.ay-btn--sm{margin-right:var(--kattr-space-1)}.ay-version__keys>.ay-btn--sm:last-child{margin-right:0}.ay-version__ask{margin-right:var(--kattr-space-1);color:var(--kattr-color-danger-light);font-size:var(--kattr-font-size-editor-11);white-space:nowrap}.ay-export-row{gap:var(--kattr-space-1);grid-template-columns:66px 54px minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}.ay-export-row[data-vector] .ay-export-row__suffix{grid-column:2/4}.ay-export-row__suffix{box-sizing:border-box;width:100%;min-width:0;height:var(--kattr-size-control-sm);min-height:0;padding:0 var(--kattr-space-1-5);font:400 11px/1 var(--yu-mono)}.ay-export__key{min-width:0}.ay-export__key>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ay-guide{gap:var(--kattr-space-1-5);flex-direction:column;display:flex}.ay-guide+.ay-guide{margin-top:var(--kattr-space-2);padding-top:var(--kattr-space-2);border-top:1px solid var(--kattr-color-border-dark)}@supports (color:color-mix(in lab, red, red)){.ay-guide+.ay-guide{border-top:1px solid color-mix(in srgb, var(--kattr-color-border-dark) 40%, transparent)}}.ay-guide>.ay-paint>.kattr-ui-select{flex:1;min-width:0}.ay-guide[data-hidden] :is(.ay-row,.kattr-ui-select){opacity:.5}.ay-row__controls>.ay-paint{flex:1}.ay-padding{row-gap:var(--kattr-space-1);flex:1;min-width:0}.ay-text-field{width:100%;min-width:0;height:var(--kattr-size-control-sm);min-height:0;padding:0 var(--kattr-space-2);font-size:var(--kattr-font-size-editor-11);flex:1}.ay-row--named>.ay-row__label{width:84px}.ay-assets{gap:var(--kattr-space-2);min-height:0;padding:var(--kattr-space-2);flex-direction:column;display:flex}.ay-assets>.ay-text-field{flex:none}.ay-assets__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ay-assets__item{align-items:center;gap:var(--kattr-space-2);width:100%;min-height:22px;padding:0 var(--kattr-space-2);color:var(--kattr-color-text);font-family:inherit;font-size:var(--kattr-font-size-editor-11);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.ay-assets__item:hover:not(:disabled){background:var(--kattr-color-surface-3)}.ay-assets__item:disabled{cursor:default;opacity:.5}.ay-assets__item>svg{width:12px;height:12px;color:var(--yu-component,var(--kattr-color-accent));flex:none}.ay-assets__item>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ay-vars{width:min(880px,100vw - 32px)}.ay-vars__empty{color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-12);margin:0;line-height:1.6}.ay-vars__bar{align-items:center;gap:var(--kattr-space-2);display:flex}.ay-vars__bar>.kattr-ui-select{flex:none;width:180px}.ay-vars__bar>.ay-text-field{flex:1}.ay-vars__table{border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-1);flex-direction:column;min-height:120px;max-height:min(460px,56vh);display:flex;overflow:auto}.ay-vars__table>.ay-vars__empty{padding:var(--kattr-space-4)}.ay-vars__row{align-items:center;column-gap:var(--kattr-space-2);padding:var(--kattr-space-1) var(--kattr-space-2);display:grid}.ay-vars__row>[role=cell]{min-width:0}.ay-vars__row--head{z-index:1;background:var(--kattr-color-surface-3);border-bottom:1px solid var(--kattr-color-border-dark);position:sticky;top:0}.ay-vars__group+.ay-vars__group{border-top:1px solid var(--kattr-color-border-dark)}@supports (color:color-mix(in lab, red, red)){.ay-vars__group+.ay-vars__group{border-top:1px solid color-mix(in srgb, var(--kattr-color-border-dark) 40%, transparent)}}.ay-vars__th{color:var(--kattr-color-text-soft);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase}.ay-vars__mode{align-items:center;gap:var(--kattr-space-1);text-transform:none;letter-spacing:0;min-width:0;display:flex}.ay-vars__name{align-items:center;gap:var(--kattr-space-2);min-width:0;display:flex}.ay-vars__glyph{color:var(--kattr-color-text-soft);flex:none;display:inline-flex}.ay-vars__glyph>svg{width:12px;height:12px}.ay-vars__cell{align-items:center;gap:var(--kattr-space-1);min-width:0;display:flex}.ay-vars__field{align-items:center;gap:var(--kattr-space-1);flex:1;min-width:0;display:flex}.ay-vars__field>.ay-num{flex:1}.ay-vars__field>.ay-paint__value{min-width:0;height:var(--kattr-size-control-sm);flex:1;min-height:0}.ay-vars__cell>.kattr-ui-select{flex:none;width:104px;min-width:0}.ay-vars__cell[data-alias]>.kattr-ui-select{flex:1;width:auto}.ay-vars__resolved{text-overflow:ellipsis;white-space:nowrap;max-width:72px;color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);flex:none;overflow:hidden}.ay-vars__picker{width:240px;padding:var(--kattr-space-2) var(--kattr-space-2) var(--kattr-space-3) calc(var(--kattr-space-2) + 150px);box-sizing:content-box}.ay-vars__picker>p{margin:0 0 var(--kattr-space-2);color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11)}.ay-vars__add{gap:var(--kattr-space-2);flex-wrap:wrap;display:flex}.ay-rename{width:min(460px,100vw - 32px)}.ay-rename__hint{color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);margin:0;line-height:1.6}.ay-rename__pair{gap:var(--kattr-space-3);grid-template-columns:1fr 1fr;align-items:end;display:grid}.ay-rename__case{min-height:var(--kattr-size-control-md)}.ay-rename__preview{padding:var(--kattr-space-2) var(--kattr-space-3);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-1);font-size:var(--kattr-font-size-editor-11);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex}.ay-rename__preview>li{gap:var(--kattr-space-2);color:var(--kattr-color-text-dim);grid-template-columns:1fr 16px 1fr;display:grid}.ay-rename__preview>li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ay-rename__preview>li[data-changed]>span:last-child{color:var(--kattr-color-text)}.ay-rename__preview>.ay-rename__more{display:block}.ay-find{width:min(520px,100vw - 32px)}.ay-find__options{gap:var(--kattr-space-4);flex-wrap:wrap;display:flex}.ay-find__count{color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);margin:0}.ay-find__list{border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-1);flex-direction:column;max-height:min(260px,34vh);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ay-find__item{gap:var(--kattr-space-3);width:100%;padding:var(--kattr-space-1) var(--kattr-space-3);color:var(--kattr-color-text);font-family:inherit;font-size:var(--kattr-font-size-editor-11);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,120px) minmax(0,1fr);display:grid}.ay-find__item:hover,.ay-find__item[aria-current=true]{background:var(--kattr-color-surface-3)}.ay-find__item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ay-find__item>span:first-child{color:var(--kattr-color-text-dim)}.ay-find__item mark{background:var(--kattr-color-accent)}@supports (color:color-mix(in lab, red, red)){.ay-find__item mark{background:color-mix(in srgb, var(--kattr-color-accent) 45%, transparent)}}.ay-find__item mark{color:inherit}.ay-fonts-missing{width:min(520px,100vw - 32px)}.ay-fonts-missing__row{gap:var(--kattr-space-2);grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;display:grid}.ay-fonts-missing__row>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--kattr-font-size-editor-12);overflow:hidden}.ay-fonts-missing__row>span:first-child>small{color:var(--kattr-color-text-dim);margin-left:var(--kattr-space-2)}.ay-web{width:min(560px,100vw - 32px)}.ay-web--preview{width:min(1180px,100vw - 32px)}.ay-web__hint,.ay-web__ok,.ay-web__summary{color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-12);margin:0;line-height:1.6}.ay-web__summary{color:var(--kattr-color-text)}.ay-web__icon{align-items:center;gap:var(--kattr-space-2);display:flex}.ay-web__icon>span{min-width:0;color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);flex:1}.ay-web__checks{gap:var(--kattr-space-2);flex-direction:column;display:flex}.ay-web__report{border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-1);max-height:min(220px,30vh);font-size:var(--kattr-font-size-editor-11);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ay-web__report>li{gap:var(--kattr-space-2);padding:var(--kattr-space-1) var(--kattr-space-3);grid-template-columns:56px minmax(0,130px) minmax(0,1fr);align-items:baseline;display:grid}.ay-web__report>li+li{border-top:1px solid var(--kattr-color-border-dark)}@supports (color:color-mix(in lab, red, red)){.ay-web__report>li+li{border-top:1px solid color-mix(in srgb, var(--kattr-color-border-dark) 40%, transparent)}}.ay-web__kind{color:var(--kattr-color-text-dim);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase}.ay-web__report>li[data-kind=image]>.ay-web__kind,.ay-web__report>li[data-kind=svg]>.ay-web__kind{color:var(--kattr-color-accent)}.ay-web__layer{min-width:0;color:var(--kattr-color-text);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.ay-web__layer:hover:not(:disabled){text-decoration:underline}.ay-web__layer:disabled{cursor:default;color:var(--kattr-color-text-soft)}.ay-web__reason{min-width:0;color:var(--kattr-color-text-soft);line-height:1.5}.ay-web__bar{align-items:center;gap:var(--kattr-space-2);display:flex}.ay-web__bar>.kattr-ui-select{flex:none;width:180px}.ay-web__bar>.ay-num{flex:none;width:96px}.ay-web__widths{gap:var(--kattr-space-1);display:flex}.ay-web__scale{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);margin-left:auto}.ay-web__stage{border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-1);position:relative;overflow:hidden}.ay-web__stage>iframe{background:canvas;border:0;display:block}.ay-web__stage>.ay-web__hint{padding:var(--kattr-space-4)}.ay-web__breakpoints{gap:var(--kattr-space-1);flex-wrap:wrap;display:flex}.ay-web__breakpoint{min-width:44px;height:var(--kattr-size-control-sm);padding:0 var(--kattr-space-2);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-2);color:var(--kattr-color-text);font-family:inherit;font-size:var(--kattr-font-size-editor-11);cursor:pointer}.ay-web__breakpoint[aria-pressed=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent,var(--kattr-color-text))}.ay-pages{gap:var(--kattr-space-3);padding:var(--kattr-space-2);display:flex;overflow:hidden}.ay-pages__list{align-items:stretch;gap:var(--kattr-space-2);min-width:0;padding:0 0 var(--kattr-space-1);flex:1;margin:0;list-style:none;display:flex;overflow:auto hidden}.ay-pages__list>li{flex:none;height:100%;display:flex}.ay-pages__list>li[data-over]{box-shadow:-2px 0 0 var(--kattr-color-accent)}.ay-pages__page{border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-1);cursor:pointer;height:100%;padding:2px;display:flex;position:relative}.ay-pages__page[aria-current=page]{border-color:var(--kattr-color-accent);box-shadow:0 0 0 1px var(--kattr-color-accent)}.ay-pages__thumb{background:canvas;min-width:20px;max-width:320px;height:100%;display:block;overflow:hidden}.ay-pages__thumb>img{object-fit:contain;width:100%;height:100%;display:block}.ay-pages__number{text-align:center;background:var(--kattr-color-surface-3);min-width:16px;color:var(--kattr-color-text);font-size:9px;font-weight:var(--kattr-font-weight-black);padding:0 3px;line-height:14px;position:absolute;bottom:4px;left:4px}.ay-pages__add{aspect-ratio:3/4;border:1px dashed var(--kattr-color-border-dark);height:100%;color:var(--kattr-color-text-soft);cursor:pointer;background:0 0;place-items:center;display:grid}.ay-pages__add:hover{color:var(--kattr-color-text);border-color:var(--kattr-color-text-soft)}.ay-pages__add>svg{width:16px;height:16px}.ay-pages__side{gap:var(--kattr-space-2);flex-direction:column;flex:none;width:232px;min-height:0;display:flex}.ay-pages__keys{gap:var(--kattr-space-1);flex:none;display:flex}.ay-pages__notes{width:100%;min-height:0;padding:var(--kattr-space-1) var(--kattr-space-2);resize:none;font-family:inherit;font-size:var(--kattr-font-size-editor-11);flex:1;line-height:1.5}.ay-pages-grid{width:min(1040px,100vw - 32px)}.ay-pages-grid__list{gap:var(--kattr-space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:min(600px,66vh);margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto}.ay-pages-grid__list>li{gap:var(--kattr-space-2);flex-direction:column;min-width:0;display:flex}.ay-pages-grid__list .ay-pages__page{height:auto}.ay-pages-grid__list .ay-pages__thumb{width:100%;max-width:none;height:auto}.ay-pages-grid__row{align-items:center;gap:var(--kattr-space-1);font-size:var(--kattr-font-size-editor-11);display:flex}.ay-pages-grid__row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--kattr-color-text-soft);flex:1;overflow:hidden}.ay-shelf__search{flex:none;display:block;position:relative}.ay-shelf__search>svg{width:12px;height:12px;color:var(--kattr-color-text-dim);pointer-events:none;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.ay-shelf__search>.library__search{padding-left:24px}.ay-shelf__head{margin:var(--kattr-space-2) 0 0;color:var(--kattr-color-text-dim);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.14em;text-transform:uppercase}.ay-shelf__section{gap:var(--kattr-space-2);flex-direction:column;display:flex}.ay-shelf__section>header{justify-content:space-between;align-items:baseline;gap:var(--kattr-space-2);display:flex}.ay-shelf__more{color:var(--kattr-color-accent-light);font:inherit;font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0}.ay-shelf__more:hover{color:var(--kattr-color-text)}.ay-shelf__note{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);margin:0;line-height:1.5}.ay-shelf__empty{padding:0}.ay-shelf__grid{gap:var(--kattr-space-1-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.ay-shelf__grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ay-shelf__grid>[role=listitem]{min-width:0}.ay-shelf__tile{width:100%;min-height:0;padding:3px}.ay-shelf__tile .lib-tile__art{overflow:hidden}.ay-shelf__tile .lib-tile__art>img{object-fit:cover;width:100%;height:100%;max-height:none}.ay-shelf__tile[data-plate] .lib-tile__art{background:var(--yu-plate)}.ay-shelf__tile[data-plate] .lib-tile__art>img{box-sizing:border-box;object-fit:contain;padding:12%}.ay-chips{flex-wrap:wrap;flex:none;align-items:center;gap:3px;display:flex}.ay-chip{min-height:20px;padding:0 var(--kattr-space-2);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text-soft);box-shadow:var(--kattr-shadow-raised);font:inherit;font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;align-items:center;display:inline-flex}.ay-chip:hover{background:var(--kattr-color-panel);color:var(--kattr-color-text)}.ay-chip[aria-pressed=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent);box-shadow:var(--kattr-shadow-inset);transform:translateY(1px)}.ay-chip[data-over]{border-color:var(--kattr-color-accent)}.ay-chip>svg{width:12px;height:12px}.ay-chip-wrap{align-items:center;display:inline-flex}.ay-chip-input{width:110px;min-height:20px;padding:0 var(--kattr-space-1);font-size:var(--kattr-font-size-editor-11)}.ay-packs{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ay-packs>li{align-items:center;gap:var(--kattr-space-2);min-height:22px;padding:0 var(--kattr-space-1) 0 var(--kattr-space-2);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-2);font-size:var(--kattr-font-size-editor-11);display:flex}.ay-packs>li>span:first-child,.ay-packs__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ay-packs>li[data-open]{border-color:var(--kattr-color-accent)}.ay-packs__count{color:var(--kattr-color-text-dim);font-variant-numeric:tabular-nums}.ay-packs__name{align-items:center;gap:var(--kattr-space-2);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.ay-packs__name>svg{width:12px;height:12px;color:var(--kattr-color-text-dim);flex:none}.ay-packs__name>span{text-overflow:ellipsis;overflow:hidden}.ay-uploads{gap:var(--kattr-space-2);flex-direction:column;min-height:100%;display:flex}.ay-upload{min-width:0;position:relative}.ay-upload__remove{opacity:0;position:absolute;top:4px;right:4px}.ay-upload:is(:hover,:focus-within) .ay-upload__remove{opacity:1}.ay-text-presets{gap:var(--kattr-space-1-5);flex-direction:column;display:flex}.ay-text-preset{padding:var(--kattr-space-2) var(--kattr-space-3);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-raised);font:inherit;text-align:left;cursor:pointer}.ay-text-preset:hover{background:var(--kattr-color-panel)}.ay-text-preset:active{box-shadow:var(--kattr-shadow-inset);transform:translateY(1px)}.ay-text-preset[data-role=heading]{font-size:20px;font-weight:700}.ay-text-preset[data-role=subheading]{font-size:14px;font-weight:600}.ay-text-preset[data-role=body]{font-size:11px}.ay-font-pairs{gap:var(--kattr-space-1-5);flex-direction:column;display:flex}.ay-font-pair{width:100%;padding:var(--kattr-space-2) var(--kattr-space-3);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-raised);text-align:left;cursor:pointer;flex-direction:column;gap:2px;display:flex}.ay-font-pair:hover{background:var(--kattr-color-panel)}.ay-font-pair:active{box-shadow:var(--kattr-shadow-inset);transform:translateY(1px)}.ay-font-pair__head{text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.25;overflow:hidden}.ay-font-pair__body{color:var(--kattr-color-text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.ay-kit{gap:var(--kattr-space-2);flex-direction:column;display:flex}.ay-kit__row{align-items:center;gap:var(--kattr-space-1);display:flex}.ay-kit__row>.kattr-ui-select{flex:1;min-width:0}.ay-kit .ay-text-field{box-sizing:border-box;width:100%;min-height:var(--kattr-size-control-md);padding:0 var(--kattr-space-2)}.ay-kit__fonts{gap:var(--kattr-space-1) var(--kattr-space-2);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.ay-kit__fonts>label{display:contents}.ay-kit__fonts>label>span:first-child{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11)}.ay-swatches{gap:var(--kattr-space-1);flex-wrap:wrap;align-items:center;display:flex}.ay-swatch{border:1px solid var(--kattr-color-border-dark);width:24px;height:24px;box-shadow:var(--kattr-shadow-raised);cursor:pointer;padding:0}.ay-swatch[aria-pressed=true]{outline:1px solid var(--kattr-color-accent);outline-offset:1px}.ay-looks{gap:var(--kattr-space-1-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ay-look{gap:var(--kattr-space-1);min-width:0;padding:var(--kattr-space-1-5);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-raised);text-align:left;cursor:pointer;flex-direction:column;display:flex}.ay-look:hover:not(:disabled){background:var(--kattr-color-panel)}.ay-look:active:not(:disabled){box-shadow:var(--kattr-shadow-inset);transform:translateY(1px)}.ay-look:disabled{opacity:.5;cursor:default}.ay-look__colors{border:1px solid var(--kattr-color-border-dark);height:22px;display:flex}.ay-look__colors>i{flex:1}.ay-look__font{text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.3;overflow:hidden}.ay-look__name{color:var(--kattr-color-text-dim);font-size:9px;font-weight:var(--kattr-font-weight-black);letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ay-resize{width:380px}.ay-resize__size{gap:var(--kattr-space-3);grid-template-columns:1fr 1fr;display:grid}.home-templates{margin-top:56px}.home-templates__bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.home-templates__search{border-radius:var(--home-radius);background:var(--yu-surface-3);min-width:0;height:36px;color:var(--yu-text);box-shadow:inset 0 0 0 1px var(--yu-hairline);font:inherit;border:0;flex:0 280px;padding:0 12px;font-size:13px}.home-templates__search::placeholder{color:var(--yu-text-dim)}.home-templates__kinds{flex-wrap:wrap;gap:4px;display:flex}.home-templates__kind{border-radius:var(--home-radius);height:32px;color:var(--yu-text-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:13px}.home-templates__kind:hover{background:var(--yu-hover);color:var(--yu-text)}.home-templates__kind[aria-pressed=true]{background:var(--yu-hover);color:var(--yu-text);box-shadow:inset 0 0 0 1px var(--yu-hairline)}.home-templates__grid{columns:5 180px;column-gap:16px;margin:0;padding:0;list-style:none}.home-templates__grid>li{break-inside:avoid;margin-bottom:20px}.home-template{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:-8px;padding:8px;display:block}.home-template:is(:hover,:focus-visible){background:var(--yu-hover)}.home-template[aria-busy]{opacity:.6}.home-template__art{border-radius:var(--home-radius);background:var(--yu-surface-3);box-shadow:0 0 0 1px var(--yu-hairline);display:block;overflow:hidden}.home-template__art>img{object-fit:cover;width:100%;height:100%;display:block}.home-template__name{text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:13px;font-weight:500;line-height:20px;display:block;overflow:hidden}.home-template__meta{color:var(--yu-text-dim);font-size:11px;line-height:16px;display:block}.ay-effects{gap:var(--kattr-space-1-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ay-effect{min-width:0;padding:var(--kattr-space-1-5) var(--kattr-space-1);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text);box-shadow:var(--kattr-shadow-raised);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:2px;display:flex}.ay-effect:hover:not(:disabled){background:var(--kattr-color-panel)}.ay-effect:disabled{opacity:.5;cursor:default}.ay-effect[aria-pressed=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent);box-shadow:var(--kattr-shadow-inset);transform:translateY(1px)}.ay-effect__art{font-size:22px;font-weight:700;line-height:1.3}.ay-effect__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;font-weight:var(--kattr-font-weight-black);letter-spacing:.08em;text-transform:uppercase;overflow:hidden}.ay-effect[data-kind=shadow] .ay-effect__art{text-shadow:2px 2px 2px var(--kattr-color-border-dark)}.ay-effect[data-kind=lift] .ay-effect__art{text-shadow:0 3px 6px var(--kattr-color-border-dark)}.ay-effect[data-kind=hollow] .ay-effect__art{color:#0000;-webkit-text-stroke:1px currentColor;-webkit-text-stroke-color:var(--kattr-color-text)}.ay-effect[data-kind=splice] .ay-effect__art{color:#0000;-webkit-text-stroke:1px var(--kattr-color-text);text-shadow:2px 2px 0 var(--kattr-color-accent-light)}.ay-effect[data-kind=outline] .ay-effect__art{-webkit-text-stroke:3px var(--kattr-color-accent-light);paint-order:stroke fill}.ay-effect[data-kind=echo] .ay-effect__art{text-shadow:2px 2px 0 var(--kattr-color-accent-light), 4px 4px 0 var(--kattr-color-accent-light)}@supports (color:color-mix(in lab, red, red)){.ay-effect[data-kind=echo] .ay-effect__art{text-shadow:2px 2px 0 color-mix(in srgb, var(--kattr-color-accent-light) 60%, transparent), 4px 4px 0 color-mix(in srgb, var(--kattr-color-accent-light) 30%, transparent)}}.ay-effect[data-kind=neon] .ay-effect__art{text-shadow:0 0 4px var(--kattr-color-accent-light), 0 0 9px var(--kattr-color-accent-light)}.ay-effect[data-kind=background] .ay-effect__art{background:var(--kattr-color-accent-light);color:var(--kattr-color-border-dark);padding:0 6px}.ay-effect[aria-pressed=true] .ay-effect__art{-webkit-text-stroke-color:var(--kattr-color-on-accent)}.ay-effect-settings{gap:var(--kattr-space-1) var(--kattr-space-2);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.ay-effect-settings>label{display:contents}.ay-effect-settings>label>span:first-child{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11)}.ay-photo{gap:var(--kattr-space-2);flex-direction:column;display:flex}.ay-photo__row{align-items:center;gap:var(--kattr-space-1);flex-wrap:wrap;display:flex}.ay-photo__row>.kattr-ui-button{flex:1;min-width:0}.ay-photo__row>.kattr-ui-button[aria-pressed=true]{background:var(--kattr-color-accent);color:var(--kattr-color-on-accent);box-shadow:var(--kattr-shadow-inset)}.ay-photo__head{justify-content:space-between;align-items:baseline;display:flex}.ay-photo .ay-shelf__more:disabled{opacity:.4;cursor:default}.ay-swatch--pair{background-size:cover}.ay-data{gap:var(--kattr-space-2);flex-direction:column;display:flex}.ay-data__grid{align-items:center;gap:2px;display:grid}.ay-data__cell{box-sizing:border-box;width:100%;min-width:0;min-height:22px;padding:0 var(--kattr-space-1);font-size:var(--kattr-font-size-editor-11)}.ay-data__series{align-items:center;gap:2px;min-width:0;display:flex}.ay-data__series>.ay-swatch{flex:none;width:14px;height:22px}.ay-data__keys{align-items:center;gap:var(--kattr-space-1);color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);display:flex}.ay-data__keys>span:not(:first-child){margin-left:var(--kattr-space-2)}.ay-present{z-index:var(--kattr-z-modal);background:var(--yu-backdrop);cursor:default;place-items:center;display:grid;position:fixed;inset:0}.ay-present__slide{object-fit:contain;-webkit-user-select:none;user-select:none;width:100vw;max-width:100%;height:100vh;max-height:100%}.ay-present__bar{align-items:center;gap:var(--kattr-space-1);display:flex}.ay-present>.ay-present__bar{left:50%;bottom:var(--kattr-space-4);padding:var(--kattr-space-1);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);box-shadow:var(--kattr-shadow-raised);opacity:0;transition:opacity .12s ease-out;position:absolute;transform:translate(-50%)}.ay-present:hover>.ay-present__bar,.ay-present>.ay-present__bar:focus-within{opacity:1}.ay-present__count{text-align:center;min-width:56px;font-size:var(--kattr-font-size-editor-12);font-variant-numeric:tabular-nums;color:var(--kattr-color-text)}.ay-present--presenter{background:var(--yu-bg);grid-template-columns:minmax(0,1fr) 360px;place-items:stretch stretch}.ay-present__stage{min-width:0;min-height:0;padding:var(--kattr-space-4);place-items:center;display:grid}.ay-present__stage>.ay-present__slide{width:100%;height:100%}.ay-present__side{gap:var(--kattr-space-2);min-height:0;padding:var(--kattr-space-4);border-left:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-panel-dark);color:var(--kattr-color-text);flex-direction:column;display:flex}.ay-present__clock{align-items:center;gap:var(--kattr-space-2);display:flex}.ay-present__timer{font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1}.ay-present__now{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-12);font-variant-numeric:tabular-nums;margin-left:auto}.ay-present__next{border:1px solid var(--kattr-color-border-dark);background:var(--yu-surface-3);flex:none;place-items:center;height:170px;display:grid}.ay-present__next>img{max-width:100%;max-height:100%}.ay-present__next>p{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);margin:0}.ay-present__notes{white-space:pre-wrap;-webkit-user-select:text;user-select:text;flex:1;min-height:0;margin:0;font-size:15px;line-height:1.5;overflow-y:auto}.ay-present__side>.ay-present__bar{padding-top:var(--kattr-space-2);border-top:1px solid var(--kattr-color-border-dark);justify-content:center}.ay-present--audience{background:var(--yu-backdrop)}.ay-present__wait{color:var(--yu-text-dim);margin:0;font-size:14px}.ay-motion{flex-direction:column;display:flex;overflow:hidden}.ay-motion>.ay-pages,.ay-motion>.ay-tl{flex:1;min-height:0}.ay-motion__bar{align-items:center;gap:var(--kattr-space-3);min-height:28px;padding:2px var(--kattr-space-2);border-bottom:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);flex:none;display:flex}.ay-motion__transport,.ay-motion__keys{align-items:center;gap:var(--kattr-space-1);display:flex}.ay-motion__gap{flex:1}.ay-motion__time{min-width:108px;padding:0 var(--kattr-space-2);color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);font-variant-numeric:tabular-nums;white-space:nowrap}.ay-tl{flex-direction:column;min-height:0;display:flex}.ay-tl__scroll{background:var(--kattr-color-surface-2);flex:1;min-height:0;overflow:auto}.ay-tl__lanes{box-sizing:border-box;min-height:100%;padding:0 16px;position:relative}.ay-tl__ruler{z-index:3;border-bottom:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-3);cursor:ew-resize;touch-action:none;height:18px;position:sticky;top:0}.ay-tl__ruler:focus-visible{outline:1px solid var(--kattr-color-accent);outline-offset:-1px}.ay-tl__mark{border-left:1px solid var(--kattr-color-border-mid);color:var(--kattr-color-text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;padding-left:3px;font-size:9px;line-height:17px;position:absolute;top:0;bottom:0}.ay-tl__lane{height:30px;margin-top:3px;position:relative}.ay-tl__lane--captions{height:20px}.ay-tl__lane--empty{align-items:center;height:26px;display:flex}.ay-tl__lane--empty>span{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);white-space:nowrap}.ay-tl__page{box-sizing:border-box;padding-right:1px;position:absolute;top:0;bottom:0}.ay-tl__page-face{align-items:center;gap:var(--kattr-space-2);width:100%;height:100%;padding:0 var(--kattr-space-2);border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-1);color:var(--kattr-color-text-soft);box-shadow:inset 1px 1px 0 var(--yu-inner-light);font:inherit;font-size:var(--kattr-font-size-editor-11);text-align:left;cursor:pointer;display:flex;overflow:hidden}.ay-tl__page-face:hover{color:var(--kattr-color-text)}.ay-tl__page-face:focus-visible{outline:1px solid var(--kattr-color-accent);outline-offset:-2px}.ay-tl__page-number{text-align:center;background:var(--kattr-color-surface-3);min-width:16px;color:var(--kattr-color-text);font-size:9px;font-weight:var(--kattr-font-weight-black);flex:none;padding:0 3px;line-height:14px}.ay-tl__page-length{white-space:nowrap;font-variant-numeric:tabular-nums}.ay-tl__page[data-transition]:before{content:"";pointer-events:none;background:linear-gradient(to bottom right, var(--kattr-color-accent) 50%, transparent 50%);width:8px;position:absolute;top:1px;bottom:1px;left:0}.ay-tl__edge{cursor:ew-resize;touch-action:none;z-index:1;width:7px;position:absolute;top:0;bottom:0}.ay-tl__edge--start{left:0}.ay-tl__edge--end{right:0}.ay-tl__edge:hover,.ay-tl__edge:focus-visible{background:var(--kattr-color-accent);outline:none}.ay-tl__clip{box-sizing:border-box;border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-3);color:var(--kattr-color-text-dim);cursor:grab;touch-action:none;--ay-beat:var(--kattr-color-accent);position:absolute;top:0;bottom:0;overflow:hidden}.ay-tl__clip[data-selected]{border-color:var(--kattr-color-accent);box-shadow:0 0 0 1px var(--kattr-color-accent)}.ay-tl__clip:focus-visible{outline:1px solid var(--kattr-color-accent)}.ay-tl__wave{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ay-tl__clip-name{text-overflow:ellipsis;white-space:nowrap;background:var(--kattr-color-surface-3);max-width:calc(100% - 16px);color:var(--kattr-color-text-soft);pointer-events:none;padding:0 3px;font-size:9px;line-height:12px;position:absolute;top:1px;left:8px;overflow:hidden}.ay-tl__caption{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-1);color:var(--kattr-color-text-soft);font:inherit;text-align:left;cursor:pointer;padding:0 4px;font-size:9px;line-height:16px;position:absolute;top:0;bottom:0;overflow:hidden}.ay-tl__caption:hover{color:var(--kattr-color-text)}.ay-tl__end{border-left:1px dashed var(--kattr-color-border-light);pointer-events:none;width:0;margin-left:16px;position:absolute;top:0;bottom:0}.ay-tl__playhead{z-index:4;background:var(--kattr-color-text-dim);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:16px}.ay-tl__playhead[data-active]{background:var(--kattr-color-accent);box-shadow:0 0 0 1px var(--yu-inner-dark)}.ay-tl__clipkeys{align-items:center;gap:var(--kattr-space-2);padding:3px var(--kattr-space-2);border-top:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);flex:none;display:flex;overflow-x:auto}.ay-tl__clipkeys>.ay-num{flex:none;width:104px}.ay-tl__clipkeys>.ay-check{white-space:nowrap;flex:none}.ay-animate__phase+.ay-animate__phase,.ay-keys+.ay-keys{margin-top:var(--kattr-space-2);padding-top:var(--kattr-space-2);border-top:1px solid var(--kattr-color-border-mid)}.ay-keys__head{margin-bottom:var(--kattr-space-1);justify-content:space-between;align-items:center;display:flex}.ay-keys__add{color:var(--kattr-color-accent);font:inherit;font-size:var(--kattr-font-size-editor-11);cursor:pointer;background:0 0;border:0;padding:0}.ay-keys__add:hover:not(:disabled){text-decoration:underline}.ay-keys__add:disabled{color:var(--kattr-color-text-dim);cursor:default}.ay-progress{border:1px solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-3);height:8px;box-shadow:inset 1px 1px 0 var(--yu-inner-dark)}.ay-progress>span{background:var(--kattr-color-accent);height:100%;transition:width .12s ease-out;display:block}.ay-captions-dialog{width:min(560px,100vw - 32px)}.ay-captions__text{box-sizing:border-box;width:100%;height:min(280px,40vh);padding:var(--kattr-space-2);resize:vertical;font-family:var(--kattr-font-mono,ui-monospace, Consolas, monospace);font-size:var(--kattr-font-size-editor-11);line-height:1.5}.ay-captions__foot{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);justify-content:space-between;align-items:center;display:flex}.ay-reaction+.ay-reaction{margin-top:var(--kattr-space-2);padding-top:var(--kattr-space-2);border-top:1px solid var(--kattr-color-border-mid)}.ay-reaction[data-broken]{box-shadow:inset 2px 0 0 var(--yu-danger);padding-left:var(--kattr-space-2)}.ay-reaction .ay-row__controls>.ay-num{flex:0 0 84px}.ay-reaction .ay-row__controls>.kattr-ui-select,.ay-reaction .ay-row__controls>.ay-text-field{flex:1;min-width:0}.ay-reaction__note{margin:var(--kattr-space-1) 0 0;color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);line-height:1.5}.ay-player{z-index:var(--kattr-z-modal);background:var(--yu-bg);flex-direction:column;display:flex;position:fixed;inset:0}.ay-player__bar{align-items:center;gap:var(--kattr-space-2);min-height:34px;padding:0 var(--kattr-space-3);border-bottom:1px solid var(--kattr-color-border-dark);background:var(--kattr-gradient-toolbar);flex:none;display:flex}.ay-player__bar>.kattr-ui-select{flex:none;width:200px}.ay-player__name{color:var(--kattr-color-text);font-size:var(--kattr-font-size-editor-12);font-weight:var(--kattr-font-weight-black)}.ay-player__where{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--kattr-color-text-soft);font-size:var(--kattr-font-size-editor-11);flex:1;overflow:hidden}.ay-player__left{color:var(--yu-danger-light);font-size:var(--kattr-font-size-editor-11);cursor:help;flex:none}.ay-player__stage{flex:1;min-height:0;display:grid}.ay-player__stage>iframe{border:0;width:100%;height:100%;display:block}.ay-player__hint{color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-12);place-self:center;margin:0}html,body,#root{height:100%;margin:0}html,body{overscroll-behavior:none;overflow:hidden}body.kattr-body{font-size:var(--kattr-font-size-editor-12);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}[hidden]{display:none!important}.no-drag{-webkit-app-region:no-drag}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}