@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";#root{flex-direction:column;width:100%;min-height:100svh;display:flex}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}:root,:root[data-theme=glass-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hatch-bg:#f2f2f7;--hatch-sidebar:#f2f2f7;--hatch-card:#ffffffbf;--hatch-card-2:#fffffff2;--hatch-surface-3:#fff;--hatch-border:#3c3c4329;--hatch-border-soft:#3c3c4314;--hatch-hover-border:#3c3c434d;--hatch-text:#1c1c1e;--hatch-muted:#55555c;--hatch-dim:#5f5f66;--hatch-accent:#0071e3;--hatch-accent-2:#248a3d;--hatch-accent-soft:#0071e31f;--hatch-accent-border:#0071e357;--hatch-on-accent:#fff;--hatch-danger:#d70015;--hatch-warn:#a16207;--hatch-scroll:#3c3c4342;--surface-solid:#fcfcfd;--hatch-r-sm:12px;--hatch-r:18px;--hatch-r-lg:22px;--glass-blur:22px;--glass-sat:1.7;--glass-hi:#ffffffe6;--glass-shadow:0 8px 24px #3c3c431a;--hatch-aside-w:212px;--hatch-row-h:38px;--hatch-sans:"IBM Plex Sans", system-ui, sans-serif;--hatch-mono:"IBM Plex Mono", ui-monospace, monospace;--app-bg:var(--hatch-bg);--sidebar-bg:var(--hatch-sidebar);--surface:var(--hatch-card);--surface-2:var(--hatch-card-2);--surface-3:var(--hatch-surface-3);--border:var(--hatch-border);--border-2:var(--hatch-hover-border);--text:var(--hatch-text);--text-2:var(--hatch-muted);--text-3:var(--hatch-dim);--accent:var(--hatch-accent);--accent-fg:var(--hatch-on-accent);--accent-soft:var(--hatch-accent-soft);--accent-border:var(--hatch-accent-border);--pos:var(--hatch-accent-2);--neg:var(--hatch-danger);--warn:var(--hatch-warn);--chip-bg:var(--hatch-card-2);--radius:var(--hatch-r-sm);--radius-lg:var(--hatch-r);--aside-w:var(--hatch-aside-w);--row-h:var(--hatch-row-h);--font:var(--hatch-sans);--mono:var(--hatch-mono)}:root[data-theme=glass]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hatch-bg:#0e0e11;--hatch-sidebar:#0e0e11;--hatch-card:#ffffff0e;--hatch-card-2:#ffffff1a;--hatch-surface-3:#ffffff28;--hatch-border:#ffffff29;--hatch-border-soft:#ffffff14;--hatch-hover-border:#ffffff57;--hatch-text:#f5f5f7;--hatch-muted:#b4b4bd;--hatch-dim:#9a9aa4;--hatch-accent:#4c9fff;--hatch-accent-2:#32d74b;--hatch-accent-soft:#4c9fff33;--hatch-accent-border:#4c9fff73;--hatch-on-accent:#001028;--hatch-danger:#ff453a;--hatch-warn:#ffd60a;--hatch-scroll:#ffffff3d;--surface-solid:#1b1b1e;--glass-blur:24px;--glass-sat:1.8;--glass-hi:#ffffff29;--glass-shadow:0 10px 30px #00000080, 0 2px 6px #00000052}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--hatch-bg);color:var(--hatch-text);font-family:var(--hatch-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}.h-card{background:var(--hatch-card);border:1px solid var(--hatch-border);border-radius:var(--hatch-r)}.h-mono{font-family:var(--hatch-mono)}.h-muted{color:var(--hatch-muted)}.h-dim{color:var(--hatch-dim)}.h-btn{border-radius:var(--hatch-r);border:1px solid var(--hatch-border);background:var(--hatch-card);height:34px;color:var(--hatch-text);font:500 13px var(--hatch-sans);cursor:pointer;align-items:center;gap:8px;padding:0 14px;transition:transform 80ms,filter .15s;display:inline-flex}.h-btn:hover{border-color:var(--hatch-hover-border);filter:brightness(1.08)}.h-btn:active{transform:translateY(.5px)}.h-btn-primary{color:var(--hatch-on-accent);background:var(--hatch-accent);border-color:#0000;font-weight:600}.h-btn-primary:hover{filter:brightness(1.06)}@keyframes h-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes h-blink{0%,49%{opacity:1}50%,to{opacity:0}}.h-cursor{vertical-align:text-bottom;background:currentColor;width:7px;height:1em;margin-left:2px;animation:1s step-end infinite h-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.h-cursor{animation:none}}.h-pill{height:20px;font:600 11px var(--hatch-sans);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.h-pill-green{background:var(--hatch-accent-soft);color:var(--hatch-accent)}.h-input{border-radius:var(--hatch-r);border:1px solid var(--hatch-border);background:var(--hatch-card);height:34px;color:var(--hatch-text);font:400 13px var(--hatch-sans);outline:none;padding:0 12px}.h-input:focus{border-color:var(--hatch-accent)}.h-label{font:600 10.5px var(--hatch-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hatch-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hatch-scroll);border:2px solid var(--hatch-bg);border-radius:999px}::-webkit-scrollbar-track{background:0 0}:where(button,a,[role=button],[role=tab],[role=switch],[role=link],input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(button,a,[role=button],[role=tab],[role=switch]){transition:transform 60ms,filter .13s,opacity .13s}:where(button:not(:disabled),a,[role=button],[role=tab],[role=switch]){cursor:pointer}.wl-clickable{cursor:pointer;transition:transform 60ms}.wl-clickable:hover{background:var(--surface-2);border-color:var(--border-2)}.wl-clickable:active{transform:translateY(1px)}.wl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.wl-layer:not([data-active="1"]):hover{background:var(--surface-2);color:var(--text)}.wl-layer-group:hover{color:var(--text-2);background:var(--surface-2)}.wl-swatch{transition:transform .1s}.wl-swatch:hover{transform:translateY(-1px)}.wl-bgpick{transition:filter .13s}.wl-bgpick:hover{border-color:var(--border-2);filter:brightness(1.06)}:is(.h-card,.h-input,.h-btn,.wl-glass){-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:inset 0 1px 0 var(--glass-hi), var(--glass-shadow)}:is(button,select,.h-btn:not(textarea),.h-input:not(textarea),input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range])):not([role=tab]):not(.wl-no-pill){border-radius:999px!important}:is(textarea,kbd){border-radius:var(--radius)!important}.h-pill{box-shadow:inset 0 1px 0 var(--glass-hi)}.h-btn-primary{box-shadow:inset 0 1px 0 #ffffff47, var(--glass-shadow)}