@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/static/spa/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/static/spa/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/static/spa/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/static/spa/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/static/spa/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/static/spa/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/static/spa/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.appearance-picker[data-v-8dee2ace]{position:relative}.appearance-picker.floating[data-v-8dee2ace]{position:fixed;top:18px;right:18px;z-index:70}.appearance-trigger[data-v-8dee2ace]{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:650}.appearance-trigger[data-v-8dee2ace]:hover,.appearance-trigger[aria-expanded=true][data-v-8dee2ace]{color:var(--text);border-color:var(--brand-border);background:var(--brand-soft)}.floating .appearance-trigger[data-v-8dee2ace]{width:38px;height:38px;border-color:var(--line-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.appearance-popover[data-v-8dee2ace]{position:absolute;left:0;bottom:calc(100% + 10px);width:min(340px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 40px));overflow:auto;border:1px solid var(--line-strong);border-radius:13px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.floating .appearance-popover[data-v-8dee2ace]{position:fixed;inset:66px 18px auto auto}.appearance-popover>header[data-v-8dee2ace]{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line);background:var(--panel-raised)}.appearance-popover header div[data-v-8dee2ace]{display:grid;gap:3px}.appearance-popover header strong[data-v-8dee2ace]{font-size:14px}.appearance-popover header span[data-v-8dee2ace]{color:var(--muted);font:600 11px var(--font-ui);text-transform:uppercase}.appearance-popover header button[data-v-8dee2ace]{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.appearance-popover header button[data-v-8dee2ace]:hover{background:var(--panel-2);color:var(--text)}.appearance-section[data-v-8dee2ace]{padding:13px}.appearance-section+.appearance-section[data-v-8dee2ace]{border-top:1px solid var(--line)}.appearance-label[data-v-8dee2ace]{display:flex;align-items:center;gap:7px;margin:0 2px 9px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.appearance-label svg[data-v-8dee2ace]{color:var(--brand)}.theme-options[data-v-8dee2ace]{display:grid;gap:5px}.theme-option[data-v-8dee2ace]{width:100%;display:grid;grid-template-columns:45px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.theme-option[data-v-8dee2ace]:hover{background:var(--panel-2)}.theme-option.active[data-v-8dee2ace]{border-color:var(--brand-border);background:var(--brand-soft)}.theme-option>svg[data-v-8dee2ace]{color:var(--brand)}.theme-swatches[data-v-8dee2ace]{height:29px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:7px}.theme-swatches i[data-v-8dee2ace]{display:block}.theme-copy[data-v-8dee2ace]{min-width:0;display:grid;gap:2px}.theme-copy strong[data-v-8dee2ace]{font-size:13px}.theme-copy small[data-v-8dee2ace]{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.density-options[data-v-8dee2ace]{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.density-options button[data-v-8dee2ace]{min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:700}.density-options button.active[data-v-8dee2ace]{background:var(--panel-3);color:var(--text);box-shadow:0 0 0 1px var(--line-strong)}.appearance-popover-enter-active[data-v-8dee2ace],.appearance-popover-leave-active[data-v-8dee2ace]{transition:opacity .14s ease,transform .14s ease}.appearance-popover-enter-from[data-v-8dee2ace],.appearance-popover-leave-to[data-v-8dee2ace]{opacity:0;transform:translateY(5px);pointer-events:none}@media(max-width:760px){.appearance-popover[data-v-8dee2ace]{position:fixed;inset:auto 14px 14px;width:auto}.floating .appearance-popover[data-v-8dee2ace]{inset:66px 14px auto}}:root,[data-theme=graphite]{color-scheme:dark;font-family:var(--font-ui);font-synthesis:none;--bg: #080b12;--panel: #0e131d;--panel-2: #131a27;--panel-3: #182131;--panel-raised: rgba(14, 20, 31, .96);--sidebar-start: #0d121c;--sidebar-end: #0a0e16;--card-start: rgba(18, 25, 37, .96);--card-end: rgba(12, 17, 27, .96);--input-bg: #090d15;--code-bg: #070a10;--line: #202b3d;--line-strong: #2d3a50;--text: #e8edf6;--text-secondary: #cad2df;--muted: #8d99ad;--dim: #667287;--nav-text: #929eb1;--nav-active-text: #e9ebff;--brand: #7c8cff;--brand-strong: #9ba6ff;--brand-rgb: 124, 140, 255;--brand-soft: rgba(124, 140, 255, .11);--brand-border: rgba(124, 140, 255, .28);--on-brand: #080b12;--cyan: #58d6dc;--green: #4dd4a2;--amber: #f0b861;--red: #f17686;--success-soft: rgba(77, 212, 162, .07);--success-border: rgba(77, 212, 162, .26);--warning-soft: rgba(240, 184, 97, .08);--warning-border: rgba(240, 184, 97, .28);--danger-soft: rgba(241, 118, 134, .08);--danger-border: rgba(241, 118, 134, .28);--row-hover: rgba(255, 255, 255, .025);--topbar: rgba(8, 11, 18, .84);--overlay: rgba(2, 4, 8, .78);--focus-ring: rgba(124, 140, 255, .42);--shadow: 0 18px 60px rgba(0, 0, 0, .28)}[data-theme=ocean]{color-scheme:dark;--bg: #061018;--panel: #0a1823;--panel-2: #102331;--panel-3: #173143;--panel-raised: rgba(10, 24, 35, .96);--sidebar-start: #081620;--sidebar-end: #061119;--card-start: rgba(14, 31, 44, .97);--card-end: rgba(8, 21, 31, .97);--input-bg: #07131d;--code-bg: #040d14;--line: #1d3c4d;--line-strong: #2b5267;--text: #e7f5f7;--text-secondary: #c3dce1;--muted: #91aeb8;--dim: #6f8c97;--nav-text: #91acb5;--nav-active-text: #e8fbff;--brand: #39b8d0;--brand-strong: #64d5e5;--brand-rgb: 57, 184, 208;--brand-soft: rgba(57, 184, 208, .12);--brand-border: rgba(57, 184, 208, .31);--on-brand: #031318;--row-hover: rgba(93, 211, 229, .04);--topbar: rgba(6, 16, 24, .86);--focus-ring: rgba(57, 184, 208, .46);--shadow: 0 18px 64px rgba(0, 8, 14, .36)}[data-theme=grove]{color-scheme:dark;--bg: #07100d;--panel: #0d1814;--panel-2: #12231c;--panel-3: #183029;--panel-raised: rgba(13, 24, 20, .96);--sidebar-start: #0b1712;--sidebar-end: #07110d;--card-start: rgba(15, 29, 23, .97);--card-end: rgba(9, 20, 16, .97);--input-bg: #08140f;--code-bg: #040c09;--line: #203c31;--line-strong: #2d5244;--text: #e8f4ee;--text-secondary: #c8ddd2;--muted: #94ada0;--dim: #708d7e;--nav-text: #93aa9e;--nav-active-text: #eafff4;--brand: #5ecf9c;--brand-strong: #7de6b6;--brand-rgb: 94, 207, 156;--brand-soft: rgba(94, 207, 156, .11);--brand-border: rgba(94, 207, 156, .3);--on-brand: #06130f;--row-hover: rgba(111, 222, 171, .035);--topbar: rgba(7, 16, 13, .86);--focus-ring: rgba(94, 207, 156, .44);--shadow: 0 18px 64px rgba(0, 9, 5, .34)}[data-theme=autumn]{color-scheme:dark;--bg: #120c0a;--panel: #1b120f;--panel-2: #261916;--panel-3: #32211c;--panel-raised: rgba(27, 18, 15, .97);--sidebar-start: #190f0c;--sidebar-end: #110a08;--card-start: rgba(34, 22, 18, .97);--card-end: rgba(22, 14, 12, .97);--input-bg: #160d0b;--code-bg: #0c0706;--line: #442d26;--line-strong: #604137;--text: #f4ebe6;--text-secondary: #dfcec5;--muted: #b29a8e;--dim: #93776a;--nav-text: #aa9186;--nav-active-text: #fff1e9;--brand: #e68562;--brand-strong: #f0a083;--brand-rgb: 230, 133, 98;--brand-soft: rgba(230, 133, 98, .12);--brand-border: rgba(230, 133, 98, .31);--on-brand: #1b0904;--row-hover: rgba(238, 157, 126, .04);--topbar: rgba(18, 12, 10, .87);--focus-ring: rgba(230, 133, 98, .45);--shadow: 0 18px 64px rgba(10, 3, 1, .38)}[data-theme=dusk]{color-scheme:dark;--bg: #0d0913;--panel: #15101d;--panel-2: #20172b;--panel-3: #2a1f38;--panel-raised: rgba(21, 16, 29, .97);--sidebar-start: #130d1b;--sidebar-end: #0c0812;--card-start: rgba(27, 19, 37, .97);--card-end: rgba(17, 12, 24, .97);--input-bg: #100b17;--code-bg: #09060d;--line: #3d2c4f;--line-strong: #553b69;--text: #f1eaf7;--text-secondary: #d9cde4;--muted: #aa98ba;--dim: #89749c;--nav-text: #a08eaf;--nav-active-text: #f7ecff;--brand: #c18af4;--brand-strong: #d5adfa;--brand-rgb: 193, 138, 244;--brand-soft: rgba(193, 138, 244, .12);--brand-border: rgba(193, 138, 244, .3);--on-brand: #17091f;--row-hover: rgba(205, 159, 246, .04);--topbar: rgba(13, 9, 19, .87);--focus-ring: rgba(193, 138, 244, .45);--shadow: 0 18px 64px rgba(5, 1, 10, .4)}[data-theme=paper]{color-scheme:light;--bg: #f3f0e8;--panel: #fffdf7;--panel-2: #ece8dd;--panel-3: #e2ddd0;--panel-raised: rgba(255, 253, 247, .96);--sidebar-start: #ebe6da;--sidebar-end: #e3ded2;--card-start: rgba(255, 253, 247, .99);--card-end: rgba(247, 243, 234, .99);--input-bg: #fffefa;--code-bg: #e8e3d8;--line: #d4cdbf;--line-strong: #b8b0a1;--text: #1b2028;--text-secondary: #303944;--muted: #59616d;--dim: #737b86;--nav-text: #4e5865;--nav-active-text: #242c53;--brand: #5664d9;--brand-strong: #3f4db9;--brand-rgb: 86, 100, 217;--brand-soft: rgba(86, 100, 217, .1);--brand-border: rgba(86, 100, 217, .27);--on-brand: #ffffff;--cyan: #087f8c;--green: #147a57;--amber: #98620c;--red: #b82f49;--success-soft: rgba(20, 122, 87, .08);--success-border: rgba(20, 122, 87, .25);--warning-soft: rgba(152, 98, 12, .08);--warning-border: rgba(152, 98, 12, .25);--danger-soft: rgba(184, 47, 73, .08);--danger-border: rgba(184, 47, 73, .24);--row-hover: rgba(54, 48, 38, .04);--topbar: rgba(243, 240, 232, .88);--overlay: rgba(32, 27, 20, .52);--focus-ring: rgba(86, 100, 217, .34);--shadow: 0 18px 50px rgba(45, 38, 27, .14)}[data-theme=cloud]{color-scheme:light;--bg: #edf2f7;--panel: #ffffff;--panel-2: #e4ebf2;--panel-3: #d9e3ec;--panel-raised: rgba(255, 255, 255, .96);--sidebar-start: #e5ecf3;--sidebar-end: #dae4ed;--card-start: rgba(255, 255, 255, .99);--card-end: rgba(246, 249, 252, .99);--input-bg: #fcfeff;--code-bg: #dfe7ef;--line: #cbd6e1;--line-strong: #aebdcb;--text: #17212d;--text-secondary: #2c3b4b;--muted: #526273;--dim: #718092;--nav-text: #475a6d;--nav-active-text: #173e73;--brand: #3970c8;--brand-strong: #275ba9;--brand-rgb: 57, 112, 200;--brand-soft: rgba(57, 112, 200, .1);--brand-border: rgba(57, 112, 200, .27);--on-brand: #ffffff;--cyan: #04798b;--green: #197052;--amber: #8b5b0b;--red: #b53450;--success-soft: rgba(25, 112, 82, .08);--success-border: rgba(25, 112, 82, .25);--warning-soft: rgba(139, 91, 11, .08);--warning-border: rgba(139, 91, 11, .25);--danger-soft: rgba(181, 52, 80, .08);--danger-border: rgba(181, 52, 80, .24);--row-hover: rgba(29, 68, 108, .04);--topbar: rgba(237, 242, 247, .88);--overlay: rgba(24, 35, 48, .48);--focus-ring: rgba(57, 112, 200, .32);--shadow: 0 18px 50px rgba(34, 57, 78, .14)}[data-theme=sage]{color-scheme:light;--bg: #eef3ec;--panel: #fbfdf9;--panel-2: #e3ebe0;--panel-3: #d6e2d3;--panel-raised: rgba(251, 253, 249, .96);--sidebar-start: #e4ece1;--sidebar-end: #dbe6d8;--card-start: rgba(251, 253, 249, .99);--card-end: rgba(243, 248, 241, .99);--input-bg: #fcfefb;--code-bg: #dde7da;--line: #c8d5c4;--line-strong: #aabca5;--text: #18231c;--text-secondary: #304137;--muted: #58695d;--dim: #758278;--nav-text: #4e6355;--nav-active-text: #214b37;--brand: #3f7b5c;--brand-strong: #2e6549;--brand-rgb: 63, 123, 92;--brand-soft: rgba(63, 123, 92, .1);--brand-border: rgba(63, 123, 92, .27);--on-brand: #ffffff;--cyan: #177a82;--green: #18704e;--amber: #8c5f12;--red: #b33a52;--success-soft: rgba(24, 112, 78, .08);--success-border: rgba(24, 112, 78, .25);--warning-soft: rgba(140, 95, 18, .08);--warning-border: rgba(140, 95, 18, .25);--danger-soft: rgba(179, 58, 82, .08);--danger-border: rgba(179, 58, 82, .24);--row-hover: rgba(46, 89, 63, .04);--topbar: rgba(238, 243, 236, .88);--overlay: rgba(27, 40, 31, .48);--focus-ring: rgba(63, 123, 92, .32);--shadow: 0 18px 50px rgba(39, 61, 46, .14)}[data-theme=blush]{color-scheme:light;--bg: #f8eff1;--panel: #fffafb;--panel-2: #f1e3e7;--panel-3: #ead6dc;--panel-raised: rgba(255, 250, 251, .96);--sidebar-start: #f1e4e7;--sidebar-end: #eadce0;--card-start: rgba(255, 250, 251, .99);--card-end: rgba(250, 243, 245, .99);--input-bg: #fffcfd;--code-bg: #eadde1;--line: #decbd1;--line-strong: #c6adb5;--text: #2a1b21;--text-secondary: #473039;--muted: #6d535d;--dim: #8a7079;--nav-text: #67505a;--nav-active-text: #6f2946;--brand: #a94e70;--brand-strong: #873754;--brand-rgb: 169, 78, 112;--brand-soft: rgba(169, 78, 112, .1);--brand-border: rgba(169, 78, 112, .27);--on-brand: #ffffff;--cyan: #147985;--green: #1a704f;--amber: #8d5b0c;--red: #b3334d;--success-soft: rgba(26, 112, 79, .08);--success-border: rgba(26, 112, 79, .25);--warning-soft: rgba(141, 91, 12, .08);--warning-border: rgba(141, 91, 12, .25);--danger-soft: rgba(179, 51, 77, .08);--danger-border: rgba(179, 51, 77, .24);--row-hover: rgba(94, 34, 56, .04);--topbar: rgba(248, 239, 241, .89);--overlay: rgba(49, 29, 36, .48);--focus-ring: rgba(169, 78, 112, .3);--shadow: 0 18px 50px rgba(75, 42, 53, .14)}[data-theme]{--dim: var(--muted)}:root{--font-ui: "DM Sans Variable", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}:root{--nav-height: 39px;--control-height: 36px;--table-py: 12px;--card-pad: 18px}[data-density=compact]{--nav-height: 34px;--control-height: 32px;--table-py: 9px;--card-pad: 14px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;background:var(--bg);color:var(--text)}body{min-width:320px;font-size:14px;line-height:1.5;transition:background-color .18s ease,color .18s ease}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;display:flex;flex-direction:column;z-index:30;background:linear-gradient(180deg,var(--sidebar-start) 0%,var(--sidebar-end) 100%);border-right:1px solid var(--line)}.sidebar-brand{height:78px;padding:20px 18px;display:flex;align-items:baseline;gap:9px;border-bottom:1px solid var(--line)}.brand-mark{font-size:22px;font-weight:700;letter-spacing:-.06em}.brand-mark span{color:var(--brand)}.sidebar-brand small{color:var(--muted);font:700 12px var(--font-ui);letter-spacing:.1em}.sidebar nav{padding:16px 12px;overflow-y:auto;flex:1}.nav-group+.nav-group{margin-top:22px}.nav-label{margin:0 10px 8px;color:var(--muted);font:700 12px var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.sidebar nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:var(--nav-height);padding:0 11px;margin:2px 0;color:var(--nav-text);border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:550;transition:.16s ease}.sidebar nav a:hover{color:var(--text);background:var(--row-hover)}.sidebar nav a.active{color:var(--nav-active-text);background:var(--brand-soft);border-color:var(--brand-border)}.sidebar nav a.active:before{content:"";position:absolute;left:-13px;width:2px;height:20px;background:var(--brand);border-radius:0 2px 2px 0;box-shadow:0 0 14px var(--brand)}.sidebar-foot{padding:12px;border-top:1px solid var(--line)}.sidebar-foot>.appearance-picker{margin-bottom:8px}.control-status{display:flex;align-items:center;gap:7px;color:var(--muted);font:500 12px var(--font-mono);margin:0 6px 12px}.control-status svg{color:var(--green)}.control-status b{margin-left:auto;color:var(--green);font-weight:500}.profile-block{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;gap:9px;align-items:center;padding:9px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--on-brand);font-weight:700}.profile-block strong,.profile-block small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-block strong{font-size:14px}.profile-block small{color:var(--muted);font:650 11px var(--font-ui);text-transform:uppercase;margin-top:2px}.profile-block button,.mobile-close,.mobile-menu{border:0;background:transparent;cursor:pointer;color:var(--muted)}.profile-block button:hover{color:var(--red)}.mobile-close,.mobile-menu{display:none}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:54px;display:flex;align-items:center;padding:0 28px;background:var(--topbar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font:550 11px var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.breadcrumb svg{color:var(--brand)}.breadcrumb b{color:var(--line-strong)}.topbar-org{margin-left:auto;color:var(--muted);font:550 11px var(--font-mono);letter-spacing:.08em}.page{width:min(1540px,100%);margin:0 auto;padding:34px 34px 64px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-header h1{margin:3px 0 4px;font-size:clamp(27px,3vw,38px);line-height:1.08;letter-spacing:-.035em}.page-header p{margin:0;color:var(--muted);font-size:14px}.eyebrow{color:var(--brand-strong);font:650 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.page-actions{display:flex;align-items:center;gap:9px}.card{background:linear-gradient(180deg,var(--card-start),var(--card-end));border:1px solid var(--line);border-radius:13px;box-shadow:0 1px #ffffff05 inset}.card-header{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px var(--card-pad);border-bottom:1px solid var(--line)}.card-header h2,.card-header h3{margin:0;font-size:14px}.card-body{padding:var(--card-pad)}.grid{display:grid;gap:15px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat-card{min-height:120px;padding:var(--card-pad);background:var(--panel);border:1px solid var(--line);border-radius:12px}.stat-card .stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-card .stat-top svg{color:var(--brand)}.stat-card strong{display:block;margin-top:17px;font:600 28px var(--font-mono);letter-spacing:-.04em}.stat-card small{color:var(--muted);font-size:12px}.button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-2);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;transition:.15s ease}.button:hover{border-color:var(--brand-border);background:var(--panel-3);transform:translateY(-1px)}.button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.button.primary:hover{background:var(--brand-strong)}.button.danger{color:var(--red);border-color:var(--danger-border);background:var(--danger-soft)}.button.ghost{background:transparent;border-color:transparent;color:var(--muted)}.button.small{min-height:31px;padding:0 10px;font-size:12px}.button:disabled{opacity:.45;pointer-events:none}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted);cursor:pointer}.icon-button:hover{color:var(--text);border-color:var(--line-strong)}.field{display:grid;gap:7px}.field>span,.field label{color:var(--muted);font-size:12px;font-weight:600}.input,.select,.textarea{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--line-strong);border-radius:8px;outline:none;background:var(--input-bg);color:var(--text);font-size:14px}.textarea{min-height:92px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.check input{accent-color:var(--brand)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{padding:11px 14px;color:var(--muted);text-align:left;font:650 11px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:var(--table-py) 14px;color:var(--text-secondary);font-size:13px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--row-hover)}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.dim{color:var(--dim)}.text-danger{color:var(--red)}.text-success{color:var(--green)}.status-pill{width:fit-content;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font:650 11px var(--font-mono);text-transform:uppercase}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill[data-tone=success]{color:var(--green);border-color:var(--success-border);background:var(--success-soft)}.status-pill[data-tone=danger]{color:var(--red);border-color:var(--danger-border);background:var(--danger-soft)}.status-pill[data-tone=warning]{color:var(--amber);border-color:var(--warning-border);background:var(--warning-soft)}.tabs{display:flex;align-items:center;gap:3px;padding:4px;width:fit-content;background:var(--panel);border:1px solid var(--line);border-radius:9px}.tabs button,.tabs a{min-height:32px;padding:0 11px;display:inline-flex;align-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600}.tabs .active{background:var(--panel-3);color:var(--text)}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:16px}.toolbar .search{position:relative;min-width:240px;flex:1}.toolbar .search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--dim)}.toolbar .search .input{padding-left:35px}.split-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;align-items:start}.list-panel{overflow:hidden}.list-button{width:100%;display:grid;gap:5px;padding:var(--table-py) 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer}.list-button:last-child{border-bottom:0}.list-button:hover,.list-button.active{background:var(--panel-2);color:var(--text)}.list-button.active{box-shadow:2px 0 var(--brand) inset}.list-button strong{font-size:13px}.list-button small{color:var(--muted);font:500 11px var(--font-mono)}.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--dim);text-align:center;padding:30px}.empty-state strong{color:var(--muted);font-size:13px}.empty-state span{font-size:12px;max-width:360px}.loading-state{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px}.spinner{width:16px;height:16px;border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .75s linear infinite}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:18px}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{width:min(520px,100%);max-height:min(800px,calc(100vh - 40px));overflow:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow)}.modal-card.wide{width:min(860px,100%)}.modal-card>header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px;background:var(--panel-raised);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card h2{margin:0;font-size:16px}.modal-card header p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-body{padding:18px}.modal-enter-active,.modal-leave-active{transition:.16s ease}.modal-enter-from,.modal-leave-to{opacity:0}.toast-host{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}.toast{min-width:250px;max-width:420px;padding:11px 13px;background:var(--panel-3);border:1px solid var(--line-strong);border-left:3px solid var(--brand);border-radius:8px;box-shadow:var(--shadow);font-size:13px}.toast[data-tone=success]{border-left-color:var(--green)}.toast[data-tone=danger]{border-left-color:var(--red)}.toast-enter-active,.toast-leave-active{transition:.18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.code-block{overflow:auto;padding:14px;border-radius:9px;background:var(--code-bg);border:1px solid var(--line);color:var(--text-secondary);font:12px/1.65 var(--font-mono);white-space:pre-wrap}.progress{height:5px;overflow:hidden;border-radius:99px;background:var(--line)}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--cyan))}small{font-family:var(--font-ui)!important;font-size:12px!important;line-height:1.4}.method,.scope-list span,.record-type,.zone-tags span,.zone-meta,.rank-row .rank,.member-list span,.bar-column span,.dns-layout pre{font-family:var(--font-mono)!important;font-size:11px!important;line-height:1.4}.field-note,.secret-note,.node-row span,.rank-row .mono,.node-head small,.group-card small,.telemetry-head p,.resource span,.resource strong,.metric-grid span,.backup-row strong,.backup-row span,.backup-row small,.user-card span,.card-header small,.choice small,.key-values span,.key-values strong,.cache-grid span,.health-row>div span,.zone-title span{font-size:12px!important;line-height:1.45}.resource strong,.cache-grid strong{font-family:var(--font-mono)!important}.node-address strong,.metric-grid strong,.endpoint code,.secret-box code,.log-list span.mono{font-family:var(--font-mono)!important;font-size:12px!important}.node-foot,.telemetry-foot,.node-alert,.snapshot-group>span,.endpoint p,.bucket-summary p,.usage>div:first-child{font-size:12px!important;line-height:1.45}.section-title h2{font-size:14px!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media(max-width:1080px){.stats-grid,.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{display:block}.workspace{grid-column:auto}.sidebar{transform:translate(-101%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.mobile-scrim{position:fixed;inset:0;z-index:25;background:#000000a3}.mobile-close,.mobile-menu{display:grid;place-items:center}.mobile-close{margin-left:auto}.topbar{padding:0 16px;gap:10px}.page{padding:24px 16px 48px}.page-header{align-items:flex-start;flex-direction:column}.page-actions{width:100%;overflow-x:auto}.stats-grid,.grid.cols-2,.grid.cols-3,.grid.cols-4,.form-row,.split-layout{grid-template-columns:1fr}.topbar-org{display:none}}