:root{--app-font-family: ui-system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--app-font-color: #e8eefc;--app-font-color-secondary: rgba(232, 238, 252, .8);--app-font-color-tertiary: rgba(232, 238, 252, .6);--app-font-color-muted: rgba(232, 238, 252, .5);--app-font-size: 14px;--app-font-size-small: 12px;--app-font-size-large: 16px;--app-font-size-heading: 18px;--app-font-weight: 400;--app-font-weight-medium: 500;--app-font-weight-semibold: 600;--app-font-weight-bold: 700;--app-bg: #0b1220;--app-fg: #e8eefc;--app-muted: rgba(232, 238, 252, .7);--app-border: rgba(255, 255, 255, .12);--app-border-soft: rgba(255, 255, 255, .08);--app-toolbar-bg: rgba(0, 0, 0, .5);--header-bg: transparent;--header-bg-surface: var(--app-toolbar-bg);--app-panel-bg: rgb(var(--tile-rgb) / var(--popup-alpha));--app-control-bg: rgba(255, 255, 255, .06);--app-control-bg-hover: rgba(255, 255, 255, .1);--button-overlay-rgb: 0 0 0;--button-opacity: .4;--button-opacity-hover: .6;--app-button-bg: rgb(var(--button-overlay-rgb) / var(--button-opacity));--app-button-bg-hover: rgb(var(--button-overlay-rgb) / var(--button-opacity-hover));--app-primary: #3b82f6;--app-secondary: #94a3b8;--app-success: #22c55e;--app-info: #06b6d4;--app-warn: #f59e0b;--app-error: #ef4444;--app-accent: var(--app-primary);--app-outline: var(--app-primary);--app-danger: var(--app-error);--danger-text: var(--app-error);--danger-fg: var(--app-error);--muted-fg: var(--app-muted);--app-active-bg: color-mix(in srgb, var(--app-primary) 38%, var(--glass-2) 62%);--app-active-bg-hover: color-mix(in srgb, var(--app-primary) 46%, var(--glass-3) 54%);--glass-0: rgba(0, 0, 0, .12);--glass-1: rgba(0, 0, 0, .2);--glass-2: rgba(0, 0, 0, .3);--glass-3: rgba(0, 0, 0, .38);--glass-4: rgba(0, 0, 0, .65);--overlay-bg: rgba(0, 0, 0, .35);--tile-rgb: 30 30 30;--tile-alpha: .7;--tile-bg: rgb(var(--tile-rgb) / var(--tile-alpha));--popup-alpha: .95;--bg-layer-image: none;--bg-layer-color: transparent;--bg-layer-opacity: 0;--sb-size: 8px;--sb-thumb: rgba(255, 255, 255, .18);--sb-thumb-hover: rgba(255, 255, 255, .28);--sb-track: transparent;--row-hover-bg: rgba(0, 0, 0, .35);--row-selected-bg: rgba(0, 0, 0, .45);--prefab-table-row-bg: rgba(0, 0, 0, .1);--prefab-table-head-bg: rgba(0, 0, 0, .3);--prefab-table-key-bg: rgba(0, 0, 0, .3);--prefab-table-sticky-row-bg: rgba(0, 0, 0, .6);--prefab-table-sticky-head-bg: rgba(0, 0, 0, .8);--show-key-bg: rgba(0, 0, 0, .3);--show-cell-bg: rgba(0, 0, 0, .1);--prefab-show-key-bg: var(--show-key-bg);--prefab-show-cell-bg: var(--show-cell-bg);--window-header-bg: rgba(0, 0, 0, .4);--window-header-btn-bg: var(--app-button-bg);--window-header-btn-bg-hover: var(--app-button-bg-hover);--prefab-tree-active-bg: var(--row-selected-bg);--prefab-tree-row-bg: var(--app-button-bg);--prefab-list-pager-bg: rgba(0, 0, 0, .4);--shadow-tile: 0 10px 26px rgba(0, 0, 0, .28);--shadow-popover: 0 16px 40px rgba(0, 0, 0, .5);--shadow-sidepanel-left: 10px 0 18px rgba(0, 0, 0, .55), 2px 0 6px rgba(0, 0, 0, .22);--shadow-sidepanel-right: -10px 0 18px rgba(0, 0, 0, .55), -2px 0 6px rgba(0, 0, 0, .22);--shadow-sticky-col: -10px 0 12px rgba(0, 0, 0, .35)}body.theme-dark{color-scheme:dark}body.theme-light{color-scheme:light;--app-bg: #f3efe7;--app-fg: #0b1220;--app-muted: rgba(11, 18, 32, .65);--app-border: rgba(11, 18, 32, .18);--app-border-soft: rgba(11, 18, 32, .12);--app-toolbar-bg: rgba(246, 240, 230, .7);--app-panel-bg: rgb(var(--tile-rgb) / var(--popup-alpha));--app-control-bg: rgba(0, 0, 0, .04);--app-control-bg-hover: rgba(0, 0, 0, .08);--app-outline: var(--app-primary);--button-overlay-rgb: 255 255 255;--glass-0: rgba(246, 240, 230, .35);--glass-1: rgba(246, 240, 230, .55);--glass-2: rgba(246, 240, 230, .68);--glass-3: rgba(246, 240, 230, .78);--glass-4: rgba(246, 240, 230, .88);--overlay-bg: rgba(255, 255, 255, .35);--tile-rgb: 244 238 228;--tile-bg: rgb(var(--tile-rgb) / var(--tile-alpha));--sb-thumb: rgba(11, 18, 32, .18);--sb-thumb-hover: rgba(11, 18, 32, .3);--row-hover-bg: rgba(255, 255, 255, .2);--row-selected-bg: rgba(255, 255, 255, .3);--show-key-bg: rgba(255, 255, 255, .6);--show-cell-bg: rgba(255, 255, 255, .1);--prefab-table-row-bg: rgba(255, 255, 255, .1);--prefab-table-head-bg: rgba(255, 255, 255, .3);--prefab-table-key-bg: rgba(255, 255, 255, .3);--prefab-table-sticky-row-bg: rgba(255, 255, 255, .6);--prefab-table-sticky-head-bg: rgba(255, 255, 255, .8);--window-header-bg: rgba(255, 255, 255, .4);--window-header-btn-bg: var(--app-button-bg);--window-header-btn-bg-hover: var(--app-button-bg-hover);--prefab-tree-active-bg: rgb(var(--tile-rgb) / .35);--prefab-tree-row-bg: var(--app-button-bg);--prefab-list-pager-bg: rgba(255, 255, 255, .4);--shadow-tile: 0 10px 26px rgba(11, 18, 32, .14);--shadow-popover: 0 16px 40px rgba(11, 18, 32, .18);--shadow-sidepanel-left: 10px 0 18px rgba(11, 18, 32, .28), 2px 0 6px rgba(11, 18, 32, .1);--shadow-sidepanel-right: -10px 0 18px rgba(11, 18, 32, .28), -2px 0 6px rgba(11, 18, 32, .1);--shadow-sticky-col: -10px 0 12px rgba(11, 18, 32, .14)}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--app-font-family);font-size:var(--app-font-size);font-weight:var(--app-font-weight);background-color:var(--app-bg);color:var(--app-font-color);position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:var(--bg-layer-image);background-color:var(--bg-layer-color);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:var(--bg-layer-opacity)}app-root{display:block;height:100%;position:relative;z-index:1}app-root *{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track)}app-root *::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}app-root *::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}app-root *::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover);background-clip:padding-box}app-root *::-webkit-scrollbar-track{background:var(--sb-track)}select{color-scheme:inherit;background-color:var(--app-control-bg);color:var(--app-fg)}input::placeholder,textarea::placeholder{color:var(--app-muted);opacity:1}option,optgroup{background-color:var(--app-panel-bg);color:var(--app-fg)}
