:root,:host,[data-kattr-theme=warm]{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: rgba(0, 0, 0, .4);--kattr-color-scrollbar-thumb-light: rgba(255, 255, 255, .1);--kattr-color-scrollbar-thumb-dark: rgba(0, 0, 0, .3);--kattr-size-checker: 10px;--kattr-size-content: 72rem;--kattr-z-modal: 100;--kattr-color-on-accent: #2f1904;--kattr-color-overlay: rgba(0, 0, 0, .4);--kattr-color-slider-inner-dark: rgba(18, 17, 15, .72);--kattr-color-slider-inner-light: rgba(255, 248, 225, .05);--kattr-color-thumb-inner-light: rgba(255, 245, 223, .28);--kattr-color-thumb-inner-dark: rgba(117, 67, 20, .42);--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: rgba(0, 0, 0, .42);--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: rgba(255, 248, 225, .16);--kattr-color-bevel-dark: rgba(27, 24, 22, .45);--kattr-color-bevel-header: rgba(255, 248, 225, .12);--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]{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: rgba(0, 0, 0, .4);--kattr-color-scrollbar-thumb-light: rgba(255, 255, 255, .1);--kattr-color-scrollbar-thumb-dark: rgba(0, 0, 0, .3);--kattr-size-checker: 10px;--kattr-size-content: 72rem;--kattr-z-modal: 100;--kattr-color-on-accent: #2f1904;--kattr-color-overlay: rgba(0, 0, 0, .4);--kattr-color-slider-inner-dark: rgba(18, 17, 15, .72);--kattr-color-slider-inner-light: rgba(255, 248, 225, .05);--kattr-color-thumb-inner-light: rgba(255, 245, 223, .28);--kattr-color-thumb-inner-dark: rgba(117, 67, 20, .42);--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: #ff6666;--kattr-color-border-dark: #111111;--kattr-color-border-mid: #3c3c3c;--kattr-color-border-light: #454545;--kattr-color-text: #cccccc;--kattr-color-text-soft: #bbbbbb;--kattr-color-text-dim: #888888;--kattr-color-shadow: rgba(0, 0, 0, .6);--kattr-gradient-shell-start: #2d2d2d;--kattr-gradient-shell-end: #1e1e1e;--kattr-gradient-toolbar-start: #333333;--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: #111111;--kattr-color-bevel-light: rgba(255, 255, 255, .08);--kattr-color-bevel-dark: rgba(0, 0, 0, .25);--kattr-color-bevel-header: rgba(255, 255, 255, .06);--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]{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: rgba(0, 0, 0, .4);--kattr-color-scrollbar-thumb-light: rgba(255, 255, 255, .1);--kattr-color-scrollbar-thumb-dark: rgba(0, 0, 0, .3);--kattr-size-checker: 10px;--kattr-size-content: 72rem;--kattr-z-modal: 100;--kattr-color-on-accent: #2f1904;--kattr-color-overlay: rgba(0, 0, 0, .4);--kattr-color-slider-inner-dark: rgba(18, 17, 15, .72);--kattr-color-slider-inner-light: rgba(255, 248, 225, .05);--kattr-color-thumb-inner-light: rgba(255, 245, 223, .28);--kattr-color-thumb-inner-dark: rgba(117, 67, 20, .42);--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: #888888;--kattr-color-shadow: rgba(0, 0, 0, .65);--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: rgba(255, 255, 255, .05);--kattr-color-bevel-dark: rgba(0, 0, 0, .3);--kattr-color-bevel-header: rgba(255, 255, 255, .04);--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]{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: rgba(0, 0, 0, .4);--kattr-color-scrollbar-thumb-light: rgba(255, 255, 255, .1);--kattr-color-scrollbar-thumb-dark: rgba(0, 0, 0, .3);--kattr-size-checker: 10px;--kattr-size-content: 72rem;--kattr-z-modal: 100;--kattr-color-on-accent: #2f1904;--kattr-color-overlay: rgba(0, 0, 0, .4);--kattr-color-slider-inner-dark: rgba(18, 17, 15, .72);--kattr-color-slider-inner-light: rgba(255, 248, 225, .05);--kattr-color-thumb-inner-light: rgba(255, 245, 223, .28);--kattr-color-thumb-inner-dark: rgba(117, 67, 20, .42);--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: rgba(0, 0, 0, .65);--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: rgba(255, 255, 255, .05);--kattr-color-bevel-dark: rgba(0, 0, 0, .3);--kattr-color-bevel-header: rgba(255, 255, 255, .04);--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]{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: rgba(0, 0, 0, .4);--kattr-color-scrollbar-thumb-light: rgba(255, 255, 255, .1);--kattr-color-scrollbar-thumb-dark: rgba(0, 0, 0, .3);--kattr-size-checker: 10px;--kattr-size-content: 72rem;--kattr-z-modal: 100;--kattr-color-on-accent: #2f1904;--kattr-color-overlay: rgba(0, 0, 0, .4);--kattr-color-slider-inner-dark: rgba(18, 17, 15, .72);--kattr-color-slider-inner-light: rgba(255, 248, 225, .05);--kattr-color-thumb-inner-light: rgba(255, 245, 223, .28);--kattr-color-thumb-inner-dark: rgba(117, 67, 20, .42);--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: rgba(0, 0, 0, .65);--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: rgba(255, 255, 255, .05);--kattr-color-bevel-dark: rgba(0, 0, 0, .3);--kattr-color-bevel-header: rgba(255, 255, 255, .04);--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)}@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{display:inline-flex;align-items:center;justify-content: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);line-height:1.4;letter-spacing:var(--kattr-font-tracking-button-sm);text-transform:uppercase;text-decoration:none;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)}.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{background:transparent;color:var(--kattr-color-text);box-shadow:none}.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:transparent}[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,.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{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;position:relative;overflow:hidden}.kattr-custom-scroll__viewport{grid-area:1 / 1;min-height:0;min-width: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{display:flow-root;min-width:100%}.kattr-custom-scroll__bar{display:flex;box-sizing:border-box;background:var(--kattr-color-surface-3);box-shadow:var(--kattr-shadow-scrollbar-track);min-height:0;min-width:0}.kattr-custom-scroll__bar[hidden]{display:none}.kattr-custom-scroll__bar--y{grid-area:1 / 2;flex-direction:column;width:var(--kattr-size-scrollbar-custom);border-left:var(--kattr-border-width) solid var(--kattr-color-border-dark)}.kattr-custom-scroll__bar--x{grid-area:2 / 1;height:var(--kattr-size-scrollbar-custom);border-top:var(--kattr-border-width) solid var(--kattr-color-border-dark)}.kattr-custom-scroll__arrow{display:grid;place-items:center;box-sizing:border-box;flex:none;min-width:0;min-height:0;width:var(--kattr-size-scrollbar-custom);height:var(--kattr-size-scrollbar-custom);overflow:hidden;padding:0;border:0;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}.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;width:0;height:0;border:0 solid transparent;pointer-events:none}.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{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden}.kattr-custom-scroll__thumb{position:absolute;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)}.kattr-custom-scroll__thumb{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.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{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.3;pointer-events:none}.kattr-custom-scroll__grip:before{content:"";width:8px;height:1px;background:var(--kattr-color-border-dark);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{display:none;grid-area:2 / 2;background:var(--kattr-color-panel-dark)}[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{outline:2px solid var(--kattr-color-focus);outline-offset:-2px}.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}}}@layer kattr{.kattr-ui-tabs{min-width:0}.kattr-ui-tablist{display:flex;flex-wrap:wrap;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)}.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);background:transparent;color:var(--kattr-color-text-soft);cursor:pointer}.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{display:flex;align-items:center;justify-content:space-between;gap:var(--kattr-space-3);padding:var(--kattr-space-4);list-style:none;font-weight:var(--kattr-font-weight-label);cursor:pointer}.kattr-ui-accordion>summary::-webkit-details-marker{display:none}.kattr-ui-accordion>summary:after{content:"";flex:none;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;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{display:inline-flex;align-items:center;gap:var(--kattr-space-3);cursor:pointer}.kattr-ui-choice:has(input:disabled){opacity:.4;cursor:not-allowed}.kattr-ui-checkbox,.kattr-ui-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;flex:none;position:relative;margin:0;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}.kattr-ui-checkbox{display:inline-grid;place-items:center;width:20px;height:20px}.kattr-ui-checkbox:before{content:"";width:11px;height:9px;background:var(--kattr-color-on-accent);clip-path:polygon(0 45%,15% 30%,40% 65%,85% 0,100% 15%,40% 100%);opacity:0}.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;height:2px;opacity:1}.kattr-ui-switch{width:42px;height:24px}.kattr-ui-switch:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--kattr-color-text-dim);box-shadow:var(--kattr-shadow-raised);transition:transform var(--kattr-motion-duration-control) var(--kattr-motion-easing-control)}.kattr-ui-switch:checked{background:var(--kattr-color-accent)}.kattr-ui-switch:checked:before{transform:translate(18px);background:var(--kattr-color-on-accent)}:is(.kattr-ui-checkbox,.kattr-ui-switch)[aria-invalid=true]{border-color:var(--kattr-color-danger-light)}.kattr-ui-select{display:inline-block;position:relative;width:100%}.kattr-ui-select:after{content:"";position:absolute;right:var(--kattr-space-4);top:50%;transform:translateY(-50%);border:4px solid transparent;border-bottom:0;border-top-color:var(--kattr-color-text-soft);pointer-events:none}.kattr-ui-select__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding-right:var(--kattr-space-8);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);outline:none;box-shadow:var(--kattr-shadow-inset);font:inherit}.kattr-ui-select__control:focus-visible{outline:none;color:var(--kattr-color-accent-light)}.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{display:inline-block;width:100%;position:relative}.kattr-ui-dropdown--enhanced:after{display:none}.kattr-ui-dropdown--enhanced>.kattr-ui-dropdown__source{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}.kattr-ui-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;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);outline:none;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}.kattr-ui-dropdown__trigger:after{content:"";flex:none;border:4px solid transparent;border-bottom:0;border-top-color:var(--kattr-color-text-soft)}.kattr-ui-dropdown__trigger[aria-expanded=true]:after{transform:rotate(180deg)}.kattr-ui-dropdown__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{position:fixed;inset:auto;margin:0;box-sizing:border-box;padding:var(--kattr-space-1);overflow:auto;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}.kattr-ui-dropdown__menu[hidden]{display:none}.kattr-ui-dropdown__option{position:relative;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);border:0;outline:none;cursor:pointer;overflow-wrap:anywhere}.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:"";position:absolute;right:var(--kattr-space-3);top:50%;transform:translateY(-50%);width:11px;height:9px;background:currentColor;clip-path:polygon(0 45%,15% 30%,40% 65%,85% 0,100% 15%,40% 100%)}.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{display:block;margin-top:var(--kattr-space-2);color:var(--kattr-color-danger-light);font-size:var(--kattr-font-size-caption)}.kattr-ui-dropdown__error[hidden]{display:none}.kattr-ui-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;height:var(--kattr-size-control-web);margin:0;background:transparent;cursor:pointer;accent-color:var(--kattr-color-accent)}.kattr-ui-range::-webkit-slider-runnable-track{height:8px;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-2);box-shadow:var(--kattr-shadow-inset)}.kattr-ui-range::-moz-range-track{height:6px;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);background:var(--kattr-color-surface-2);box-shadow:var(--kattr-shadow-inset)}.kattr-ui-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:18px;height:24px;margin-top:-9px;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);box-shadow:var(--kattr-shadow-raised)}.kattr-ui-range::-moz-range-thumb{box-sizing:border-box;width:18px;height:24px;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);box-shadow:var(--kattr-shadow-raised)}.kattr-ui-range:disabled{opacity:.4;cursor:not-allowed}.kattr-ui-badge{display:inline-flex;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}.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{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:block;width:100%;height:12px;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);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:transparent}dialog.kattr-ui-dialog{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;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}.kattr-ui-dialog::backdrop{background:var(--kattr-color-shadow);opacity:.75}.kattr-ui-dialog__content{padding:var(--kattr-space-6)}.kattr-ui-dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--kattr-space-2);margin-top:var(--kattr-space-6)}: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-left-radius:0;border-bottom-right-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,.kattr-ui-range::-webkit-slider-thumb{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.kattr-ui-range::-moz-range-track,.kattr-ui-range::-moz-range-thumb{border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner)}.kattr-ui-progress::-webkit-progress-bar,.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){-webkit-appearance:auto;-moz-appearance:auto;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]{background:Highlight;color:HighlightText}}}@layer kattr{.kattr-ui-radio-group,.kattr-ui-segmented{min-width:0;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:var(--kattr-space-3)}: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{padding:0;margin-bottom:var(--kattr-space-3);font-weight:var(--kattr-font-weight-label)}.kattr-ui-radio{width:18px;height:18px;margin:0;accent-color:var(--kattr-color-accent);cursor:inherit}.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{position:relative;flex:1}.kattr-ui-segmented input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.kattr-ui-segmented label>span,.kattr-ui-segmented>button,.kattr-ui-pagination button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--kattr-size-control-web);padding:var(--kattr-space-2) var(--kattr-space-3);border:0;border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:transparent;color:var(--kattr-color-text-soft);font:inherit;cursor:pointer}.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{display:block;min-height:112px;resize:vertical;line-height:1.6}.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{position:absolute;z-index:var(--kattr-z-modal);bottom:calc(100% + var(--kattr-space-2));left:50%;transform:translate(-50%);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);line-height:1.5;overflow-wrap:anywhere}.kattr-ui-tooltip__content[hidden]{display:none}.kattr-ui-toast-region{position:fixed;inset:auto var(--kattr-space-4) var(--kattr-space-4) auto;z-index:var(--kattr-z-modal);display:grid;gap:var(--kattr-space-2);width:min(380px,calc(100vw - 32px))}.kattr-ui-toast{display:flex;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)}.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{flex:1;min-width:0;overflow-wrap:anywhere}.kattr-ui-toast__close{flex:none;width:var(--kattr-size-control-web);height:var(--kattr-size-control-web);border:0;border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-surface);color:inherit;font:inherit;cursor:pointer}.kattr-ui-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kattr-space-2);list-style:none;margin:0;padding:0;color:var(--kattr-color-text-soft)}.kattr-ui-breadcrumb li+li:before{content:"/";margin-inline-end:var(--kattr-space-2);color:var(--kattr-color-text-dim)}.kattr-ui-breadcrumb a{color:inherit;text-underline-offset:3px}.kattr-ui-breadcrumb [aria-current=page]{color:var(--kattr-color-text)}.kattr-ui-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kattr-space-1)}.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{overflow:auto;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)}.kattr-ui-table{width:100%;border-collapse:collapse;text-align:start;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{display:inline-flex;flex:none;width:40px;height:40px;align-items:center;justify-content:center;overflow:hidden;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);color:var(--kattr-color-accent-light);font-weight:var(--kattr-font-weight-label)}.kattr-ui-avatar img{width:100%;height:100%;object-fit:cover}.kattr-ui-skeleton{display:block;min-height:1em;width:100%;background:var(--kattr-color-panel-light);border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner);animation:kattr-ui-pulse 1.8s ease-in-out infinite alternate}@keyframes kattr-ui-pulse{0%{opacity:.45}to{opacity:1}}.kattr-ui-empty-state{display:grid;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}.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}}}html,body{margin:0;height:100%}body.kattr-body{font-size:var(--kattr-font-size-editor-12)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.caption{margin:0;color:var(--kattr-color-text-dim);font-size:var(--kattr-font-size-editor-11);line-height:1.5}.caption:empty{display:none}#app{display:grid;grid-template-columns:272px minmax(0,1fr) 296px;grid-template-rows:auto minmax(0,1fr) 156px;grid-template-areas:"head head head" "media stage settings" "tl tl tl";gap:var(--kattr-space-2);height:100vh;padding:0 var(--kattr-space-2) var(--kattr-space-2);box-sizing:border-box;background:var(--kattr-color-bg)}.app-header{grid-area:head;display:flex;align-items:center;gap:var(--kattr-space-4);margin:0 calc(-1 * var(--kattr-space-2));padding:var(--kattr-space-2) var(--kattr-space-4);box-shadow:var(--kattr-shadow-raised)}.brand{display:flex;align-items:center;gap:var(--kattr-space-2);font-size:var(--kattr-font-size-editor-14);font-weight:var(--kattr-font-weight-black)}.brand__mark{display:grid;place-items:center;width:28px;height:28px;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner);background:var(--kattr-gradient-accent);color:var(--kattr-color-on-accent);box-shadow:var(--kattr-shadow-raised)}.app-status{flex:1;min-width:0;margin:0;color:var(--kattr-color-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__actions{display:flex;align-items:center;gap:var(--kattr-space-2)}.app-dropdown{width:112px}.app-dropdown--wide{width:176px}.app-panel{min-height:0;overflow-y:auto;padding:var(--kattr-space-4);display:flex;flex-direction:column;gap:var(--kattr-space-5);box-sizing:border-box}#media{grid-area:media}#settings{grid-area:settings}.app-section{display:flex;flex-direction:column;gap:var(--kattr-space-2)}.app-section--grow{flex:1;min-height:0}.app-panel .kattr-label{margin:0;display:flex;align-items:center;gap:var(--kattr-space-2);font-size:var(--kattr-font-size-editor-10)}.app-count{letter-spacing:0}.app-panel .app-sublabel{margin-top:var(--kattr-space-2)}.app-count[hidden]{display:none}[data-kattr-density=compact] :is(.kattr-ui-segmented label>span,.kattr-ui-dropdown__trigger,.kattr-ui-dropdown__option){min-height:var(--kattr-size-control-md);padding-block:var(--kattr-space-1);font-size:var(--kattr-font-size-editor-11)}[data-kattr-density=compact] .kattr-ui-segmented label>span{padding-inline:var(--kattr-space-2);white-space:nowrap}[data-kattr-density=compact] .kattr-ui-segmented label{flex:1 0 auto}[data-kattr-density=compact] .kattr-ui-range{height:var(--kattr-size-control-md)}.kattr-ui-segmented[data-key=style]{display:grid;grid-template-columns:repeat(3,1fr)}[data-kattr-density=compact] .kattr-ui-badge{font-size:var(--kattr-font-size-editor-10);padding:var(--kattr-space-0-5) var(--kattr-space-1-5)}.field{display:flex;flex-direction:column;gap:var(--kattr-space-0-5);margin-top:var(--kattr-space-1)}.field__row{display:flex;justify-content:space-between;align-items:baseline;color:var(--kattr-color-text-soft)}.field__row output{color:var(--kattr-color-text-dim);font-variant-numeric:tabular-nums}.dropzone{display:flex;align-items:center;justify-content:center;gap:var(--kattr-space-2);min-height:var(--kattr-size-control-lg);padding:var(--kattr-space-3);border-style:dashed;border-color:var(--kattr-color-border-light);border-radius:var(--kattr-radius-control);corner-shape:var(--kattr-shape-corner);background:var(--kattr-gradient-input);color:var(--kattr-color-text-soft);text-align:center;cursor:pointer;transition:border-color var(--kattr-motion-duration-control) var(--kattr-motion-easing-control),color var(--kattr-motion-duration-control) var(--kattr-motion-easing-control)}.dropzone:hover,.dropzone:focus-within{border-color:var(--kattr-color-accent);color:var(--kattr-color-text)}.dropzone:focus-within{outline:2px solid var(--kattr-color-focus);outline-offset:3px}.dropzone__icon{color:var(--kattr-color-accent-light);font-weight:var(--kattr-font-weight-black)}#audioLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-row{display:flex;flex-wrap:wrap;gap:var(--kattr-space-1)}.badge-row:empty{display:none}.thumbs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--kattr-space-1-5)}.thumb{position:relative;aspect-ratio:3 / 4;overflow:hidden;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-raised)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .kattr-ui-badge{position:absolute;left:var(--kattr-space-1);bottom:var(--kattr-space-1);background:var(--kattr-color-surface-3)}.thumb__remove{position:absolute;top:var(--kattr-space-1);right:var(--kattr-space-1);width:22px;height:22px;padding:0;border:var(--kattr-border-width) solid var(--kattr-color-border-dark);border-radius:var(--kattr-radius-sm);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-surface-3);color:var(--kattr-color-text);font:inherit;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--kattr-motion-duration-control) var(--kattr-motion-easing-control)}.thumb:hover .thumb__remove,.thumb__remove:focus-visible{opacity:1}.thumb__remove:hover{background:var(--kattr-color-danger)}.thumb__remove:focus-visible{outline:2px solid var(--kattr-color-focus);outline-offset:1px}.app-stage{grid-area:stage;display:flex;flex-direction:column;gap:var(--kattr-space-2);min-width:0;min-height:0;padding:var(--kattr-space-3);border:var(--kattr-border-width) solid var(--kattr-color-border-dark);box-shadow:var(--kattr-shadow-inset);box-sizing:border-box}#canvasWrap{flex:1;min-height:0;position:relative;display:grid;place-items:center}#view{display:block;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-3);box-shadow:var(--kattr-shadow-dialog)}.transport{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--kattr-space-2) var(--kattr-space-3);padding:var(--kattr-space-1-5) var(--kattr-space-3);align-self:center;max-width:100%;box-sizing:border-box}.transport>*{white-space:nowrap}[data-kattr-density=compact] .transport__play{width:var(--kattr-size-control-lg);min-height:var(--kattr-size-control-lg);padding:0}.transport__time{min-width:128px;text-align:center;color:var(--kattr-color-text-soft);font-variant-numeric:tabular-nums}.transport__toggle{color:var(--kattr-color-text-soft)}.nudge{display:flex;align-items:center;gap:var(--kattr-space-1-5);color:var(--kattr-color-text-soft)}.nudge #barStartLabel{margin-right:auto}[data-kattr-density=compact] .nudge__btn{min-width:var(--kattr-size-control-md);padding-inline:var(--kattr-space-2)}#barShiftLabel{min-width:56px;text-align:center;color:var(--kattr-color-text-dim);font-variant-numeric:tabular-nums}.app-timeline{grid-area:tl;padding:var(--kattr-space-1-5) var(--kattr-space-2);background:var(--kattr-gradient-input);box-sizing:border-box;min-height:0}#timeline{width:100%;height:100%;display:block;cursor:pointer}.dialog-title{margin:0 0 var(--kattr-space-4);font-size:var(--kattr-font-size-editor-14)}#exportInfo{margin-top:var(--kattr-space-2);min-height:1.5em}#exportInfo:empty{display:block}.drop-veil{position:fixed;inset:var(--kattr-space-3);z-index:var(--kattr-z-modal);display:grid;place-items:center;border:2px dashed var(--kattr-color-accent);border-radius:var(--kattr-radius-surface);corner-shape:var(--kattr-shape-corner);background:var(--kattr-color-overlay);color:var(--kattr-color-accent-light);font-size:var(--kattr-font-size-editor-14);font-weight:var(--kattr-font-weight-black);letter-spacing:var(--kattr-font-tracking-label);text-transform:uppercase;pointer-events:none}.drop-veil[hidden]{display:none}@media(max-width:960px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(380px,1fr) auto 140px;grid-template-areas:"head" "media" "stage" "settings" "tl";height:auto;min-height:100vh}.app-header{flex-wrap:wrap}.app-header__actions{flex:1 1 100%;flex-wrap:wrap}.app-header__actions>.kattr-button{white-space:nowrap;flex:1 0 auto}.app-dropdown,.app-dropdown--wide{flex:1 1 140px;width:auto;min-width:0}.app-status{order:3;flex-basis:100%}.app-panel{overflow:visible}}