@font-face{font-family:"Ark Pixel 10px Prop";src:url(./fonts/ark-pixel-10px-proportional-latin.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Ark Pixel 10px Prop";src:url(./fonts/ark-pixel-10px-proportional-zh_cn.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"Ark Pixel 12px Prop";src:url(./fonts/ark-pixel-12px-proportional-latin.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Ark Pixel 12px Prop";src:url(./fonts/ark-pixel-12px-proportional-zh_cn.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"Ark Pixel 16px Prop";src:url(./fonts/ark-pixel-16px-proportional-latin.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Ark Pixel 16px Prop";src:url(./fonts/ark-pixel-16px-proportional-zh_cn.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"Ark Pixel 10px Mono";src:url(./fonts/ark-pixel-10px-monospaced-latin.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Ark Pixel 10px Mono";src:url(./fonts/ark-pixel-10px-monospaced-zh_cn.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"Ark Pixel 12px Mono";src:url(./fonts/ark-pixel-12px-monospaced-latin.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Ark Pixel 12px Mono";src:url(./fonts/ark-pixel-12px-monospaced-zh_cn.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"Ark Pixel 16px Mono";src:url(./fonts/ark-pixel-16px-monospaced-latin.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Ark Pixel 16px Mono";src:url(./fonts/ark-pixel-16px-monospaced-zh_cn.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}html[data-px-theme=white],:root[data-px-theme=white],[data-px-theme=white]{--px-color-bg: #ffffff;--px-color-surface: #ffffff;--px-color-surface-raised: #f5f5f5;--px-color-border: #e5e5e5;--px-color-text: #0a0a0a;--px-color-text-muted: #6b6b6b;--px-color-accent: #2d8a4e;--px-color-accent-hover: #38b764;--px-color-shadow: #cccccc;--px-color-success: #38b764;--px-color-danger: #d32f2f;--px-color-warning: #c47f17;--px-color-info: #2d8a4e;--px-color-mask: color-mix(in srgb, #0a0a0a 45%, transparent)}html[data-px-theme=black],:root[data-px-theme=black],[data-px-theme=black]{--px-color-bg: #000000;--px-color-surface: #0a0a0a;--px-color-surface-raised: #141414;--px-color-border: #2a2a2a;--px-color-text: #ffffff;--px-color-text-muted: #8a8a8a;--px-color-accent: #38b764;--px-color-accent-hover: #4ade80;--px-color-shadow: #000000;--px-color-success: #38b764;--px-color-danger: #e43b44;--px-color-warning: #d4a017;--px-color-info: #38b764;--px-color-mask: color-mix(in srgb, #000000 60%, transparent)}html[data-px-theme=green],:root[data-px-theme=green],[data-px-theme=green]{--px-color-bg: #0f380f;--px-color-surface: #1a4d1a;--px-color-surface-raised: #2d6b2d;--px-color-border: #8bac0f;--px-color-text: #c4d99a;--px-color-text-muted: #9bbc0f;--px-color-accent: #9bbc0f;--px-color-accent-hover: #c4d99a;--px-color-shadow: #051405;--px-color-success: #9bbc0f;--px-color-danger: #e43b44;--px-color-warning: #d4a017;--px-color-info: #8bac0f;--px-color-mask: color-mix(in srgb, #051405 65%, transparent)}html[data-px-theme=grass-light],:root[data-px-theme=grass-light],[data-px-theme=grass-light]{--px-color-accent: #12AF6B;--px-color-accent-hover: #32BF7D;--px-color-bg: #ffffff;--px-color-border: #E7F3EC;--px-color-brand-1: #E8FFF1;--px-color-brand-10: #004D36;--px-color-brand-2: #B3EFCD;--px-color-brand-3: #83DFAE;--px-color-brand-4: #58CF94;--px-color-brand-5: #32BF7D;--px-color-brand-6: #12AF6B;--px-color-brand-7: #0C965F;--px-color-brand-8: #067E52;--px-color-brand-9: #036544;--px-color-danger: #EC3C3C;--px-color-danger-1: #FFECE8;--px-color-danger-10: #4D000A;--px-color-danger-2: #FBCBC4;--px-color-danger-3: #F7A9A0;--px-color-danger-4: #F4867E;--px-color-danger-5: #F0615C;--px-color-danger-6: #EC3C3C;--px-color-danger-7: #C4252B;--px-color-danger-8: #9C141D;--px-color-danger-9: #740712;--px-color-info: #02AFC5;--px-color-info-1: #E8FFFE;--px-color-info-10: #00394D;--px-color-info-2: #B2F3F2;--px-color-info-3: #80E6E8;--px-color-info-4: #51D5DC;--px-color-info-5: #28C3D1;--px-color-info-6: #02AFC5;--px-color-info-7: #018EA7;--px-color-info-8: #017089;--px-color-info-9: #00546B;--px-color-mask: color-mix(in srgb, #0a0a0a 45%, transparent);--px-color-neutral-1: #F3F7F5;--px-color-neutral-10: #1E2A1F;--px-color-neutral-2: #F1F4F2;--px-color-neutral-3: #E7F3EC;--px-color-neutral-4: #C9D4C9;--px-color-neutral-5: #a9aeb8;--px-color-neutral-6: #809D89;--px-color-neutral-7: #6b7785;--px-color-neutral-8: #405E40;--px-color-neutral-9: #272e3b;--px-color-shadow: #C9D4C9;--px-color-success: #8EC11F;--px-color-success-1: #FCFFE8;--px-color-success-10: #2A4D00;--px-color-success-2: #E8F3B8;--px-color-success-3: #D3E68C;--px-color-success-4: #BCDA64;--px-color-success-5: #A5CD40;--px-color-success-6: #8EC11F;--px-color-success-7: #71A414;--px-color-success-8: #57870B;--px-color-success-9: #3F6A04;--px-color-surface: #ffffff;--px-color-surface-raised: #F1F4F2;--px-color-text: #1E2A1F;--px-color-text-muted: #809D89;--px-color-warning: #EC8A25;--px-color-warning-1: #FFF7E8;--px-color-warning-10: #4D1C00;--px-color-warning-2: #FBE5BF;--px-color-warning-3: #F7D197;--px-color-warning-4: #F4BA70;--px-color-warning-5: #F0A24A;--px-color-warning-6: #EC8A25;--px-color-warning-7: #C46817;--px-color-warning-8: #9C4B0C;--px-color-warning-9: #743105}html[data-px-theme=grass-dark],:root[data-px-theme=grass-dark],[data-px-theme=grass-dark]{--px-color-accent: #2DCB81;--px-color-accent-hover: #20BE79;--px-color-bg: #000000;--px-color-border: #4B5346;--px-color-brand-1: #004D36;--px-color-brand-10: #F0FFF6;--px-color-brand-2: #026946;--px-color-brand-3: #098558;--px-color-brand-4: #14A269;--px-color-brand-5: #20BE79;--px-color-brand-6: #2DCB81;--px-color-brand-7: #57D898;--px-color-brand-8: #85E5B2;--px-color-brand-9: #B8F2D1;--px-color-danger: #DF6446;--px-color-danger-1: #4D0300;--px-color-danger-10: #FFF0E9;--px-color-danger-2: #6F0B04;--px-color-danger-3: #921C0F;--px-color-danger-4: #B4331F;--px-color-danger-5: #D74F34;--px-color-danger-6: #DF6446;--px-color-danger-7: #E7886B;--px-color-danger-8: #EFAB92;--px-color-danger-9: #F7CEBC;--px-color-info: #5778E1;--px-color-info-1: #00054D;--px-color-info-10: #F2F6FF;--px-color-info-2: #081270;--px-color-info-3: #162693;--px-color-info-4: #2A41B7;--px-color-info-5: #4362DA;--px-color-info-6: #5778E1;--px-color-info-7: #7B99E9;--px-color-info-8: #A0B8F0;--px-color-info-9: #C9D9F8;--px-color-mask: color-mix(in srgb, #000000 60%, transparent);--px-color-neutral-1: #ffffff;--px-color-neutral-10: #000000;--px-color-neutral-2: #C9D4CC;--px-color-neutral-3: #4B5346;--px-color-neutral-4: #112D0B;--px-color-neutral-5: #4a4a4a;--px-color-neutral-6: #9FB79F;--px-color-neutral-7: #6b6b6b;--px-color-neutral-8: #2E3831;--px-color-neutral-9: #0a0a0a;--px-color-shadow: #000000;--px-color-success: #ABDF8B;--px-color-success-1: #114D00;--px-color-success-10: #F8FFF1;--px-color-success-2: #256F0B;--px-color-success-3: #419222;--px-color-success-4: #66B441;--px-color-success-5: #90D76A;--px-color-success-6: #ABDF8B;--px-color-success-7: #BFE7A2;--px-color-success-8: #D3EFBB;--px-color-success-9: #E5F7D5;--px-color-surface: #0a0a0a;--px-color-surface-raised: #2E3831;--px-color-text: #ffffff;--px-color-text-muted: #9FB79F;--px-color-warning: #E5B658;--px-color-warning-1: #4D2600;--px-color-warning-10: #FFFCF1;--px-color-warning-2: #713F07;--px-color-warning-3: #965E15;--px-color-warning-4: #BA802A;--px-color-warning-5: #DFA744;--px-color-warning-6: #E5B658;--px-color-warning-7: #ECCA7B;--px-color-warning-8: #F2DCA0;--px-color-warning-9: #F9EEC8}:root{--px-unit: 4px;--px-cell: 2.4px;--px-border: var(--px-cell);--px-border-thick: calc(var(--px-cell) * 2);--px-color-bg: #000000;--px-color-surface: #0a0a0a;--px-color-surface-raised: #141414;--px-color-border: #2a2a2a;--px-color-text: #ffffff;--px-color-text-muted: #8a8a8a;--px-color-accent: #38b764;--px-color-accent-hover: #4ade80;--px-color-shadow: #000000;--px-color-danger: #e43b44;--px-color-success: #38b764;--px-color-warning: #d4a017;--px-color-info: #38b764;--px-color-mask: color-mix(in srgb, #000000 60%, transparent);--px-pixel-r: #ff0040;--px-pixel-g: #00ff66;--px-pixel-b: #0080ff;--px-font-12: "Ark Pixel 12px Prop", "Courier New", Courier, monospace;--px-font-mono-12: "Ark Pixel 12px Mono", "Courier New", Courier, monospace;--px-font: var(--px-font-12);--px-font-mono: var(--px-font-mono-12);--px-font-size-xs: 12px;--px-font-size-sm: 14px;--px-font-size-md: 16px;--px-font-size-lg: 20px;--px-font-size-xl: 24px;--px-font-size-display-sm: 36px;--px-font-size-display-md: 48px;--px-font-size-display-lg: 56px;--px-line-height-xs: 18px;--px-line-height-sm: 21px;--px-line-height-sm-paragraph: 28px;--px-line-height-md: 24px;--px-line-height-lg: 30px;--px-line-height-xl: 36px;--px-line-height-display-sm: 54px;--px-line-height-display-md: 72px;--px-line-height-display-lg: 84px;--px-space-1: calc(var(--px-unit) * 1);--px-space-2: calc(var(--px-unit) * 2);--px-space-3: calc(var(--px-unit) * 3);--px-space-4: calc(var(--px-unit) * 4);--px-space-6: calc(var(--px-unit) * 6);--px-space-8: calc(var(--px-unit) * 8);--px-shadow-offset: var(--px-border-thick)}body.px-root,.px-root{margin:0;min-height:100vh;font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);color:var(--px-color-text);background-color:var(--px-color-bg);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.px-text-muted{color:var(--px-color-text-muted)}.px-crisp{image-rendering:pixelated;image-rendering:crisp-edges}.px-text-xs,.px-text-sm,.px-text-sm-paragraph,.px-text-md,.px-text-lg,.px-text-xl,.px-text-display-sm,.px-text-display-md,.px-text-display-lg,.px-text-code,.px-text-code-sm,.px-text-code-lg,.px-font-mono{font-weight:400;font-synthesis:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.px-text-xs{font-family:var(--px-font-12);font-size:var(--px-font-size-xs);line-height:var(--px-line-height-xs)}.px-text-sm{font-family:var(--px-font-12);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm)}.px-text-sm-paragraph{font-family:var(--px-font-12);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm-paragraph)}.px-text-md{font-family:var(--px-font-12);font-size:var(--px-font-size-md);line-height:var(--px-line-height-md)}.px-text-lg{font-family:var(--px-font-12);font-size:var(--px-font-size-lg);line-height:var(--px-line-height-lg)}.px-text-xl{font-family:var(--px-font-12);font-size:var(--px-font-size-xl);line-height:var(--px-line-height-xl)}.px-text-display-sm{font-family:var(--px-font-12);font-size:var(--px-font-size-display-sm);line-height:var(--px-line-height-display-sm)}.px-text-display-md{font-family:var(--px-font-12);font-size:var(--px-font-size-display-md);line-height:var(--px-line-height-display-md)}.px-text-display-lg{font-family:var(--px-font-12);font-size:var(--px-font-size-display-lg);line-height:var(--px-line-height-display-lg)}.px-font-mono{font-family:var(--px-font-mono)}.px-text-code{font-family:var(--px-font-mono-12);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm)}.px-text-code-sm{font-family:var(--px-font-mono-12);font-size:var(--px-font-size-xs);line-height:var(--px-line-height-xs)}.px-text-code-lg{font-family:var(--px-font-mono-12);font-size:var(--px-font-size-md);line-height:var(--px-line-height-md)}[data-px-button]{display:inline-flex;align-items:center;justify-content:center;gap:var(--px-space-2);padding:var(--px-space-2) var(--px-space-4);font-family:var(--px-font-12);font-size:var(--px-font-size-xs);line-height:var(--px-line-height-xs);color:var(--px-color-text);background:var(--px-color-surface-raised);border:var(--px-border) solid var(--px-color-border);border-radius:4px;cursor:pointer;transition:background .1s ease}[data-px-button]:hover:not(:disabled){background:var(--px-color-border)}[data-px-button]:disabled{opacity:.5;cursor:not-allowed}[data-px-button][data-size=sm]{gap:var(--px-space-1);padding:var(--px-space-1) var(--px-space-3);border-radius:2px}[data-px-button][data-size=lg]{gap:var(--px-space-3);padding:var(--px-space-3) var(--px-space-6);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);border-radius:6px}[data-px-button][data-variant=primary]{background:var(--px-color-accent);border-color:var(--px-color-accent-hover);color:var(--px-color-bg)}[data-px-button][data-variant=primary]:hover:not(:disabled){background:var(--px-color-accent-hover)}[data-px-button][data-variant=danger]{background:var(--px-color-danger);border-color:#ff6b6b;color:var(--px-color-text)}[data-px-panel]{background:var(--px-color-surface);border:var(--px-border) solid var(--px-color-border);box-shadow:var(--px-shadow-offset) var(--px-shadow-offset) 0 var(--px-color-shadow)}[data-px-panel-header]{padding:var(--px-space-3) var(--px-space-4);font-family:var(--px-font-12);font-size:var(--px-font-size-xs);border-bottom:var(--px-border) solid var(--px-color-border);background:var(--px-color-surface-raised)}[data-px-panel-body]{padding:var(--px-space-4)}.px-icon{display:inline-block;flex-shrink:0;vertical-align:middle;image-rendering:pixelated;image-rendering:crisp-edges}.px-shape-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;shape-rendering:crispEdges}.px-shape-border{fill:#000}.px-shape-fill{fill:var(--px-color-surface-raised)}.px-shape-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}[data-px-navbar]{--px-navbar-control: calc(var(--px-unit) * 9);display:flex;flex-direction:column;width:100%;background:var(--px-color-surface);border-bottom:var(--px-border) solid var(--px-color-border);font-family:var(--px-font);color:var(--px-color-text)}[data-px-navbar-row]{display:flex;align-items:center;gap:var(--px-space-3);padding:0 var(--px-space-4);min-height:calc(var(--px-unit) * 12)}[data-px-navbar-row][data-variant=primary]{flex-wrap:nowrap;padding-left:calc(var(--px-unit) * 1.5);padding-right:calc(var(--px-unit) * 1.5)}[data-px-navbar-row][data-variant=secondary],[data-px-navbar-row][data-variant=tertiary]{min-height:calc(var(--px-unit) * 8);padding:0 calc(var(--px-unit) * 1.5);border-top:var(--px-border) solid var(--px-color-border)}[data-px-navbar-row][data-variant=secondary] [data-px-navbar-tab],[data-px-navbar-row][data-variant=tertiary] [data-px-navbar-tab]{height:calc(var(--px-unit) * 6);padding:0 var(--px-space-3)}[data-px-navbar-row][data-variant=secondary] [data-px-navbar-tab][data-active=true],[data-px-navbar-row][data-variant=tertiary] [data-px-navbar-tab][data-active=true]{color:var(--px-color-text);background:var(--px-color-surface-raised);border-color:var(--px-color-border);box-shadow:none}[data-px-navbar-group]{display:flex;align-items:center;gap:var(--px-space-3);min-width:0}[data-px-navbar-group][data-align=end]{flex:0 1 auto;margin-left:auto;justify-content:flex-end;gap:calc(var(--px-unit) * 1.5)}[data-px-navbar-group][data-align=end] [data-px-navbar-icon-rail]{margin-right:var(--px-space-2)}[data-px-navbar-group][data-align=start]{flex:0 1 auto}[data-px-navbar-group][data-align=center]{flex:1 1 auto;justify-content:flex-start}[data-px-navbar-menu]{display:inline-flex;align-items:center;justify-content:center;width:var(--px-navbar-control);height:var(--px-navbar-control);padding:0;box-sizing:border-box;color:var(--px-color-text);background:var(--px-color-surface-raised);border:var(--px-border) solid var(--px-color-border);cursor:pointer}[data-px-navbar-menu]:hover{border-color:var(--px-color-accent)}[data-px-navbar-brand]{display:inline-flex;align-items:center;gap:var(--px-space-2);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);white-space:nowrap}.px-navbar__brand-product{font-size:var(--px-font-size-md);font-weight:700}.px-navbar__brand-sep,.px-navbar__brand-page{color:var(--px-color-text-muted)}.px-navbar__brand-page{display:inline-block;flex-shrink:0;min-width:4em;text-align:left}[data-px-navbar-search]{position:relative;display:inline-flex;align-items:center;width:calc(var(--px-unit) * 40);max-width:100%;flex-shrink:0;--px-navbar-search-height: calc(var(--px-unit) * 7)}.px-navbar__search-icon{position:absolute;left:var(--px-space-2);top:50%;z-index:1;flex-shrink:0;color:var(--px-color-text-muted);opacity:.65;pointer-events:none;transform:translateY(-50%)}.px-navbar__search-input{width:100%;height:var(--px-navbar-search-height);box-sizing:border-box;padding:0 var(--px-space-3);padding-left:calc(var(--px-space-2) + 16px + var(--px-space-1));padding-right:calc(var(--px-space-2) + 16px);font-family:var(--px-font);font-size:var(--px-font-size-xs);line-height:var(--px-navbar-search-height);color:var(--px-color-text);background:var(--px-color-bg);border:2px solid var(--px-color-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.px-navbar__search-input::-webkit-search-cancel-button,.px-navbar__search-input::-webkit-search-decoration,.px-navbar__search-input::-webkit-search-results-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.px-navbar__search-clear{position:absolute;right:var(--px-space-1);top:50%;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;box-sizing:border-box;color:var(--px-color-text-muted);background:transparent;border:none;cursor:pointer;transform:translateY(-50%)}.px-navbar__search-clear:hover{color:var(--px-color-text)}.px-navbar__search-clear-icon{display:block}.px-navbar__search-input::placeholder{color:color-mix(in srgb,var(--px-color-text-muted) 45%,transparent)}.px-navbar__search-input:focus{border-color:var(--px-color-accent)}[data-px-navbar-icon-rail]{display:flex;align-items:center;gap:var(--px-space-1);max-width:100%;overflow-x:auto;scrollbar-width:thin}[data-px-navbar-icon-btn]{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--px-navbar-control);height:var(--px-navbar-control);padding:0;box-sizing:border-box;color:var(--px-color-text-muted);background:var(--px-color-surface-raised);border:var(--px-border) solid var(--px-color-border);cursor:pointer}[data-px-navbar-icon-btn]:hover{color:var(--px-color-text);border-color:var(--px-color-border)}[data-px-navbar-icon-btn][data-active=true]{color:var(--px-color-accent);border-color:var(--px-color-accent);background:var(--px-color-surface)}[data-px-navbar-divider]{flex-shrink:0;width:var(--px-border);height:var(--px-navbar-control);background:var(--px-color-border)}[data-px-navbar-status]{display:inline-flex;align-items:center;gap:var(--px-space-2);height:var(--px-navbar-control);box-sizing:border-box;padding:0 var(--px-space-3);font-family:var(--px-font);font-size:var(--px-font-size-xs);line-height:1;color:var(--px-color-text);background:var(--px-color-surface-raised);border:var(--px-border) solid var(--px-color-border);cursor:pointer;white-space:nowrap}.px-navbar__status-dot{width:8px;height:8px;background:var(--px-color-success)}[data-px-navbar-status][data-status=busy] .px-navbar__status-dot{background:var(--px-color-warning)}[data-px-navbar-status][data-status=offline] .px-navbar__status-dot{background:var(--px-color-text-muted)}[data-px-navbar-avatar]{display:inline-flex;align-items:center;justify-content:center;width:var(--px-navbar-control);height:var(--px-navbar-control);padding:0;box-sizing:border-box;font-family:var(--px-font);font-size:var(--px-font-size-sm);color:var(--px-color-text);background:var(--px-color-surface-raised);border:var(--px-border) solid var(--px-color-border);cursor:pointer}[data-px-navbar-tabs]{display:flex;align-items:center;gap:var(--px-space-1)}[data-px-navbar-tab]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:calc(var(--px-unit) * 6);padding:0 var(--px-space-3);font-family:var(--px-font);font-size:var(--px-font-size-xs);line-height:1;color:var(--px-color-text-muted);background:transparent;border:var(--px-border) solid transparent;cursor:pointer}[data-px-navbar-tab]:hover{color:var(--px-color-text)}[data-px-navbar-tab][data-active=true]{color:var(--px-color-text);background:var(--px-color-surface-raised);border-color:var(--px-color-border)}[data-px-drawer-backdrop]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;padding:0;border:none;background:var(--px-color-mask);cursor:pointer}[data-px-drawer-backdrop][data-position=absolute]{position:absolute}[data-px-drawer]{position:fixed;top:0;z-index:201;display:flex;flex-direction:column;width:min(280px,86vw);max-width:100%;height:100vh;box-sizing:border-box;background:var(--px-color-surface);border:var(--px-border) solid var(--px-color-border);box-shadow:var(--px-shadow-offset) 0 0 var(--px-color-shadow)}[data-px-drawer][data-position=absolute]{position:absolute;height:100%}[data-px-drawer][data-side=left]{left:0;border-right-width:2px;border-left-width:0}[data-px-drawer][data-side=right]{right:0;border-left-width:var(--px-border);border-right-width:0;box-shadow:calc(var(--px-border-thick) * -1) 0 0 var(--px-color-shadow)}[data-px-drawer][data-variant=inline]{position:static;height:100%;box-shadow:none}.px-drawer__head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--px-space-3);box-sizing:border-box;height:48px;padding:0 var(--px-space-4);border-bottom:var(--px-border) solid var(--px-color-border);background:var(--px-color-surface-raised)}.px-drawer__title{margin:0;font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);color:var(--px-color-text)}.px-drawer__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--px-color-text-muted);background:transparent;border:none;cursor:pointer}.px-drawer__close:hover{color:var(--px-color-text)}.px-drawer__scroll{flex:1;min-height:0;min-width:0;overflow:hidden}.px-drawer__scroll .px-scrollbar__viewport{flex:1;min-height:0}.px-drawer__scroll .px-scrollbar__content{overflow-x:hidden;overflow-y:auto}.px-drawer__body{box-sizing:border-box;padding:var(--px-space-4)}.px-round-frame{position:relative;box-sizing:border-box}.px-round-frame__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;shape-rendering:crispEdges}.px-round-frame__border{fill:#000}.px-round-frame__fill--surface{fill:var(--px-color-surface)}.px-round-frame__fill--raised{fill:var(--px-color-surface-raised)}.px-round-frame__fill--accent{fill:var(--px-color-accent)}.px-round-frame__fill--info{fill:var(--px-color-info-1)}.px-round-frame__fill--transparent{fill:transparent}.px-round-frame__content{position:relative;z-index:1;height:100%}.px-round-btn{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border:none;background:transparent;cursor:pointer;font-family:var(--px-font-12);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);font-weight:400;font-synthesis:none;-webkit-font-smoothing:none;transition:transform .05s ease,filter .05s ease}.px-round-btn__label{position:relative;z-index:1;max-width:100%;padding:0 var(--px-space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-round-btn__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;shape-rendering:crispEdges}.px-round-btn__border{fill:#000}.px-round-btn[data-variant=default] .px-round-btn__fill{fill:#7a9b8f}.px-round-btn[data-variant=default] .px-round-btn__label{color:#fff}.px-round-btn[data-variant=primary] .px-round-btn__fill{fill:var(--px-color-accent)}.px-round-btn[data-variant=primary] .px-round-btn__label{color:#fff}.px-round-btn[data-variant=mint] .px-round-btn__fill{fill:var(--px-color-surface-raised)}.px-round-btn[data-variant=mint] .px-round-btn__label{color:var(--px-color-text)}.px-round-btn[data-variant=outline] .px-round-btn__fill{fill:var(--px-color-bg)}.px-round-btn[data-variant=outline] .px-round-btn__label{color:var(--px-color-text)}.px-round-btn:hover:not(:disabled)[data-variant=default] .px-round-btn__fill{fill:#6b8e82}.px-round-btn:hover:not(:disabled)[data-variant=primary] .px-round-btn__fill{fill:var(--px-color-accent-hover)}.px-round-btn:hover:not(:disabled)[data-variant=mint] .px-round-btn__fill{fill:#dfece2}.px-round-btn:hover:not(:disabled)[data-variant=outline] .px-round-btn__fill{fill:var(--px-color-surface-raised)}.px-round-btn:active:not(:disabled){transform:translate(var(--px-cell),var(--px-cell))}.px-round-btn:disabled{opacity:.45;cursor:not-allowed}.basic-2navbar-web-showcase{position:relative;display:flex;flex-direction:column;width:100%;min-height:480px;overflow:hidden}.basic-2navbar-web-menu-drawer__section+.basic-2navbar-web-menu-drawer__section{margin-top:var(--px-space-4);padding-top:var(--px-space-4);border-top:var(--px-border) solid var(--px-color-border)}.basic-2navbar-web-menu-drawer__nav,.basic-2navbar-web-menu-drawer__list{display:flex;flex-direction:column;gap:var(--px-space-1);margin:0;padding:0;list-style:none}.basic-2navbar-web-menu-drawer__item{display:flex;align-items:center;gap:var(--px-space-2);width:100%;box-sizing:border-box;padding:var(--px-space-2) var(--px-space-3);font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);color:var(--px-color-text);text-align:left;background:transparent;border:var(--px-border) solid transparent;cursor:pointer}.basic-2navbar-web-menu-drawer__item:hover{background:var(--px-color-surface-raised);border-color:var(--px-color-border)}.basic-2navbar-web-menu-drawer__icon{flex-shrink:0;color:var(--px-color-text-muted)}.basic-2navbar-web-showcase__stage{position:relative;z-index:0;display:flex;justify-content:flex-end;align-items:flex-start;gap:40px;flex:1;min-height:400px;box-sizing:border-box;padding:var(--px-space-4)}.basic-2navbar-web-showcase__stage-slot{display:flex;flex-shrink:0}.basic-2navbar-web-showcase__stage-slot--menu{height:480px}.basic-2navbar-web-popover{width:180px;box-sizing:border-box}.basic-2navbar-web-popover .px-round-frame__border{fill:var(--px-color-border)}.basic-2navbar-web-popover.px-round-frame{--basic-2navbar-web-popover-radius: 4px}.basic-2navbar-web-popover .px-round-frame__content{padding:var(--px-space-3)}.basic-2navbar-web-popover-anchor{position:absolute;z-index:2}.basic-2navbar-web-popover-anchor--user{top:calc(var(--px-unit) * 12 + var(--px-unit));right:calc(var(--px-unit) * 1.5)}.basic-2navbar-web-popover-anchor--agent{position:fixed;right:20px;bottom:20px;z-index:50}.basic-2navbar-web-agent-chat-shell{position:relative;flex-shrink:0;box-sizing:border-box}.basic-2navbar-web-popover--agent-chat{width:100%;height:100%}.basic-2navbar-web-popover--agent-chat .px-round-frame__content{display:flex;flex-direction:column;min-height:0;padding:8px}.basic-2navbar-web-agent-chat__body{display:flex;flex:1;flex-direction:column;gap:var(--px-space-2);min-height:0}.basic-2navbar-web-agent-chat__head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--px-space-2)}.basic-2navbar-web-agent-chat__head-main{display:flex;align-items:center;gap:var(--px-space-2);min-width:0}.basic-2navbar-web-agent-chat__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--px-color-text-muted);background:transparent;border:none;cursor:pointer}.basic-2navbar-web-agent-chat__close:hover{color:var(--px-color-text)}.basic-2navbar-web-agent-chat__icon{color:var(--px-color-text-muted)}.basic-2navbar-web-agent-chat__title{font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);font-weight:600}.basic-2navbar-web-agent-chat__agent-picker{position:relative;display:flex;align-items:center;gap:0;min-width:0}.basic-2navbar-web-agent-chat__agent-picker-trigger{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--px-color-text-muted);background:transparent;border:none;cursor:pointer}.basic-2navbar-web-agent-chat__agent-picker-trigger:hover,.basic-2navbar-web-agent-chat__agent-picker-trigger[aria-expanded=true]{color:var(--px-color-text)}.basic-2navbar-web-agent-chat__agent-picker-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:4;display:flex;flex-direction:column;min-width:168px;padding:var(--px-space-1);background:var(--px-color-bg);border:var(--px-border) solid var(--px-color-border);box-shadow:0 8px 24px color-mix(in srgb,var(--px-color-text) 12%,transparent)}.basic-2navbar-web-agent-chat__agent-picker-item{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:var(--px-space-2);font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);color:var(--px-color-text);text-align:left;background:transparent;border:none;cursor:pointer}.basic-2navbar-web-agent-chat__agent-picker-item:hover{background:var(--px-color-surface-raised)}.basic-2navbar-web-agent-chat__agent-picker-item[data-active=true]{color:var(--px-color-accent)}.basic-2navbar-web-agent-chat__log{display:flex;flex:1;flex-direction:column;gap:var(--px-space-3);min-height:0;overflow-y:auto;padding:8px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--px-color-surface-raised) var(--px-color-bg)}.basic-2navbar-web-agent-chat__log::-webkit-scrollbar{width:8px}.basic-2navbar-web-agent-chat__log::-webkit-scrollbar-track{background:var(--px-color-bg);border-left:2px solid var(--px-color-border)}.basic-2navbar-web-agent-chat__log::-webkit-scrollbar-thumb{background:var(--px-color-surface-raised);border:2px solid var(--px-color-border);border-radius:0;image-rendering:pixelated;image-rendering:crisp-edges}.basic-2navbar-web-agent-chat__log::-webkit-scrollbar-thumb:hover{background:var(--px-color-border)}.basic-2navbar-web-agent-chat__msg-row{display:flex;max-width:82%}.basic-2navbar-web-agent-chat__msg-row[data-from=agent]{align-self:flex-start;margin-left:0}.basic-2navbar-web-agent-chat__msg-row[data-from=user]{align-self:flex-end;margin-right:0}.basic-2navbar-web-agent-chat__bubble-wrap{position:relative;max-width:100%;margin-bottom:2px}.basic-2navbar-web-agent-chat__bubble-wrap[data-from=agent]{--agent-chat-bubble-border: var(--px-color-border)}.basic-2navbar-web-agent-chat__bubble-wrap[data-from=user]{--agent-chat-bubble-bg: var(--px-color-surface-raised);--agent-chat-bubble-border: var(--px-color-border)}.basic-2navbar-web-agent-chat__bubble-frame{display:inline-block;max-width:100%;vertical-align:top;box-sizing:border-box}.basic-2navbar-web-agent-chat__bubble-frame[data-pixel-snap=true] .px-round-frame__svg{width:100%;height:100%}.basic-2navbar-web-agent-chat__bubble-frame[data-from=agent] .px-round-frame__border{fill:var(--agent-chat-bubble-border)}.basic-2navbar-web-agent-chat__bubble-frame[data-from=agent] .px-round-frame__fill--transparent{fill:transparent}.basic-2navbar-web-agent-chat__bubble-frame[data-from=user] .px-round-frame__border{fill:var(--agent-chat-bubble-border)}.basic-2navbar-web-agent-chat__bubble-frame[data-from=user] .px-round-frame__fill--surface{fill:var(--agent-chat-bubble-bg)}.basic-2navbar-web-agent-chat__bubble-frame .px-round-frame__content{display:flex;flex-direction:column;justify-content:flex-start;padding:6px 8px;box-sizing:border-box;overflow:hidden}.basic-2navbar-web-agent-chat__bubble-text{margin:0;font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);color:var(--px-color-text);word-break:break-word}.basic-2navbar-web-agent-chat__bubble-meta{display:flex;justify-content:flex-end;margin-top:2px}.basic-2navbar-web-agent-chat__bubble-time{font-size:11px;line-height:14px;color:var(--px-color-text-muted)}.basic-2navbar-web-agent-chat__composer{flex-shrink:0;width:100%}.basic-2navbar-web-agent-chat__composer-panel{width:100%;box-sizing:border-box}.basic-2navbar-web-agent-chat__composer-panel .px-round-frame__border{fill:var(--px-color-border)}.basic-2navbar-web-agent-chat__composer-panel .px-round-frame__fill--surface{fill:var(--px-color-bg)}.basic-2navbar-web-agent-chat__composer-panel .px-round-frame__content{display:flex;flex-direction:column;box-sizing:border-box;padding:8px}.basic-2navbar-web-agent-chat__textarea{display:block;width:100%;box-sizing:border-box;margin:0;padding:0;font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);color:var(--px-color-text);background:transparent;border:none;outline:none;resize:none;overflow-y:hidden;min-height:calc(var(--px-line-height-sm) * 3);max-height:calc(var(--px-line-height-sm) * 8)}.basic-2navbar-web-agent-chat__textarea::placeholder{color:var(--px-color-text-muted)}.basic-2navbar-web-agent-chat__composer-bar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--px-space-2);padding:0}.basic-2navbar-web-agent-chat__composer-actions,.basic-2navbar-web-agent-chat__composer-trailing{display:flex;flex-shrink:0;align-items:center;gap:2px}.basic-2navbar-web-agent-chat__tool{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--px-color-text-muted);background:transparent;border:none;cursor:pointer}.basic-2navbar-web-agent-chat__tool:hover{color:var(--px-color-text)}.basic-2navbar-web-agent-chat__composer-send{flex-shrink:0}.basic-2navbar-web-agent-chat__composer-send.px-round-btn .px-round-btn__label{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--px-color-bg)}.basic-2navbar-web-agent-chat__composer-send.px-round-btn .px-round-btn__label .px-icon{color:var(--px-color-bg)}.basic-2navbar-web-agent-chat__composer-send.px-round-btn .px-round-btn__border,.basic-2navbar-web-agent-chat__composer-send.px-round-btn .px-round-btn__fill{fill:var(--px-color-accent)}.basic-2navbar-web-agent-chat__composer-send.px-round-btn:hover:not(:disabled) .px-round-btn__border,.basic-2navbar-web-agent-chat__composer-send.px-round-btn:hover:not(:disabled) .px-round-btn__fill{fill:var(--px-color-accent-hover)}.basic-2navbar-web-agent-chat__resize{position:absolute;top:2px;right:2px;z-index:2;width:14px;height:14px;padding:0;background:transparent;border:none;cursor:nesw-resize;touch-action:none}.basic-2navbar-web-agent-chat__resize:before{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;background:linear-gradient(135deg,transparent 42%,var(--px-color-border) 42%,var(--px-color-border) 48%,transparent 48%,transparent 58%,var(--px-color-border) 58%,var(--px-color-border) 64%,transparent 64%);transform:rotate(90deg);pointer-events:none}.basic-2navbar-web-user-menu__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--px-space-1)}.basic-2navbar-web-user-menu__item{display:flex;align-items:center;gap:var(--px-space-2);width:100%;box-sizing:border-box;padding:var(--px-space-2);font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);color:var(--px-color-text);text-align:left;background:transparent;border:none;box-shadow:none;cursor:pointer}.basic-2navbar-web-user-menu__icon{flex-shrink:0;color:var(--px-color-text-muted)}.basic-2navbar-web-user-menu__item:hover{background:var(--px-color-surface-raised)}.basic-2navbar-web-user-menu__theme{display:flex;align-items:center;gap:var(--px-space-2);margin-top:var(--px-space-2);padding-top:var(--px-space-2);border-top:1px solid var(--px-color-border)}.basic-2navbar-web-user-menu__theme-label{flex:1;font-family:var(--px-font);font-size:var(--px-font-size-sm);color:var(--px-color-text-muted)}.basic-2navbar-web-panel{display:flex;flex-direction:column;gap:var(--px-space-3);max-width:480px}.basic-2navbar-web-panel__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--px-space-2)}.basic-2navbar-web-panel__title{margin:0;font-family:var(--px-font);font-size:var(--px-font-size-sm);line-height:var(--px-line-height-sm);font-weight:700;color:var(--px-color-text)}.basic-2navbar-web-panel__name{color:var(--px-color-text-muted)}.basic-2navbar-web-panel__hint{margin:0}.basic-2navbar-web-panel__actions{display:flex;flex-wrap:wrap;gap:var(--px-space-2)}[data-panel-trigger][aria-expanded=true]{border-color:var(--px-color-accent)}.px-scrollbar{box-sizing:border-box}.px-scrollbar--vertical:not(.px-scrollbar--inset){display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.px-scrollbar--vertical:not(.px-scrollbar--inset)>.px-scrollbar__viewport{flex:1;min-height:0}.px-scrollbar--horizontal:not(.px-scrollbar--inset){display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.px-scrollbar--horizontal:not(.px-scrollbar--inset)>.px-scrollbar__viewport{flex:1;min-height:0;min-width:0}.px-scrollbar__viewport{position:relative;box-sizing:border-box;flex:1;min-width:0;min-height:0;overflow:hidden}.px-scrollbar__content{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;min-width:0;min-height:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.px-scrollbar--horizontal .px-scrollbar__content{overflow-x:auto;overflow-y:hidden}.px-scrollbar--inset{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.px-scrollbar--inset .px-scrollbar__frame{display:flex;flex:1;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--px-color-surface);border:var(--px-border) solid var(--px-color-border);padding:var(--px-space-2)}.px-scrollbar--inset.px-scrollbar--horizontal .px-scrollbar__frame{padding:var(--px-space-2)}.px-scrollbar--inset .px-scrollbar__viewport{flex:1;min-width:0;min-height:0;overflow:hidden}.px-scrollbar--inset .px-scrollbar__content{contain:paint}.px-scrollbar--horizontal .px-scrollbar__inner--flex{display:flex;flex-wrap:nowrap;align-items:stretch;width:max-content;min-width:100%;height:100%;box-sizing:border-box}.px-scrollbar--horizontal .px-scrollbar__inner--block{display:block;width:max-content;min-width:100%;height:auto;box-sizing:border-box}.px-scrollbar--horizontal .px-scrollbar__inner:not(.px-scrollbar__inner--block):not(.px-scrollbar__inner--flex){display:flex;flex-wrap:nowrap;align-items:stretch;width:max-content;min-width:100%;height:100%;box-sizing:border-box}.px-scrollbar--fill{min-height:0;min-width:0;overflow:hidden}.px-scrollbar--fill.px-scrollbar--vertical,.px-scrollbar--fill.px-scrollbar--horizontal{display:flex;flex-direction:column}.px-scrollbar--fill>.px-scrollbar__viewport,.px-scrollbar--fill.px-scrollbar--inset-frame>.px-scrollbar__frame>.px-scrollbar__viewport{flex:1;min-height:0;min-width:0}.px-scrollbar--fill.px-scrollbar--vertical>.px-scrollbar__viewport>.px-scrollbar__content,.px-scrollbar--fill.px-scrollbar--vertical.px-scrollbar--inset-frame>.px-scrollbar__frame>.px-scrollbar__viewport>.px-scrollbar__content{overflow-x:hidden;overflow-y:auto}.px-scrollbar--fill.px-scrollbar--horizontal>.px-scrollbar__viewport>.px-scrollbar__content,.px-scrollbar--fill.px-scrollbar--horizontal.px-scrollbar--inset-frame>.px-scrollbar__frame>.px-scrollbar__viewport>.px-scrollbar__content{overflow-x:auto;overflow-y:hidden}.px-scrollbar--intrinsic.px-scrollbar--horizontal{display:block;width:100%;height:auto;min-width:0;overflow:hidden}.px-scrollbar--intrinsic.px-scrollbar--horizontal.px-scrollbar--inset-frame>.px-scrollbar__frame{display:block;height:auto;flex:none;padding:0;border:none;background:transparent;overflow:visible}.px-scrollbar--intrinsic.px-scrollbar--horizontal .px-scrollbar__viewport{display:block;position:relative;height:auto;flex:none;overflow:visible}.px-scrollbar--intrinsic.px-scrollbar--horizontal .px-scrollbar__content{position:relative;inset:auto;contain:none;height:auto;overflow-x:auto;overflow-y:visible}.px-scrollbar--inset-track.px-scrollbar--vertical .px-scrollbar__viewport{padding-right:2px}.px-scrollbar--inset-track.px-scrollbar--horizontal .px-scrollbar__viewport{padding-bottom:2px}.px-scrollbar--max-h{max-height:var(--px-scrollbar-max-h, 320px);min-height:0;overflow:hidden}.px-scrollbar--max-h.px-scrollbar--vertical{display:flex;flex-direction:column}.px-scrollbar__content::-webkit-scrollbar{display:none}.px-scrollbar__track{position:absolute;z-index:1;box-sizing:border-box;background:transparent;opacity:1;pointer-events:none;transition:opacity .35s ease}.px-scrollbar__track:not(.px-scrollbar__track--idle):not(.px-scrollbar__track--concealed){pointer-events:auto}.px-scrollbar__track--dragging{pointer-events:auto}.px-scrollbar__track--concealed{opacity:0}.px-scrollbar__track--vertical{top:0;right:0;bottom:0;width:10px}.px-scrollbar__track--horizontal{right:0;bottom:0;left:0;height:10px}.px-scrollbar__track--idle{visibility:hidden;opacity:0}.px-scrollbar__thumb{position:absolute;box-sizing:border-box;background:var(--px-color-border);border:none;border-radius:0;pointer-events:auto;touch-action:none;cursor:default;-webkit-user-select:none;user-select:none}.px-scrollbar__thumb--vertical{top:0;left:50%;width:6px}.px-scrollbar__thumb--horizontal{top:50%;left:0;height:6px}[data-px-scrollbar]:not(.px-scrollbar){overflow:auto;scrollbar-width:thin;scrollbar-color:var(--px-color-border) var(--px-color-bg)}[data-px-scrollbar]:not(.px-scrollbar)::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}[data-px-scrollbar]:not(.px-scrollbar)::-webkit-scrollbar-track{background:var(--px-color-bg)}[data-px-scrollbar]:not(.px-scrollbar)::-webkit-scrollbar-thumb{-webkit-appearance:none;background-color:var(--px-color-border);border:2px solid transparent;border-radius:0;background-clip:content-box;image-rendering:pixelated;image-rendering:crisp-edges}[data-px-scrollbar]:not(.px-scrollbar)::-webkit-scrollbar-thumb:hover{background-color:var(--px-color-text-muted)}[data-px-scrollbar]:not(.px-scrollbar)::-webkit-scrollbar-corner{background:var(--px-color-bg)}html[data-px-theme=grass-dark],[data-px-theme=grass-dark]{--px-color-surface-muted: #2e3831;--px-color-accent-subtle: rgb(45 203 129 / 18%);--note-card-bg: var(--px-color-surface-raised, #2e3831);--note-card-border: var(--px-color-border, #4b5346)}html[data-px-theme=grass-light],[data-px-theme=grass-light]{--px-color-surface-muted: #f1f4f2;--px-color-accent-subtle: #e8fff1;--note-card-bg: var(--px-color-surface-muted, #f4f6f4);--note-card-border: var(--px-color-border, #e7f3ec)}[data-px-theme=grass-dark] .app--notes{background:var(--px-color-bg);color:var(--px-color-text)}[data-px-theme=grass-dark] .notes-workspace,[data-px-theme=grass-dark] .note-editor,[data-px-theme=grass-dark] .note-editor__stage,[data-px-theme=grass-dark] .trash-panel,[data-px-theme=grass-dark] .settings-panel{background:transparent;color:var(--px-color-text)}.app--notes .app-main--flush{display:flex;flex-direction:column;padding:0;overflow:hidden}.notes-workspace{position:relative;display:flex;flex-direction:row;flex:1;width:100%;max-width:960px;margin:0 auto;min-width:0;min-height:0;height:100%;overflow:hidden;gap:var(--px-space-3, 12px)}.notes-workspace--sidebar-collapsed{justify-content:center}.notes-workspace--sidebar-collapsed .note-editor{flex:0 1 600px;width:min(100%,600px);max-width:600px}.notes-workspace--sidebar-collapsed .note-editor__stage{width:100%;max-width:600px}.note-workspace-sidebar-layer{flex-shrink:0;display:flex;align-self:stretch;min-height:0;height:100%}.note-workspace-sidebar-layer--mobile{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;pointer-events:none}.note-workspace-sidebar-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:0;border:0;background:#00000059;cursor:pointer;opacity:0;transition:opacity .22s ease;pointer-events:none}.note-workspace-sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.note-workspace-sidebar{position:relative;z-index:2;display:flex;flex-direction:column;width:260px;min-width:260px;height:100%;min-height:0;padding:var(--px-space-3, 12px);border:0;border-radius:12px;background:var(--note-card-bg, #f4f6f4);box-shadow:none}[data-px-theme=grass-dark] .note-workspace-sidebar{background:var(--px-color-surface);border-color:var(--px-color-border)}.note-workspace-sidebar--mobile{position:absolute;top:0;left:0;bottom:0;transform:translate(-104%);transition:transform .24s ease;box-shadow:none;pointer-events:auto}.note-workspace-sidebar--mobile.is-open{transform:translate(0)}.note-workspace-sidebar__stats{flex-shrink:0;padding:var(--px-space-2, 8px) var(--px-space-2, 8px) var(--px-space-3, 12px)}.note-workspace-sidebar__stats-head{display:flex;align-items:center;justify-content:space-between;gap:var(--px-space-2, 8px);margin-bottom:var(--px-space-3, 12px)}.note-workspace-sidebar__stats-start{display:flex;align-items:center;gap:var(--px-space-2, 8px);min-width:0}.note-workspace-sidebar__brand{flex-shrink:0;min-width:0;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--px-color-text, #111)}[data-px-theme=grass-dark] .note-workspace-sidebar__brand{color:var(--px-color-text)}.note-workspace-sidebar__theme-bar{display:flex;align-items:center;gap:4px}.note-workspace-sidebar__theme-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:4px;background:transparent;color:var(--px-color-text-muted, #888);cursor:pointer}.note-workspace-sidebar__theme-btn:hover{color:var(--px-color-text, #111)}[data-px-theme=grass-dark] .note-workspace-sidebar__theme-btn{color:var(--px-color-text-muted)}[data-px-theme=grass-dark] .note-workspace-sidebar__theme-btn:hover{color:var(--px-color-text)}.note-workspace-sidebar__theme-btn.is-active{color:var(--px-color-accent, #2d6a4f)}[data-px-theme=grass-dark] .note-workspace-sidebar__theme-btn.is-active{color:var(--px-color-accent)}.note-workspace-sidebar__collapse{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--px-color-text-muted, #888);cursor:pointer;flex-shrink:0}.note-workspace-sidebar__collapse:hover{color:var(--px-color-text, #111);background:#0000000a}[data-px-theme=grass-dark] .note-workspace-sidebar__collapse:hover{color:var(--px-color-text);background:#ffffff14}.note-workspace-sidebar__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--px-space-2, 8px);margin-bottom:var(--px-space-3, 12px)}.note-workspace-sidebar__metric{display:flex;flex-direction:column;gap:2px;min-width:0}.note-workspace-sidebar__metric strong{font-size:.9375rem;font-weight:700;line-height:1.2}.note-workspace-sidebar__metric span{font-size:.6875rem;color:var(--px-color-text-muted, #888)}.note-workspace-sidebar__nav{display:flex;flex-direction:column;gap:4px;padding:var(--px-space-3, 12px) var(--px-space-2, 8px)}.note-workspace-sidebar__nav-title{margin:0 0 4px;padding:0 10px;font-size:.6875rem;font-weight:600;letter-spacing:.04em;color:var(--px-color-text-muted, #888)}.note-workspace-sidebar__nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.note-workspace-sidebar__nav-count{flex-shrink:0;min-width:1.25rem;font-size:.6875rem;color:var(--px-color-text-muted, #888);text-align:right}.note-workspace-sidebar__nav-item{display:flex;align-items:center;gap:var(--px-space-2, 8px);width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--px-color-text, #111);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}[data-px-theme=grass-dark] .note-workspace-sidebar__nav-item{color:var(--px-color-text-muted)}[data-px-theme=grass-dark] .note-workspace-sidebar__nav-item.is-active{background:var(--px-color-brand-2);color:var(--px-color-text)}.note-workspace-sidebar__nav-item:hover:not(:disabled){background:#ffffff0f}[data-px-theme=grass-light] .note-workspace-sidebar__nav-item:hover:not(:disabled){background:#0000000a}.note-workspace-sidebar__nav-item.is-active{background:var(--px-color-accent, #2d6a4f);color:var(--px-color-bg, #fff)}.note-workspace-sidebar__nav-item.is-soon{opacity:.55;cursor:not-allowed}.note-workspace-sidebar__soon{margin-left:auto;font-size:.625rem;color:var(--px-color-text-muted, #888)}.note-workspace-sidebar__tags-scroll{flex:1;min-height:0}.note-workspace-sidebar__footer{flex-shrink:0;margin-top:auto;padding-top:var(--px-space-3, 12px)}.note-workspace-sidebar__trash-btn{display:flex;align-items:center;gap:var(--px-space-2, 8px);width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--px-color-text, #111);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}[data-px-theme=grass-dark] .note-workspace-sidebar__trash-btn{color:var(--px-color-text-muted)}.note-workspace-sidebar__trash-btn:hover{background:#0000000a}[data-px-theme=grass-dark] .note-workspace-sidebar__trash-btn:hover{background:#ffffff0f;color:var(--px-color-text)}.note-workspace-sidebar__trash-btn.is-active{background:var(--px-color-accent, #2d6a4f);color:var(--px-color-bg, #fff)}[data-px-theme=grass-dark] .note-workspace-sidebar__trash-btn.is-active{background:var(--px-color-brand-2);color:var(--px-color-text)}.note-workspace-sidebar__tags{display:flex;flex-direction:column;gap:var(--px-space-4, 16px);padding:var(--px-space-3, 12px) var(--px-space-2, 8px) var(--px-space-2, 8px)}.note-workspace-sidebar__tag-section{display:flex;flex-direction:column;gap:var(--px-space-2, 8px)}.note-workspace-sidebar__tag-title{margin:0;font-size:.75rem;font-weight:600;color:var(--px-color-text-muted, #888)}.note-workspace-sidebar__tag-list{display:flex;flex-direction:column;gap:2px}.note-workspace-sidebar__tag{display:block;width:100%;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--px-color-text, #111);font:inherit;font-size:.8125rem;text-align:left;cursor:pointer}[data-px-theme=grass-dark] .note-workspace-sidebar__tag{color:var(--px-color-text-muted)}.note-workspace-sidebar__tag:hover{background:#ffffff0f}[data-px-theme=grass-light] .note-workspace-sidebar__tag:hover{background:#0000000a}.note-workspace-sidebar__tag.is-active{background:var(--px-color-accent-subtle, #edf7f0);color:var(--px-color-accent, #2d6a4f)}[data-px-theme=grass-dark] .note-workspace-sidebar__tag.is-active{background:var(--px-color-accent-subtle);color:var(--px-color-accent)}.note-workspace-sidebar__tag-empty{margin:0;padding:0 8px;font-size:.75rem}.note-sidebar-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;pointer-events:none}.note-sidebar-layer.is-open{pointer-events:auto}.note-sidebar-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:0;border:0;background:#0000002e;cursor:pointer;opacity:0;transition:opacity .22s ease}.note-sidebar-layer.is-open .note-sidebar-backdrop{opacity:1}.note-sidebar{position:absolute;top:0;left:0;bottom:0;z-index:2;width:min(280px,85%);display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--px-color-border, #d8e2dc);background:var(--px-color-surface-muted, #f8faf8);box-shadow:none;transform:translate(-100%);transition:transform .24s ease}.note-sidebar-layer.is-open .note-sidebar{transform:translate(0)}.note-list--drawer{height:100%;min-height:0;border-right:0;background:transparent}.note-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--px-color-border, #d8e2dc);background:var(--px-color-surface-muted, #f8faf8)}.note-list__brand{display:flex;align-items:center;gap:var(--px-space-2, 8px);padding:var(--px-space-3, 12px);border-bottom:1px solid var(--px-color-border, #d8e2dc)}.note-list__menu-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--px-color-border, #ccc);background:var(--px-color-surface, #fff);cursor:pointer;flex-shrink:0}.note-list__brand-name{font-size:1rem;font-weight:700;letter-spacing:.02em}.note-list__toolbar{display:flex;align-items:center;gap:var(--px-space-2, 8px);padding:var(--px-space-3, 12px);border-bottom:1px solid var(--px-color-border, #d8e2dc)}.note-list__search{flex:1;min-width:0}.note-list__scroll{flex:1;min-height:0}.note-list__groups{padding:var(--px-space-2, 8px)}.note-list__group+.note-list__group{margin-top:var(--px-space-3, 12px)}.note-list__group-title{margin:0 0 var(--px-space-2, 8px);padding:0 var(--px-space-2, 8px);font-size:.75rem;font-weight:600;color:var(--px-color-text-muted, #666);text-transform:uppercase;letter-spacing:.04em}.note-list__hint,.note-list__empty{padding:var(--px-space-4, 16px)}.note-list__empty{display:grid;gap:var(--px-space-3, 12px)}.note-list-item{display:flex;align-items:stretch;gap:var(--px-space-1, 4px);margin-bottom:var(--px-space-1, 4px);border:1px solid transparent;background:var(--px-color-surface, #fff)}.note-list-item.is-active{border-color:var(--px-color-accent, #2d6a4f);background:var(--px-color-accent-subtle, #edf7f0)}.note-list-item__main{flex:1;min-width:0;padding:var(--px-space-3, 12px);border:0;background:transparent;text-align:left;cursor:pointer}.note-list-item__head{display:flex;align-items:center;gap:var(--px-space-1, 4px)}.note-list-item__pin{color:var(--px-color-accent, #2d6a4f);flex-shrink:0}.note-list-item__title{margin:0;font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-list-item__preview{margin:var(--px-space-1, 4px) 0;font-size:.8125rem;color:var(--px-color-text-muted, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-list-item__time{font-size:.75rem;color:var(--px-color-text-muted, #888)}.note-list-item__actions{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-right:var(--px-space-1, 4px);opacity:0;transition:opacity .15s ease}.note-list-item:hover .note-list-item__actions,.note-list-item:focus-within .note-list-item__actions{opacity:1}.note-list-item__action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--px-color-border, #ccc);background:var(--px-color-surface, #fff);cursor:pointer}.note-list-item__action--danger:hover{border-color:var(--px-color-danger, #c1121f);color:var(--px-color-danger, #c1121f)}.note-editor{--note-editor-inset-x: var(--px-space-4, 16px);--note-card-bg: var(--px-color-surface-muted, #f4f6f4);--note-card-border: var(--px-color-border, #d8e2dc);position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:transparent;box-shadow:none}.note-editor__stage{display:flex;flex:1;flex-direction:column;align-items:stretch;min-height:0;min-width:0;width:100%;margin:0;padding:0 var(--note-editor-inset-x)}.note-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--px-space-4, 16px);padding:var(--px-space-3, 12px) 0}.note-editor-toolbar__left{display:flex;align-items:center;gap:var(--px-space-2, 8px);min-width:0;flex-shrink:0}.note-editor-toolbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:var(--px-color-text-muted, #666);cursor:pointer;flex-shrink:0}.note-editor-toolbar__icon-btn:hover,.note-editor-toolbar__view:hover{color:var(--px-color-text, #111)}[data-px-theme=grass-dark] .note-editor-toolbar__icon-btn,[data-px-theme=grass-dark] .note-editor-toolbar__view{color:var(--px-color-text-muted, #888)}[data-px-theme=grass-dark] .note-editor-toolbar__icon-btn:hover,[data-px-theme=grass-dark] .note-editor-toolbar__view:hover{color:var(--px-color-text)}.note-editor-toolbar__icon-btn[aria-expanded=true]{color:var(--px-color-accent, #2d6a4f)}.note-editor-toolbar__view-wrap{position:relative}.note-editor-toolbar__view{display:inline-flex;align-items:center;gap:2px;padding:0 var(--px-space-1, 4px);border:0;background:transparent;color:var(--px-color-text, #111);font:inherit;font-size:.9375rem;cursor:pointer;white-space:nowrap}.note-editor-toolbar__view-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:140px;margin:0;padding:var(--px-space-1, 4px);list-style:none;border:1px solid var(--px-color-border, #ccc);background:var(--px-color-surface, #fff);box-shadow:var(--px-shadow-offset, 2px) var(--px-shadow-offset, 2px) 0 var(--px-color-shadow, rgb(0 0 0 / 12%))}.note-editor-toolbar__view-item{display:block;width:100%;padding:var(--px-space-2, 8px) var(--px-space-3, 12px);border:0;background:transparent;text-align:left;font:inherit;font-size:.875rem;cursor:pointer}.note-editor-toolbar__view-item:hover,.note-editor-toolbar__view-item.is-active{background:var(--px-color-accent-subtle, #edf7f0);color:var(--px-color-accent, #2d6a4f)}[data-px-theme=grass-dark] .note-editor-toolbar__view-menu{border-color:var(--px-color-border);background:var(--px-color-surface-raised);box-shadow:0 8px 24px #00000059}[data-px-theme=grass-dark] .note-editor-toolbar__view-item{color:var(--px-color-text)}[data-px-theme=grass-dark] .note-editor-toolbar__view-item:hover,[data-px-theme=grass-dark] .note-editor-toolbar__view-item.is-active{background:var(--px-color-accent-subtle);color:var(--px-color-accent)}.note-editor-toolbar__view-menu-footer{margin-top:var(--px-space-1, 4px);padding-top:var(--px-space-1, 4px);border-top:1px solid var(--note-card-border, #d8e2dc)}.note-editor-toolbar__view-create{display:block;width:100%;padding:var(--px-space-2, 8px) var(--px-space-3, 12px);border:0;background:transparent;text-align:left;font:inherit;font-size:.875rem;color:var(--px-color-accent, #2d6a4f);cursor:pointer}.note-editor-toolbar__view-create-form{display:flex;align-items:center;gap:4px;padding:4px 6px 4px 8px}.note-editor-toolbar__view-create-input{flex:1;min-width:0;padding:4px 6px;border:1px solid var(--note-card-border, #d8e2dc);border-radius:6px;background:var(--px-color-surface, #fff);color:var(--px-color-text, #111);font:inherit;font-size:.8125rem;outline:none}.note-editor-toolbar__view-create-input:focus{border-color:var(--px-color-accent, #2d6a4f)}.note-editor-toolbar__view-create-confirm{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--px-color-accent, #2d6a4f);cursor:pointer}.note-editor-toolbar__view-create-confirm:disabled{opacity:.35;cursor:not-allowed}.note-editor-toolbar__view-create-confirm:hover:not(:disabled){background:var(--px-color-accent-subtle, #edf7f0)}.note-editor-toolbar__view-create:hover{background:var(--px-color-accent-subtle, #edf7f0)}[data-px-theme=grass-dark] .note-editor-toolbar__view-menu-footer{border-top-color:var(--px-color-border)}[data-px-theme=grass-dark] .note-editor-toolbar__view-create{color:var(--px-color-accent)}[data-px-theme=grass-dark] .note-editor-toolbar__view-create-input{border-color:var(--px-color-border);background:var(--px-color-surface-raised);color:var(--px-color-text)}[data-px-theme=grass-dark] .note-editor-toolbar__view-create-confirm{color:var(--px-color-accent)}[data-px-theme=grass-dark] .note-editor-toolbar__view-create-confirm:hover:not(:disabled){background:var(--px-color-accent-subtle)}[data-px-theme=grass-dark] .note-editor-toolbar__view-create:hover{background:var(--px-color-accent-subtle)}.note-editor-toolbar__search{display:flex;align-items:center;gap:var(--px-space-2, 8px);flex:1;max-width:320px;min-width:0;margin-left:auto;padding:7px 12px;border:1px solid var(--note-card-border);border-radius:999px;background:var(--note-card-bg)}.note-editor-toolbar__search-icon{flex-shrink:0;color:var(--px-color-text-muted, #888)}.note-editor-toolbar__search-input{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--px-color-text, #111);font:inherit;font-size:.875rem;outline:none}.note-editor-toolbar__search-input::-webkit-search-cancel-button{display:none}.note-editor-toolbar__primary{display:flex;align-items:center;justify-content:space-between;gap:var(--px-space-4, 16px);width:100%;min-width:0}.note-editor-toolbar__search-btn.is-active{color:var(--px-color-accent, #2d6a4f)}.note-editor-toolbar__search--inline{flex:0 0 auto;width:fit-content;min-width:0;max-width:none;margin-left:auto;padding:6px 10px}.note-editor-toolbar__search--inline .note-editor-toolbar__search-input{width:auto;min-width:6ch;max-width:20ch;field-sizing:content}.note-editor-toolbar__shortcut{padding:2px 6px;border:0;border-radius:6px;background:transparent;color:var(--px-color-text-muted, #888);font-family:inherit;font-size:.6875rem;line-height:1.2}.note-editor__composer-wrap{flex-shrink:0;width:100%;max-width:none;padding:0 0 var(--px-space-3, 12px)}.note-editor__composer-wrap .note-composer{margin-top:0}.note-editor--empty .note-editor__body{display:flex;flex-direction:column;min-height:0;padding:0}.note-editor__empty{display:flex;flex:1;flex-direction:column;min-height:0;gap:var(--px-space-4, 16px)}.note-editor__empty-hint{flex:1;min-height:0}.note-editor__empty-title{margin:0 0 var(--px-space-2, 8px);font-size:1rem;font-weight:700;line-height:1.4}.note-editor__empty-title--search{margin:0;font-weight:600;color:var(--px-color-text-muted, #888);text-align:center}.note-editor__empty-desc{margin:0;font-size:.875rem;line-height:1.6}.note-composer{flex-shrink:0;width:100%}.note-composer__panel{width:100%;box-sizing:border-box}.note-composer__panel .px-round-frame__border{fill:var(--note-card-border)}.note-composer__panel .px-round-frame__fill--surface{fill:var(--note-card-bg)}.note-composer__panel .px-round-frame__content{display:flex;flex-direction:column;box-sizing:border-box;height:auto;padding:var(--px-space-4, 16px);gap:var(--px-space-3, 12px)}.note-composer__textarea{display:block;width:100%;box-sizing:border-box;margin:0;padding:0;font-family:var(--px-font, inherit);font-size:var(--px-font-size-sm, .875rem);line-height:1.5;color:var(--px-color-text, #111);background:transparent;border:none;outline:none;resize:none;overflow-y:hidden;min-height:3em;max-height:12em}.note-composer--focused .note-composer__textarea{min-height:6em}.note-composer__textarea::placeholder{color:var(--px-color-text-muted, #666)}.note-composer__bar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--px-space-2, 8px)}.note-composer__tools,.note-composer__trailing{display:flex;flex-shrink:0;align-items:center;gap:2px}.note-composer__tool{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--px-color-text-muted, #666);background:transparent;border:none;cursor:pointer}.note-composer__tool:hover{color:var(--px-color-text, #111)}.note-composer__divider{width:1px;height:14px;margin:0 2px;background:var(--px-color-border, #ccc);opacity:.7}.note-composer__send{flex-shrink:0}.note-composer__send.px-round-btn .px-round-btn__label{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--px-color-bg, #fff)}.note-composer__send.px-round-btn .px-round-btn__label .px-icon{color:var(--px-color-bg, #fff)}.note-composer__send.px-round-btn .px-round-btn__border,.note-composer__send.px-round-btn .px-round-btn__fill{fill:var(--px-color-border, #ccc)}[data-px-theme=grass-dark] .note-composer__send.px-round-btn .px-round-btn__border,[data-px-theme=grass-dark] .note-composer__send.px-round-btn .px-round-btn__fill{fill:var(--px-color-border)}.note-composer__send.px-round-btn:hover:not(:disabled) .px-round-btn__border,.note-composer__send.px-round-btn:hover:not(:disabled) .px-round-btn__fill{fill:var(--px-color-accent, #2d5a41)}[data-px-theme=grass-dark] .note-composer__send.px-round-btn .px-round-btn__label,[data-px-theme=grass-dark] .note-composer__send.px-round-btn .px-round-btn__label .px-icon{color:var(--px-color-text-muted)}[data-px-theme=grass-dark] .note-composer__send.px-round-btn:hover:not(:disabled) .px-round-btn__label,[data-px-theme=grass-dark] .note-composer__send.px-round-btn:hover:not(:disabled) .px-round-btn__label .px-icon{color:var(--px-color-bg)}.note-composer__send.px-round-btn:disabled{opacity:.45;cursor:not-allowed}.note-composer--drawer{display:flex;flex-direction:column;gap:var(--px-space-2, 8px)}.note-composer__handle{display:block;width:48px;height:20px;margin:0 auto 4px;padding:8px 0;border:0;background:transparent;cursor:grab;touch-action:none}.note-composer__handle:before{content:"";display:block;width:40px;height:4px;margin:0 auto;border-radius:999px;background:var(--px-color-border, #d8e2dc)}.note-composer__handle:active{cursor:grabbing}.note-composer--drawer .note-composer__textarea{min-height:88px;max-height:40vh;padding:4px 2px;border:0;background:transparent;resize:none}.note-composer--drawer-expanded{flex:1;min-height:0;gap:0;position:relative}.note-composer--drawer-expanded .note-composer__handle{position:absolute;top:0;left:50%;z-index:1;margin:0;padding:4px 0;height:16px;transform:translate(-50%)}.note-composer--drawer-expanded .note-composer__textarea{flex:1;min-height:0;max-height:none;padding-top:20px}.note-composer--drawer .note-composer__bar{padding-top:4px}.note-mobile-compose-fab{position:fixed;z-index:30;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0));display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:14px;background:var(--px-color-accent, #2d6a4f);color:var(--px-color-bg, #fff);box-shadow:0 6px 20px #2d6a4f47;transform:translate(-50%);cursor:pointer}.note-mobile-compose-fab:active{transform:translate(-50%) scale(.96)}.note-mobile-composer-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;justify-content:flex-end}.note-mobile-composer-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000061;cursor:pointer}.note-mobile-composer-drawer__panel{position:relative;z-index:1;display:flex;flex-direction:column;max-height:72vh;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0));border-radius:18px 18px 0 0;background:var(--note-card-bg, #f4f6f4);box-shadow:0 -10px 40px #00000024;animation:note-mobile-composer-slide-up .24s ease;transition:max-height .24s ease,border-radius .24s ease}.note-mobile-composer-drawer.is-expanded{justify-content:stretch}.note-mobile-composer-drawer__panel.is-expanded{flex:1;max-height:none;min-height:0;height:100dvh;padding:env(safe-area-inset-top,0) 14px calc(14px + env(safe-area-inset-bottom,0));border-radius:0}@keyframes note-mobile-composer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-px-theme=grass-dark] .note-mobile-composer-drawer__panel{background:var(--px-color-surface-raised);box-shadow:0 -10px 40px #00000059}[data-px-theme=grass-dark] .note-composer__handle:before{background:var(--px-color-border)}.note-editor--mobile .note-editor__body--cards,.note-editor--mobile.note-editor--empty .note-editor__body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0))}.note-editor__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--px-space-3, 12px);margin-bottom:var(--px-space-4, 16px)}.note-editor__title{margin:0;font-size:1.125rem;font-weight:700;line-height:1.4}.note-editor__meta-actions{display:flex;align-items:center;gap:var(--px-space-2, 8px);flex-shrink:0}.note-editor__preview-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--px-color-border, #ccc);background:var(--px-color-surface, #fff);color:var(--px-color-text-muted, #666);font:inherit;font-size:.75rem;cursor:pointer}.note-editor__preview-toggle[aria-pressed=true]{border-color:var(--px-color-accent, #2d6a4f);color:var(--px-color-accent, #2d6a4f)}.note-editor__preview{flex:1;min-height:0}.note-editor__body{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;width:100%;max-width:none;padding:0;overflow:hidden}.note-editor__scroll{flex:1;min-height:0;width:100%}.note-editor__body--cards .note-editor__scroll .px-scrollbar__content{padding-bottom:var(--px-space-4, 16px);padding-right:4px}.note-editor--empty .note-editor__scroll .px-scrollbar__content{padding:var(--px-space-4, 16px) 0}.note-card-list{display:flex;flex-direction:column;gap:var(--px-space-3, 12px);width:100%;max-width:none}.note-text-card{margin:0;padding:var(--px-space-4, 16px);border:1px solid var(--note-card-border);border-radius:10px;background:var(--note-card-bg)}.note-text-card__header{display:flex;align-items:center;justify-content:space-between;gap:0;margin-top:0;margin-bottom:var(--px-space-3, 12px)}.note-text-card__time{font-size:.75rem;line-height:1.4;color:var(--px-color-text-muted, #888)}.note-text-card__header-actions{display:inline-flex;align-items:center;gap:var(--px-space-2, 8px);flex-shrink:0}.note-text-card__menu-wrap{position:relative}.note-text-card__menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:180px;padding:6px 0;border:1px solid var(--note-card-border, #d8e2dc);border-radius:10px;background:var(--note-card-bg, #f4f6f4);box-shadow:0 8px 24px #0000001f}[data-px-theme=grass-dark] .note-text-card__menu-panel{background:var(--px-color-surface-raised);border-color:var(--px-color-border);box-shadow:0 8px 24px #00000059}.note-text-card__menu-item{display:block;width:100%;padding:8px 14px;border:0;background:transparent;color:var(--px-color-text, #111);font:inherit;font-size:.875rem;line-height:1.4;text-align:left;cursor:pointer}.note-text-card__menu-item:hover:not(:disabled){background:#0000000a}[data-px-theme=grass-dark] .note-text-card__menu-item:hover:not(:disabled){background:#ffffff0f}.note-text-card__menu-item.is-disabled{opacity:.45;cursor:not-allowed}.note-text-card__menu-item--danger{color:var(--px-color-danger, #c1121f)}.note-text-card__menu-divider{height:1px;margin:6px 0;background:var(--note-card-border, #d8e2dc)}.note-text-card__menu-meta{margin:0;padding:6px 14px;color:var(--px-color-text-muted, #888);font-size:11px;line-height:1.4}.note-text-card__menu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--px-color-text-muted, #888);background:transparent;border:none;cursor:pointer}.note-text-card__menu:hover{color:var(--px-color-text, #111)}.note-text-card__tags{display:flex;flex-wrap:wrap;gap:var(--px-space-2, 8px);margin-top:var(--px-space-3, 12px)}.note-text-card__tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:#3b82f62e;color:#60a5fa;font-size:.75rem;line-height:1.4}.note-text-card__input{display:block;width:100%;margin:0;padding:0;font-family:var(--px-font, inherit);font-size:.9375rem;line-height:1.6;color:var(--px-color-text, #111);background:transparent;border:none;outline:none;resize:none;overflow:hidden}.note-text-card__input::placeholder{color:var(--px-color-text-muted, #666)}.note-editor__fields{display:flex;flex-direction:column;gap:var(--px-space-3, 12px);height:100%;min-height:0}.note-editor__label{display:flex;flex-direction:column;gap:var(--px-space-1, 4px);font-size:.8125rem;color:var(--px-color-text-muted, #666)}.note-editor__label--grow{flex:1;min-height:0}.note-editor__title-input,.note-editor__content-input{width:100%;padding:var(--px-space-2, 8px) var(--px-space-3, 12px);border:1px solid var(--px-color-border, #ccc);background:var(--px-color-surface, #fff);color:var(--px-color-text, #111);font:inherit;font-size:.9375rem}.note-editor__content-input{flex:1;min-height:280px;resize:vertical;line-height:1.6;font-family:var(--px-font-mono, monospace)}.save-status{display:inline-flex;align-items:center;gap:var(--px-space-2, 8px);font-size:.75rem;color:var(--px-color-text-muted, #666)}.save-status--saved{color:var(--px-color-accent, #2d6a4f)}.save-status--error{color:var(--px-color-danger, #c1121f)}.save-status__retry{padding:0;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}.note-markdown{line-height:1.7;font-size:.9375rem}.note-markdown h1,.note-markdown h2,.note-markdown h3{margin:1.2em 0 .5em}.note-markdown p,.note-markdown ul,.note-markdown ol{margin:.6em 0}.note-markdown code{font-family:var(--px-font-mono, monospace);font-size:.875em}.note-markdown pre{overflow:auto;padding:var(--px-space-3, 12px);border:1px solid var(--px-color-border, #ccc);background:var(--px-color-surface-muted, #f5f5f5)}[data-px-theme=grass-dark] .note-markdown pre{background:var(--px-color-surface-raised)}.trash-panel{background:transparent}.trash-panel__stage{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}.trash-panel__header{display:flex;align-items:center;gap:var(--px-space-2, 8px);padding:var(--px-space-3, 12px) 0}.trash-panel__title{margin:0;font-size:1rem;font-weight:600;color:var(--px-color-text-muted, #888)}.trash-panel__banner{display:flex;align-items:center;justify-content:space-between;gap:var(--px-space-3, 12px);margin-bottom:var(--px-space-4, 16px);padding:12px 14px;border-radius:10px;background:var(--note-card-bg, #f4f6f4)}.trash-panel__banner-copy{display:flex;align-items:center;gap:8px;min-width:0;color:var(--px-color-text-muted, #888);font-size:.8125rem;line-height:1.4}.trash-panel__empty-btn{flex-shrink:0;padding:0;border:0;background:transparent;color:#60a5fa;font:inherit;font-size:.8125rem;cursor:pointer}.trash-panel__empty-btn:disabled{opacity:.4;cursor:not-allowed}.trash-panel__empty-btn:hover:not(:disabled){text-decoration:underline}.trash-panel__body{display:flex;flex:1;flex-direction:column;min-height:0}.trash-panel__scroll{flex:1;min-height:0;width:100%}.trash-panel__list{display:flex;flex-direction:column;gap:var(--px-space-3, 12px);padding-bottom:var(--px-space-4, 16px)}.trash-panel__empty{margin:var(--px-space-4, 16px) 0 0;font-size:.875rem}.settings-panel{background:transparent}.settings-panel__stage{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}.settings-panel__header{display:flex;align-items:center;gap:var(--px-space-2, 8px);padding:var(--px-space-3, 12px) 0}.settings-panel__title{margin:0;font-size:1rem;font-weight:600;color:var(--px-color-text-muted, #888)}.settings-panel__body{display:flex;flex-direction:column;gap:var(--px-space-5, 20px);padding-bottom:var(--px-space-4, 16px)}.settings-panel__section{display:flex;flex-direction:column;gap:var(--px-space-3, 12px)}.settings-panel__section-title{margin:0;font-size:.8125rem;font-weight:600;color:var(--px-color-text-muted, #888)}.settings-panel__row{display:flex;align-items:center;justify-content:space-between;gap:var(--px-space-3, 12px);padding:12px 14px;border-radius:10px;background:var(--note-card-bg, #f4f6f4)}.settings-panel__label{font-size:.875rem;color:var(--px-color-text, #111)}.settings-panel__shortcuts{display:flex;flex-direction:column;gap:var(--px-space-2, 8px);margin:0;padding:12px 14px;border-radius:10px;background:var(--note-card-bg, #f4f6f4)}.settings-panel__shortcut{display:flex;align-items:center;justify-content:space-between;gap:var(--px-space-3, 12px)}.settings-panel__shortcut dt{margin:0;font-size:.875rem;color:var(--px-color-text, #111)}.settings-panel__shortcut dd{display:flex;align-items:center;gap:4px;margin:0}.settings-panel__shortcut kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:2px 6px;border:1px solid var(--px-color-border, #ccc);border-radius:4px;background:var(--px-color-surface, #fff);font-family:inherit;font-size:.75rem;color:var(--px-color-text-muted, #888)}.settings-workspace-list{display:flex;flex-direction:column;gap:var(--px-space-2, 8px);margin:0;padding:0;list-style:none}.settings-workspace-row{display:flex;align-items:center;justify-content:space-between;gap:var(--px-space-3, 12px);padding:10px 12px 10px 14px;border-radius:10px;background:var(--note-card-bg, #f4f6f4)}.settings-workspace-row.is-archived{opacity:.72}.settings-workspace-row__main{display:flex;align-items:center;gap:var(--px-space-2, 8px);flex:1;min-width:0}.settings-workspace-row__name{font-size:.875rem;color:var(--px-color-text, #111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-workspace-row__badge{flex-shrink:0;padding:2px 6px;border-radius:999px;background:var(--px-color-accent-subtle, #edf7f0);font-size:.6875rem;color:var(--px-color-accent, #2d6a4f)}.settings-workspace-row__count{flex-shrink:0;margin-left:auto;font-size:.75rem;color:var(--px-color-text-muted, #888)}.settings-workspace-row__rename-form{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.settings-workspace-row__rename-input{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--note-card-border, #d8e2dc);border-radius:6px;background:var(--px-color-surface, #fff);color:var(--px-color-text, #111);font:inherit;font-size:.8125rem;outline:none}.settings-workspace-row__rename-input:focus{border-color:var(--px-color-accent, #2d6a4f)}.settings-workspace-row__rename-confirm{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--px-color-accent, #2d6a4f);cursor:pointer}.settings-workspace-row__rename-confirm:disabled{opacity:.35;cursor:not-allowed}.settings-workspace-row__rename-confirm:hover:not(:disabled){background:var(--px-color-accent-subtle, #edf7f0)}.settings-workspace-row__menu-wrap{position:relative;flex-shrink:0}.settings-workspace-row__menu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--px-color-text-muted, #888);cursor:pointer}.settings-workspace-row__menu:hover{color:var(--px-color-text, #111)}.settings-workspace-row__menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:120px;padding:6px 0;border:1px solid var(--note-card-border, #d8e2dc);border-radius:10px;background:var(--note-card-bg, #f4f6f4);box-shadow:0 8px 24px #0000001f}.settings-workspace-row__menu-item{display:block;width:100%;padding:8px 14px;border:0;background:transparent;color:var(--px-color-text, #111);text-align:left;font:inherit;font-size:.8125rem;cursor:pointer}.settings-workspace-row__menu-item:hover{background:var(--px-color-accent-subtle, #edf7f0)}.settings-workspace-row__menu-item--danger{color:var(--px-color-danger, #c1121f)}.settings-workspace-row__menu-item--danger:hover{background:#c1121f14}[data-px-theme=grass-dark] .settings-workspace-row__badge{background:var(--px-color-accent-subtle);color:var(--px-color-accent)}[data-px-theme=grass-dark] .settings-workspace-row__rename-input{border-color:var(--px-color-border);background:var(--px-color-surface-raised);color:var(--px-color-text)}[data-px-theme=grass-dark] .settings-workspace-row__menu-panel{box-shadow:0 8px 24px #00000059}[data-px-theme=grass-dark] .settings-workspace-row__menu-item:hover{background:var(--px-color-accent-subtle)}[data-px-theme=grass-dark] .settings-workspace-row__menu-item--danger:hover{background:#c1121f26}.trash-card{margin:0;padding:var(--px-space-4, 16px);border:1px solid var(--note-card-border, #d8e2dc);border-radius:10px;background:var(--note-card-bg, #f4f6f4)}.trash-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--px-space-2, 8px);margin-bottom:var(--px-space-3, 12px)}.trash-card__time{font-size:.75rem;line-height:1.4;color:var(--px-color-text-muted, #888)}.trash-card__menu-wrap{position:relative}.trash-card__menu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--px-color-text-muted, #888);cursor:pointer}.trash-card__menu:hover{color:var(--px-color-text, #111)}.trash-card__menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:120px;padding:6px 0;border:1px solid var(--note-card-border, #d8e2dc);border-radius:10px;background:var(--note-card-bg, #f4f6f4);box-shadow:0 8px 24px #0000001f}[data-px-theme=grass-dark] .trash-card__menu-panel{box-shadow:0 8px 24px #00000059}.trash-card__menu-item{display:block;width:100%;padding:8px 14px;border:0;background:transparent;color:var(--px-color-text, #111);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}.trash-card__menu-item:hover{background:#0000000a}[data-px-theme=grass-dark] .trash-card__menu-item:hover{background:#ffffff0f}.trash-card__menu-item--danger{color:var(--px-color-danger, #c1121f)}.trash-card__tags{display:flex;flex-wrap:wrap;gap:var(--px-space-2, 8px);margin-bottom:var(--px-space-3, 12px)}.trash-card__tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:#3b82f62e;color:#60a5fa;font-size:.75rem;line-height:1.4}.trash-card__body{display:flex;flex-direction:column;gap:6px}.trash-card__line{margin:0;font-size:.875rem;line-height:1.6;color:var(--px-color-text, #111);white-space:pre-wrap;word-break:break-word}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--px-space-4, 16px);background:#00000059}.confirm-dialog-wrap{width:min(100%,420px)}.confirm-dialog-message{margin:0 0 var(--px-space-4, 16px);line-height:1.6}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:var(--px-space-2, 8px)}@media (max-width: 767px){.notes-workspace{gap:0;max-width:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.notes-workspace--mobile .note-editor__stage,.notes-workspace--mobile .settings-panel__stage,.notes-workspace--mobile .trash-panel__stage{padding-left:var(--px-space-3, 12px);padding-right:var(--px-space-3, 12px)}.note-workspace-sidebar--mobile{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.note-workspace-sidebar--mobile .note-workspace-sidebar__footer{margin-bottom:16px;padding-top:var(--px-space-2, 8px)}.note-editor-toolbar{align-items:stretch;gap:0;padding-top:var(--px-space-2, 8px)}.note-editor-toolbar__primary{gap:var(--px-space-2, 8px);min-width:0}.note-editor-toolbar__left{flex:1 1 auto;min-width:0;overflow:hidden}.note-editor-toolbar__view-wrap{min-width:0;flex-shrink:1}.note-editor-toolbar__view span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7em}.note-editor-toolbar__search-btn,.note-editor-toolbar__search--inline{flex-shrink:0;margin-left:auto}.note-editor-toolbar__search--inline{min-width:140px;max-width:min(58vw,240px);padding:7px 12px}.note-editor-toolbar__search--inline .note-editor-toolbar__search-input{min-width:8ch;max-width:18ch}.note-editor__composer-wrap{display:none}.note-composer__tools{flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.note-composer__tools::-webkit-scrollbar{display:none}.trash-panel__banner{flex-direction:column;align-items:stretch}.trash-panel__empty-btn{align-self:flex-end}.settings-workspace-row__main{flex-wrap:wrap}.note-list-item__actions{opacity:1}}@font-face{font-family:"Ark Pixel 12px Prop";src:url(../fonts/ark-pixel-12px-proportional-latin.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Ark Pixel 12px Prop";src:url(../fonts/ark-pixel-12px-proportional-zh_cn.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"Ark Pixel 12px Mono";src:url(../fonts/ark-pixel-12px-monospaced-latin.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Ark Pixel 12px Mono";src:url(../fonts/ark-pixel-12px-monospaced-zh_cn.otf.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}html{image-rendering:pixelated}body.px-root,.px-root,.px-root input,.px-root textarea,.px-root button,.px-root select{font-family:var(--px-font, "Ark Pixel 12px Prop", "Courier New", Courier, monospace);font-size:var(--px-font-size-sm, 14px);line-height:var(--px-line-height-sm, 21px);font-weight:400;font-synthesis:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.px-root code,.px-root pre,.px-root kbd,.px-root .note-markdown code,.px-root .note-markdown pre{font-family:var(--px-font-mono, "Ark Pixel 12px Mono", "Courier New", Courier, monospace)}.app{display:flex;flex-direction:column;height:100%;min-height:100vh}.app--notes{background:var(--px-color-bg, #eef2ef);color:var(--px-color-text, #1e2a1f)}.app-frame{display:flex;flex:1;min-height:0;width:100%;max-width:1280px;margin:0 auto;padding:var(--px-space-4, 16px)}.app-main{flex:1;min-height:0;padding:var(--px-space-4, 16px);overflow:auto}.app-main--flush{display:flex;flex-direction:column;padding:0;overflow:hidden;width:100%}.px-theme-switcher__btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--px-color-border, #ccc);background:var(--px-color-surface, #fff);cursor:pointer}.px-theme-switcher__btn.is-active{border-color:var(--px-color-accent, #2d6a4f);background:var(--px-color-accent-subtle, #e8f5e9)}[data-px-theme=grass-dark] .px-theme-switcher__btn{border-color:var(--px-color-border);background:var(--px-color-surface-raised);color:var(--px-color-text-muted)}[data-px-theme=grass-dark] .px-theme-switcher__btn.is-active{border-color:var(--px-color-accent);background:var(--px-color-accent-subtle);color:var(--px-color-accent)}@media (max-width: 767px){.app-frame{padding:0;max-width:none}}