*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:var(--space-16);overscroll-behavior:none;height:100%;overflow:hidden}body{height:100%;min-height:100dvh;line-height:1.6;font-family:var(--font-body,sans-serif);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-bg);overflow:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display,inherit);text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:oklch(from var(--color-primary) l c h / .25);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(./JetBrainsMono-Regular-BQaDgvhP.woff2)format("woff2")}:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg:clamp(1.125rem, .95rem + .85vw, 1.5rem);--text-xl:clamp(1.5rem, 1rem + 1.5vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-label:12px;--text-meta:12px;--text-caption:11px;--text-micro:10px;--text-code-sm:12px;--text-ui-sm:13px;--text-ui-md:14px;--text-title-sm:15px;--text-title-md:18px;--font-body:system-ui, sans-serif;--font-display:system-ui, sans-serif;--font-prose:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", "SF Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xs:2px;--radius-xs:4px;--radius-lg-plus:10px;--radius-xl-plus:18px;--radius-full:9999px;--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1);--content-narrow:640px;--content-default:960px;--content-wide:1200px;--preview-content-width:720px;--panel-comments-width:min(300px, 34vw);--panel-comments-min-width:240px;--panel-outline-width:220px;--toolbar-h:48px;--sidebar-width:260px;--control-h-xs:28px;--control-h-sm:30px;--control-h-md:36px;--control-h-lg:44px;--control-target-min:44px;--control-icon-sm:14px;--control-icon-md:16px;--panel-border-width:1px;--pdf-highlight-bg:#b400aa40;--pdf-highlight-selected-bg:#00640040;--pdf-selection-bg:#005aff40}:root,[data-theme=light]{--color-bg:#f6f8fa;--color-surface:#fff;--color-surface-2:#fbfcfd;--color-surface-offset:#f0f3f6;--color-surface-offset-2:#e8edf2;--color-surface-dynamic:#dde3ea;--color-surface-raised:#fff;--color-surface-ink:#0b1118;--color-divider:#e3e8ee;--color-border:#cbd4df;--color-text:#17212b;--color-text-muted:#596675;--color-text-faint:#8391a1;--color-text-inverse:#f8fafc;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-primary-contrast:#fff;--color-primary-highlight:#dbeafe;--color-comment:#2563eb;--color-comment-soft:#2563eb14;--color-comment-strong:#2563eb24;--color-comment-text:#1e40af;--color-error:#dc2626;--color-danger:#dc2626;--color-error-highlight:#fce8e8;--color-success:#16a34a;--color-success-highlight:#dcfce7;--color-warning:#d97706;--color-warning-highlight:#fef3c7;--diff-add-bg:#16a34a0f;--diff-add-line-bg:#16a34a24;--diff-add-text:#16a34a;--diff-del-bg:#dc26260f;--diff-del-line-bg:#dc262624;--diff-del-text:#dc2626;--diff-hunk-bg:#2563eb14;--diff-hunk-text:#2563eb;--diff-gutter:#8391a1;--surface-fill-subtle:color-mix(in oklab, var(--color-surface) 92%, var(--color-surface-offset) 8%);--surface-fill-strong:color-mix(in oklab, var(--color-surface-offset) 72%, var(--color-surface-offset-2) 28%);--surface-overlay:color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-offset) 16%);--surface-overlay-soft:color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-overlay-strong:color-mix(in srgb, var(--color-surface) 90%, var(--color-surface-offset) 10%);--surface-overlay-raised:color-mix(in oklab, var(--color-surface) 94%, transparent);--surface-overlay-header:color-mix(in srgb, var(--color-surface-offset) 76%, var(--color-bg) 24%);--surface-overlay-offset:color-mix(in oklab, var(--color-surface-offset) 82%, transparent);--surface-scrim:oklch(10% 0 0/.42);--surface-scrim-strong:oklch(8% .01 260/.82);--surface-inverse-glass:oklch(18% .02 260/.68);--surface-inverse-glass-hover:oklch(24% .02 260/.82);--surface-media-canvas:#000;--surface-embed-canvas:#fff;--surface-avatar-muted:#ffffff38;--surface-avatar-label:#0f1117d6;--surface-accent-subtle:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));--surface-accent-soft:color-mix(in oklab, var(--color-primary) 16%, transparent);--surface-accent-strong:color-mix(in oklab, var(--color-primary) 22%, transparent);--surface-success-soft:color-mix(in oklab, var(--color-success) 14%, transparent);--surface-warning-soft:color-mix(in oklab, var(--color-warning) 14%, transparent);--surface-danger-soft:color-mix(in oklab, var(--color-error) 14%, transparent);--surface-comment-shell-header:color-mix(in srgb, var(--color-surface) 97%, var(--color-comment) 3%);--surface-comment-record-hover:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-subtle:color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-subtle-strong:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-card:color-mix(in srgb, var(--color-surface) 94%, var(--color-comment) 6%);--surface-comment-elevated:color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-offset:color-mix(in srgb, var(--color-surface-offset) 90%, var(--color-comment) 10%);--surface-comment-offset-soft:color-mix(in srgb, var(--color-surface-offset) 88%, var(--color-comment) 12%);--surface-comment-offset-strong:color-mix(in srgb, var(--color-surface-offset) 84%, var(--color-comment) 16%);--surface-comment-offset-active:color-mix(in srgb, var(--color-surface-offset) 72%, var(--color-comment) 28%);--surface-comment-highlight-hover:color-mix(in srgb, var(--color-comment-soft) 74%, var(--color-comment) 26%);--surface-comment-highlight-active:color-mix(in srgb, var(--color-comment-soft) 62%, var(--color-comment) 38%);--surface-comment-selection:color-mix(in srgb, var(--color-surface) 25%, var(--color-comment) 75%);--surface-comment-preview-fade:linear-gradient(180deg, oklch(0% 0 0/0), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%));--border-comment-soft:color-mix(in srgb, var(--color-divider) 90%, var(--color-comment) 10%);--border-comment-muted:color-mix(in srgb, var(--color-divider) 88%, var(--color-comment) 12%);--border-comment-strong:color-mix(in srgb, var(--color-border) 82%, var(--color-comment) 18%);--border-comment-active:color-mix(in srgb, var(--color-border) 78%, var(--color-comment) 22%);--shadow-comment-outline:0 0 0 1px oklch(from var(--color-comment) l c h / .14);--surface-warning-toast:var(--color-warning-highlight);--border-warning-toast:oklab(73.4461% .062398 .147608);--text-warning-toast:#422006;--shadow-warning-toast:var(--shadow-md);--border-accent-soft:color-mix(in oklab, var(--color-primary) 22%, transparent);--border-accent-muted:color-mix(in oklab, var(--color-primary) 24%, var(--color-border));--border-accent-strong:color-mix(in oklab, var(--color-primary) 34%, var(--color-border));--border-accent-stronger:color-mix(in oklab, var(--color-primary) 40%, var(--color-border));--shadow-accent-inset:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 14%, transparent);--shadow-accent-outline:0 0 0 1px color-mix(in oklab, var(--color-primary) 16%, transparent);--shadow-accent-halo:0 0 0 3px oklch(from var(--color-primary) l c h / .16);--shadow-accent-ring:0 0 0 2px var(--color-surface), 0 0 0 4px oklch(from var(--color-primary) l c h / .18);--shadow-accent-ring-strong:0 0 0 2px var(--color-bg), 0 0 0 4px oklch(from var(--color-primary) l c h / .45);--shadow-accent-ring-solid:0 0 0 2px var(--color-primary), 0 0 0 4px oklch(from var(--color-primary) l c h / .2);--shadow-elevated-soft:0 10px 24px color-mix(in oklab, var(--color-surface-ink) 10%, transparent);--shadow-floating-soft:0 14px 34px oklch(0% 0 0/.18);--shadow-floating-hover:0 18px 40px oklch(0% 0 0/.2);--shadow-media-soft:0 16px 40px oklch(0% 0 0/.24);--shadow-media-stage:0 28px 80px oklch(0% 0 0/.28);--shadow-media-modal:0 10px 40px #00000059;--shadow-card-strong:0 20px 56px oklch(0% 0 0/.24);--shadow-sheet-inset:inset 0 1px 0 color-mix(in oklab, var(--color-text) 4%, transparent);--shadow-focus:0 0 0 3px oklch(from var(--color-primary) l c h / .15);--shadow-focus-compact:0 0 0 2px oklch(from var(--color-primary) l c h / .45);--interactive-border:color-mix(in oklab, var(--color-primary) 22%, transparent);--interactive-surface:color-mix(in oklab, var(--color-primary) 14%, transparent);--color-text-on-dark:#fff;--shadow-sm:0 1px 2px oklch(20% .02 260/.06);--shadow-md:0 4px 12px oklch(20% .02 260/.08);--shadow-lg:0 12px 32px oklch(20% .02 260/.12)}[data-theme=dark]{--color-bg:#0b0f14;--color-surface:#11161d;--color-surface-2:#171d26;--color-surface-offset:#141a22;--color-surface-offset-2:#1c2530;--color-surface-dynamic:#253140;--color-surface-raised:#1a222c;--color-surface-ink:#030608;--color-divider:#242e3a;--color-border:#303c4b;--color-text:#e6edf3;--color-text-muted:#9aa7b4;--color-text-faint:#687584;--color-text-inverse:#0b0f14;--color-code-text:#abb2bf;--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-primary-active:#2563eb;--color-primary-contrast:#07111f;--color-primary-highlight:#172a45;--color-comment:#60a5fa;--color-comment-soft:#60a5fa1a;--color-comment-strong:#60a5fa29;--color-comment-text:#bfdbfe;--color-error:#f87171;--color-danger:#f87171;--color-error-highlight:#2a1a1a;--color-success:#4ade80;--color-success-highlight:#1a2a1a;--color-warning:#fbbf24;--color-warning-highlight:#2a261a;--diff-add-bg:#4ade8014;--diff-add-line-bg:#4ade8026;--diff-add-text:#4ade80;--diff-del-bg:#f8717114;--diff-del-line-bg:#f8717126;--diff-del-text:#f87171;--diff-hunk-bg:#60a5fa1a;--diff-hunk-text:#60a5fa;--diff-gutter:#687584;--surface-fill-subtle:color-mix(in oklab, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-fill-strong:color-mix(in oklab, var(--color-surface-offset) 60%, var(--color-surface-offset-2) 40%);--surface-overlay:color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-offset) 16%);--surface-overlay-soft:color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-overlay-strong:color-mix(in srgb, var(--color-surface) 90%, var(--color-surface-offset) 10%);--surface-overlay-raised:color-mix(in oklab, var(--color-surface) 94%, transparent);--surface-overlay-header:color-mix(in srgb, var(--color-surface-offset) 76%, var(--color-bg) 24%);--surface-overlay-offset:color-mix(in oklab, var(--color-surface-offset) 82%, transparent);--surface-scrim:oklch(10% 0 0/.42);--surface-scrim-strong:oklch(8% .01 260/.82);--surface-inverse-glass:oklch(18% .02 260/.68);--surface-inverse-glass-hover:oklch(24% .02 260/.82);--surface-media-canvas:#000;--surface-embed-canvas:#121212;--surface-avatar-muted:#ffffff38;--surface-avatar-label:#0f1117d6;--surface-accent-subtle:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));--surface-accent-soft:color-mix(in oklab, var(--color-primary) 16%, transparent);--surface-accent-strong:color-mix(in oklab, var(--color-primary) 22%, transparent);--surface-success-soft:color-mix(in oklab, var(--color-success) 14%, transparent);--surface-warning-soft:color-mix(in oklab, var(--color-warning) 14%, transparent);--surface-danger-soft:color-mix(in oklab, var(--color-error) 14%, transparent);--surface-comment-shell-header:color-mix(in srgb, var(--color-surface) 97%, var(--color-comment) 3%);--surface-comment-record-hover:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-subtle:color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-subtle-strong:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-card:color-mix(in srgb, var(--color-surface) 94%, var(--color-comment) 6%);--surface-comment-elevated:color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-offset:color-mix(in srgb, var(--color-surface-offset) 90%, var(--color-comment) 10%);--surface-comment-offset-soft:color-mix(in srgb, var(--color-surface-offset) 88%, var(--color-comment) 12%);--surface-comment-offset-strong:color-mix(in srgb, var(--color-surface-offset) 84%, var(--color-comment) 16%);--surface-comment-offset-active:color-mix(in srgb, var(--color-surface-offset) 72%, var(--color-comment) 28%);--surface-comment-highlight-hover:color-mix(in srgb, var(--color-comment-soft) 74%, var(--color-comment) 26%);--surface-comment-highlight-active:color-mix(in srgb, var(--color-comment-soft) 62%, var(--color-comment) 38%);--surface-comment-selection:color-mix(in srgb, var(--color-surface) 25%, var(--color-comment) 75%);--surface-comment-preview-fade:linear-gradient(180deg, oklch(0% 0 0/0), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%));--border-comment-soft:color-mix(in srgb, var(--color-divider) 90%, var(--color-comment) 10%);--border-comment-muted:color-mix(in srgb, var(--color-divider) 88%, var(--color-comment) 12%);--border-comment-strong:color-mix(in srgb, var(--color-border) 82%, var(--color-comment) 18%);--border-comment-active:color-mix(in srgb, var(--color-border) 78%, var(--color-comment) 22%);--shadow-comment-outline:0 0 0 1px oklch(from var(--color-comment) l c h / .14);--surface-warning-toast:var(--color-warning-highlight);--border-warning-toast:oklab(79.4887% .0497246 .137216/.88);--text-warning-toast:oklab(99.6952% -.000454402 .00461993);--shadow-warning-toast:var(--shadow-md);--border-accent-soft:color-mix(in oklab, var(--color-primary) 22%, transparent);--border-accent-muted:color-mix(in oklab, var(--color-primary) 24%, var(--color-border));--border-accent-strong:color-mix(in oklab, var(--color-primary) 34%, var(--color-border));--border-accent-stronger:color-mix(in oklab, var(--color-primary) 40%, var(--color-border));--shadow-accent-inset:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 14%, transparent);--shadow-accent-outline:0 0 0 1px color-mix(in oklab, var(--color-primary) 16%, transparent);--shadow-accent-halo:0 0 0 3px oklch(from var(--color-primary) l c h / .16);--shadow-accent-ring:0 0 0 2px var(--color-surface), 0 0 0 4px oklch(from var(--color-primary) l c h / .18);--shadow-accent-ring-strong:0 0 0 2px var(--color-bg), 0 0 0 4px oklch(from var(--color-primary) l c h / .45);--shadow-accent-ring-solid:0 0 0 2px var(--color-primary), 0 0 0 4px oklch(from var(--color-primary) l c h / .2);--shadow-elevated-soft:0 10px 24px color-mix(in oklab, var(--color-surface-ink) 10%, transparent);--shadow-floating-soft:0 14px 34px oklch(0% 0 0/.18);--shadow-floating-hover:0 18px 40px oklch(0% 0 0/.2);--shadow-media-soft:0 16px 40px oklch(0% 0 0/.24);--shadow-media-stage:0 28px 80px oklch(0% 0 0/.28);--shadow-media-modal:0 16px 48px #0009;--shadow-card-strong:0 20px 56px oklch(0% 0 0/.24);--shadow-sheet-inset:inset 0 1px 0 color-mix(in oklab, var(--color-text) 4%, transparent);--shadow-focus:0 0 0 3px oklch(from var(--color-primary) l c h / .15);--shadow-focus-compact:0 0 0 2px oklch(from var(--color-primary) l c h / .45);--interactive-border:color-mix(in oklab, var(--color-primary) 32%, transparent);--interactive-surface:color-mix(in oklab, var(--color-primary) 18%, transparent);--color-text-on-dark:#fff;--shadow-sm:0 1px 2px oklch(0% 0 0/.22);--shadow-md:0 4px 12px oklch(0% 0 0/.3);--shadow-lg:0 16px 40px oklch(0% 0 0/.45)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0b0f14;--color-surface:#11161d;--color-surface-2:#171d26;--color-surface-offset:#141a22;--color-surface-offset-2:#1c2530;--color-surface-dynamic:#253140;--color-surface-raised:#1a222c;--color-surface-ink:#030608;--color-divider:#242e3a;--color-border:#303c4b;--color-text:#e6edf3;--color-text-muted:#9aa7b4;--color-text-faint:#687584;--color-text-inverse:#0b0f14;--color-code-text:#abb2bf;--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-primary-active:#2563eb;--color-primary-contrast:#07111f;--color-primary-highlight:#172a45;--color-comment:#60a5fa;--color-comment-soft:#60a5fa1a;--color-comment-strong:#60a5fa29;--color-comment-text:#bfdbfe;--color-error:#f87171;--color-danger:#f87171;--color-error-highlight:#2a1a1a;--color-success:#4ade80;--color-success-highlight:#1a2a1a;--color-warning:#fbbf24;--color-warning-highlight:#2a261a;--surface-fill-subtle:color-mix(in oklab, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-fill-strong:color-mix(in oklab, var(--color-surface-offset) 60%, var(--color-surface-offset-2) 40%);--surface-overlay:color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-offset) 16%);--surface-overlay-soft:color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-overlay-strong:color-mix(in srgb, var(--color-surface) 90%, var(--color-surface-offset) 10%);--surface-overlay-raised:color-mix(in oklab, var(--color-surface) 94%, transparent);--surface-overlay-header:color-mix(in srgb, var(--color-surface-offset) 76%, var(--color-bg) 24%);--surface-overlay-offset:color-mix(in oklab, var(--color-surface-offset) 82%, transparent);--surface-scrim:oklch(10% 0 0/.42);--surface-scrim-strong:oklch(8% .01 260/.82);--surface-inverse-glass:oklch(18% .02 260/.68);--surface-inverse-glass-hover:oklch(24% .02 260/.82);--surface-media-canvas:#000;--surface-embed-canvas:#121212;--surface-avatar-muted:#ffffff38;--surface-avatar-label:#0f1117d6;--surface-accent-subtle:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));--surface-accent-soft:color-mix(in oklab, var(--color-primary) 16%, transparent);--surface-accent-strong:color-mix(in oklab, var(--color-primary) 22%, transparent);--surface-success-soft:color-mix(in oklab, var(--color-success) 14%, transparent);--surface-warning-soft:color-mix(in oklab, var(--color-warning) 14%, transparent);--surface-danger-soft:color-mix(in oklab, var(--color-error) 14%, transparent);--surface-comment-shell-header:color-mix(in srgb, var(--color-surface) 97%, var(--color-comment) 3%);--surface-comment-record-hover:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-subtle:color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-subtle-strong:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-card:color-mix(in srgb, var(--color-surface) 94%, var(--color-comment) 6%);--surface-comment-elevated:color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-offset:color-mix(in srgb, var(--color-surface-offset) 90%, var(--color-comment) 10%);--surface-comment-offset-soft:color-mix(in srgb, var(--color-surface-offset) 88%, var(--color-comment) 12%);--surface-comment-offset-strong:color-mix(in srgb, var(--color-surface-offset) 84%, var(--color-comment) 16%);--surface-comment-offset-active:color-mix(in srgb, var(--color-surface-offset) 72%, var(--color-comment) 28%);--surface-comment-highlight-hover:color-mix(in srgb, var(--color-comment-soft) 74%, var(--color-comment) 26%);--surface-comment-highlight-active:color-mix(in srgb, var(--color-comment-soft) 62%, var(--color-comment) 38%);--surface-comment-selection:color-mix(in srgb, var(--color-surface) 25%, var(--color-comment) 75%);--surface-comment-preview-fade:linear-gradient(180deg, oklch(0% 0 0/0), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%));--border-comment-soft:color-mix(in srgb, var(--color-divider) 90%, var(--color-comment) 10%);--border-comment-muted:color-mix(in srgb, var(--color-divider) 88%, var(--color-comment) 12%);--border-comment-strong:color-mix(in srgb, var(--color-border) 82%, var(--color-comment) 18%);--border-comment-active:color-mix(in srgb, var(--color-border) 78%, var(--color-comment) 22%);--shadow-comment-outline:0 0 0 1px oklch(from var(--color-comment) l c h / .14);--surface-warning-toast:var(--color-warning-highlight);--border-warning-toast:oklab(79.4887% .0497246 .137216/.88);--text-warning-toast:oklab(99.6952% -.000454402 .00461993);--shadow-warning-toast:var(--shadow-md);--border-accent-soft:color-mix(in oklab, var(--color-primary) 22%, transparent);--border-accent-muted:color-mix(in oklab, var(--color-primary) 24%, var(--color-border));--border-accent-strong:color-mix(in oklab, var(--color-primary) 34%, var(--color-border));--border-accent-stronger:color-mix(in oklab, var(--color-primary) 40%, var(--color-border));--shadow-accent-inset:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 14%, transparent);--shadow-accent-outline:0 0 0 1px color-mix(in oklab, var(--color-primary) 16%, transparent);--shadow-accent-halo:0 0 0 3px oklch(from var(--color-primary) l c h / .16);--shadow-accent-ring:0 0 0 2px var(--color-surface), 0 0 0 4px oklch(from var(--color-primary) l c h / .18);--shadow-accent-ring-strong:0 0 0 2px var(--color-bg), 0 0 0 4px oklch(from var(--color-primary) l c h / .45);--shadow-accent-ring-solid:0 0 0 2px var(--color-primary), 0 0 0 4px oklch(from var(--color-primary) l c h / .2);--shadow-elevated-soft:0 10px 24px color-mix(in oklab, var(--color-surface-ink) 10%, transparent);--shadow-floating-soft:0 14px 34px oklch(0% 0 0/.18);--shadow-floating-hover:0 18px 40px oklch(0% 0 0/.2);--shadow-media-soft:0 16px 40px oklch(0% 0 0/.24);--shadow-media-stage:0 28px 80px oklch(0% 0 0/.28);--shadow-media-modal:0 16px 48px #0009;--shadow-card-strong:0 20px 56px oklch(0% 0 0/.24);--shadow-sheet-inset:inset 0 1px 0 color-mix(in oklab, var(--color-text) 4%, transparent);--shadow-focus:0 0 0 3px oklch(from var(--color-primary) l c h / .15);--shadow-focus-compact:0 0 0 2px oklch(from var(--color-primary) l c h / .45);--interactive-border:color-mix(in oklab, var(--color-primary) 32%, transparent);--interactive-surface:color-mix(in oklab, var(--color-primary) 18%, transparent);--color-text-on-dark:#fff;--shadow-sm:0 1px 2px oklch(0% 0 0/.22);--shadow-md:0 4px 12px oklch(0% 0 0/.3);--shadow-lg:0 16px 40px oklch(0% 0 0/.45)}}.hidden,.u-hidden,html[data-initial-file-requested=true] .empty-state{display:none!important}html[data-initial-file-requested=true] .editor-page.hidden{display:flex!important}.skip-link{top:var(--space-2);left:var(--space-2);z-index:1000;width:auto;height:auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);clip:rect(0, 0, 0, 0);transform:translateY(calc(-100% - var(--space-2)));transition:transform var(--transition-interactive);position:fixed}.skip-link:focus,.skip-link:focus-visible{clip:auto;transform:translateY(0)}.editor-loading{gap:var(--space-2);height:100%;padding:var(--space-6) var(--space-8);flex-direction:column;display:flex}.editor-loading.hidden{display:none}.skeleton-line{border-radius:var(--radius-xs);background:var(--color-surface-offset);height:16px;animation:1.5s ease-in-out infinite pulse-skeleton}.skeleton-line--title{width:40%;height:32px}.skeleton-line--full{width:100%}.skeleton-line--ninety{width:90%}.skeleton-line--ninety-five{width:95%}.skeleton-line--eighty{width:80%}.skeleton-line--eighty-five{width:85%}.skeleton-line--break{margin-bottom:var(--space-6)}@keyframes pulse-skeleton{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.file-context-menu{z-index:1000;min-width:120px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);transform-origin:0 0;opacity:1;transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);position:fixed;transform:scale(1)}@starting-style{.file-context-menu{opacity:0;transform:scale(.9)}}.file-context-item{width:100%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition-interactive);font-family:var(--font-body);font-size:var(--text-ui-sm);background:0 0;border:none;display:block}.file-context-item:hover{background:var(--color-surface-offset)}.file-context-danger{color:var(--color-error)}.wiki-link{color:var(--color-primary);text-underline-offset:2px;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wiki-link:hover{text-decoration-style:solid}.wiki-link-new{color:var(--color-text-muted);opacity:.7;text-decoration-style:dashed}.wiki-link-new:hover{color:var(--color-primary);opacity:1;text-decoration-style:dashed}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);border-right:1px solid var(--color-divider);background:var(--color-surface);flex-direction:column;transition:width .18s cubic-bezier(.16,1,.3,1),min-width .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sidebar.collapsed{border-right:none;width:0;min-width:0;overflow:hidden}.sidebar.is-resizing{transition:none}.sidebar-resizer{z-index:5;cursor:col-resize;touch-action:none;width:8px;transition:border-color var(--transition-interactive);border:0;border-right:2px solid #0000;padding:0;position:absolute;top:0;bottom:0;right:0}.sidebar-resizer:hover,.sidebar-resizer:focus-visible,.sidebar.is-resizing .sidebar-resizer{border-right-color:var(--color-primary);opacity:.72}.sidebar-resizer:focus-visible{outline:none}.sidebar-backdrop,.sidebar-backdrop[hidden]{display:none}.sidebar-header{min-height:var(--toolbar-h);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-divider);display:flex}.sidebar-brand{align-items:center;gap:var(--space-2);display:flex}.sidebar-title{white-space:nowrap;font-size:var(--text-sm);letter-spacing:-.02em;font-weight:700}.sidebar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.ui-icon-button.sidebar-close-btn{display:none}.sidebar-create-shell{position:relative}.sidebar-create-btn{border-radius:var(--radius-full);min-height:28px;font-size:var(--text-xs);padding:0 10px 0 8px;font-weight:600}.sidebar-create-btn[aria-expanded=true],.sidebar-options-btn[aria-expanded=true]{border-color:var(--interactive-border);background:var(--interactive-surface);color:var(--color-primary)}.sidebar-create-btn-label{white-space:nowrap}.sidebar-search{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-divider)}.sidebar-search-input{width:100%;min-height:var(--control-h-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-offset);color:var(--color-text);transition:border-color var(--transition-interactive), background var(--transition-interactive), box-shadow var(--transition-interactive);font-size:var(--text-xs);border:1px solid #0000;outline:none}.sidebar-search-input::placeholder{color:var(--color-text-muted)}.sidebar-search-input:hover:not(:focus){background:var(--color-surface-offset-2)}.sidebar-search-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-focus)}.sidebar-search-status{color:var(--color-text-muted);font-size:var(--text-caption);padding:5px 2px 0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.file-tree{padding:var(--space-2);transition:box-shadow var(--transition-interactive), background var(--transition-interactive);flex:1;position:relative;overflow:hidden auto}.file-tree.is-drop-target-root{background:color-mix(in oklab, var(--color-primary-highlight) 58%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 48%, transparent)}.file-tree.is-drop-invalid{background:color-mix(in oklab, var(--color-danger) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-danger) 42%, transparent)}.file-tree-empty{padding:var(--space-4) var(--space-3);color:var(--color-text-faint);text-align:center;font-size:var(--text-xs)}.file-tree-root-drop-zone{top:var(--space-2);right:var(--space-2);left:var(--space-2);z-index:4;padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);color:var(--color-text-faint);font-size:var(--text-xs);transition:border-color var(--transition-interactive), background var(--transition-interactive), color var(--transition-interactive);margin:0;line-height:1.3;display:none;position:absolute}body.is-file-tree-dragging .file-tree-root-drop-zone{display:block}.file-tree-root-drop-zone:hover{border-color:color-mix(in oklab, var(--color-border) 85%, transparent);background:color-mix(in oklab, var(--color-surface-offset) 72%, transparent);color:var(--color-text)}.file-tree-root-drop-zone.is-drop-target{border-color:color-mix(in oklab, var(--color-primary) 54%, transparent);background:color-mix(in oklab, var(--color-primary-highlight) 72%, transparent);color:var(--color-primary)}.file-tree-root-drop-zone.is-drop-invalid{border-color:color-mix(in oklab, var(--color-danger) 48%, transparent);background:color-mix(in oklab, var(--color-danger) 10%, transparent);color:var(--color-danger)}.file-tree-item{align-items:center;gap:var(--space-1);width:100%;padding-top:4px;padding-bottom:4px;padding-right:8px;padding-left:calc(8px + var(--depth,0) * 12px);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;content-visibility:auto;contain-intrinsic-size:auto 28px;transition:background var(--transition-interactive), color var(--transition-interactive);font-family:var(--font-body);font-size:var(--text-ui-sm);background:0 0;border:none;display:flex;position:relative;overflow:hidden}.file-tree-item.is-dragging,.file-tree-item[draggable=true]:active{cursor:grabbing}body.is-file-tree-dragging,body.is-file-tree-dragging *{cursor:grabbing!important}.file-tree-item:not([data-depth="0"]):before{content:"";top:0;bottom:0;left:calc(8px + (var(--depth,1) - 1) * 12px + 6px);background-color:var(--color-border);opacity:.2;width:1px;position:absolute}.file-tree-file{padding-left:calc(8px + var(--depth,0) * 12px + 18px)}.file-tree-item:hover{background:var(--color-surface-offset);color:var(--color-text)}.file-tree-item.is-dragging{opacity:.52}.file-tree-dir.is-drop-target{background:color-mix(in oklab, var(--color-primary-highlight) 78%, transparent);color:var(--color-primary)}.file-tree-dir.is-drop-invalid{background:color-mix(in oklab, var(--color-danger) 10%, transparent);color:var(--color-danger)}.file-tree-file.active{background:var(--color-primary-highlight);color:var(--color-primary);font-weight:600}.file-tree-chevron,.file-tree-icon{width:14px;height:14px;-webkit-mask:var(--file-tree-glyph) center / contain no-repeat;-webkit-mask:var(--file-tree-glyph) center / contain no-repeat;mask:var(--file-tree-glyph) center / contain no-repeat;background-color:currentColor;flex-shrink:0}.file-tree-chevron{--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");transition:transform .2s cubic-bezier(.16,1,.3,1)}.file-tree-chevron.expanded{transform:rotate(90deg)}.file-tree-dir .file-tree-icon{--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}.file-tree-file .file-tree-icon{opacity:.5;--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E")}.file-tree-file[data-kind=base] .file-tree-icon{--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M7 4h7l5 5v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3Cpath d='M14 4v5h5'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h6'/%3E%3Cpath d='M8 9h3'/%3E%3C/svg%3E")}.file-tree-file[data-kind=drawio] .file-tree-icon,.file-tree-file[data-kind=plantuml] .file-tree-icon,.file-tree-file[data-kind=structurizr] .file-tree-icon{--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='7' height='6' rx='1'/%3E%3Crect x='14' y='4' width='7' height='6' rx='1'/%3E%3Crect x='8.5' y='14' width='7' height='6' rx='1'/%3E%3Cpath d='M10 7h4'/%3E%3Cpath d='M17.5 10v2.5'/%3E%3Cpath d='M6.5 10v2.5'/%3E%3Cpath d='M6.5 12.5h11'/%3E%3C/svg%3E")}.file-tree-file[data-kind=excalidraw] .file-tree-icon{color:var(--color-primary);--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/%3E%3Cpath d='M2 2l7.586 7.586'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E")}.file-tree-file[data-kind=image] .file-tree-icon{--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.5'/%3E%3Cpath d='m21 16-5-5L7 20'/%3E%3Cpath d='m14 14 2 2'/%3E%3C/svg%3E")}.file-tree-file[data-kind=pdf] .file-tree-icon{color:var(--color-danger);--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cpath d='M8 15h8'/%3E%3Cpath d='M8 18h5'/%3E%3C/svg%3E")}.file-tree-file[data-kind=mermaid] .file-tree-icon{color:oklch(from var(--color-primary) calc(l * .96) calc(c * .86) 215);--file-tree-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M5 7.5c0-1.38 1.12-2.5 2.5-2.5 1.04 0 1.93.64 2.3 1.56A2.5 2.5 0 0 1 14 8.5v1'/%3E%3Cpath d='M19 16.5c0 1.38-1.12 2.5-2.5 2.5-1.04 0-1.93-.64-2.3-1.56A2.5 2.5 0 0 1 10 15.5v-1'/%3E%3Cpath d='M8 10.5h8'/%3E%3Cpath d='M8 13.5h8'/%3E%3Cpath d='M10 8.5v7'/%3E%3Cpath d='M14 8.5v7'/%3E%3C/svg%3E")}.file-tree-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.file-tree-search-result{align-items:flex-start;padding:6px 8px}.file-tree-search-result .file-tree-icon{margin-top:2px}.file-tree-search-copy{flex:auto;gap:1px;min-width:0;display:grid}.file-tree-search-copy .file-tree-name,.file-tree-search-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-tree-search-path{color:var(--color-text-faint);font-size:var(--text-caption);font-weight:400}.file-action-sheet::backdrop{background:oklch(from var(--color-bg) l c h / .44);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.file-action-sheet{top:auto;right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));left:var(--space-3);z-index:131;border:1px solid var(--color-border);border-radius:calc(var(--radius-xl) + 2px);background:oklch(from var(--color-surface) l c h / .98);width:auto;max-width:none;max-height:none;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:4px;margin:0;padding:12px;display:flex;position:fixed}.file-action-sheet-item{justify-content:flex-start;width:100%}.file-action-sheet-item.file-context-danger{color:var(--color-danger)}.create-menu{z-index:1010;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:oklch(from var(--color-surface) l c h / .98);width:min(240px,100vw - 24px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px;position:fixed}.create-menu-group,.create-action-sheet-group,.create-action-sheet-header{color:var(--color-text-faint);font-size:var(--text-meta);letter-spacing:.08em;text-transform:uppercase;padding:0 10px;font-weight:700}.create-menu-group:not(:first-child),.create-action-sheet-group:not(:first-child){margin-top:10px}.create-action-sheet-header{padding:0 var(--space-2) 4px}.create-menu-item{border-radius:var(--radius-md);width:100%;min-height:36px;color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition-interactive), color var(--transition-interactive);background:0 0;border:none;align-items:center;gap:8px;padding:0 10px;display:flex}.create-menu-item:hover,.create-menu-item:focus-visible{background:var(--color-surface-offset);color:var(--color-text);outline:none}.create-menu-item-icon{width:16px;min-width:16px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.create-menu-item-copy{gap:1px;min-width:0;display:grid}.create-menu-item-label{font-size:var(--text-xs);font-weight:600}.create-menu-item-meta{color:var(--color-text-muted);font-size:var(--text-meta)}.create-action-sheet-item{justify-content:flex-start;min-height:44px}.ui-button.create-action-sheet-option{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-offset);min-height:60px;color:var(--color-text);box-shadow:var(--shadow-sm);transition:border-color var(--transition-interactive), background var(--transition-interactive), box-shadow var(--transition-interactive);gap:10px;padding:0 14px}.ui-button.create-action-sheet-option:hover{border-color:var(--border-accent-muted);background:var(--surface-accent-subtle);box-shadow:var(--shadow-sm);color:var(--color-text)}.ui-button.create-action-sheet-option:focus-visible{border-color:var(--border-accent-strong);background:var(--surface-accent-subtle);box-shadow:var(--shadow-focus-compact);color:var(--color-text);outline:none}.create-action-sheet-option .create-menu-item-icon{border-radius:var(--radius-sm);background:oklch(from var(--color-surface) calc(l + .03) c h / .78);width:28px;min-width:28px;height:28px;color:var(--color-primary)}.create-action-sheet-option .create-menu-item-copy{text-align:left;flex:1;justify-items:start;gap:2px}.create-action-sheet-option .create-menu-item-label{font-size:var(--text-sm);letter-spacing:-.02em;font-weight:700}.create-action-sheet-option .create-menu-item-meta{font-size:var(--text-meta);letter-spacing:.02em;justify-self:start;font-weight:600}.create-action-sheet-group{padding-top:4px}.create-action-sheet-cancel{min-height:36px;padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);align-self:flex-start;font-weight:600}.create-action-sheet-cancel:hover,.create-action-sheet-cancel:focus-visible{color:var(--color-text);outline:none}.empty-state{padding:var(--space-8);flex:1;justify-content:center;align-items:center;display:flex}.empty-state-content{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;max-width:340px;display:flex}.empty-state-logo{width:80px;height:80px;margin-bottom:var(--space-4);border:1px solid var(--border-accent-soft);border-radius:calc(var(--radius-xl-plus) + var(--radius-sm));background:radial-gradient(circle at top, var(--interactive-border), transparent 70%), linear-gradient(180deg, var(--surface-overlay-raised), var(--surface-overlay-soft));box-shadow:var(--shadow-floating-soft), var(--shadow-sheet-inset);justify-content:center;align-items:center;display:inline-flex}.empty-state-logo svg{opacity:.72;display:block}.empty-state-title{font-size:var(--text-lg);letter-spacing:-.02em;margin:0;font-weight:650}.empty-state-desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.empty-state-actions{gap:var(--space-3);width:100%;margin-top:var(--space-5);flex-direction:column;display:flex}.empty-state-btn{min-height:var(--control-h-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);justify-content:flex-start}.empty-state-btn.ui-button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.empty-state-btn.ui-button--secondary:hover{border-color:var(--color-text-faint);background:var(--color-surface-offset)}.empty-state-kbd{border:1px solid var(--color-divider);border-radius:var(--radius-xs);background:var(--color-surface-offset);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-meta);margin-left:auto;padding:2px 6px;font-weight:600;line-height:1.4}.empty-state-btn.ui-button--primary .empty-state-kbd{border-color:oklch(from var(--color-text-inverse) l c h / .25);background:oklch(from var(--color-text-inverse) l c h / .12);color:var(--color-text-inverse)}.editor-page,.diff-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.toolbar{z-index:10;height:var(--toolbar-h);justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--color-divider);background:var(--color-surface);flex-shrink:0;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:var(--space-2);display:flex}.toolbar-left{flex:1;min-width:0}.toolbar-right{flex-shrink:0;position:relative}.toolbar-presence-cluster{flex-shrink:0}.toolbar-status-cluster{align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.toolbar-logo{padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-interactive);flex-shrink:0;align-items:center;display:flex}.toolbar-logo:hover{background:var(--color-surface-offset)}.toolbar-room-info{align-items:center;gap:var(--space-2);min-width:0;display:flex}.toolbar-search-trigger{min-height:30px;padding-inline:var(--space-2);border-color:var(--color-divider);background:var(--color-surface-offset);color:var(--color-text-muted);box-shadow:none;flex-shrink:0}.toolbar-search-trigger:hover{border-color:var(--color-border);background:var(--color-surface-dynamic);color:var(--color-text)}.toolbar-search-trigger>svg{color:var(--color-primary)}.toolbar-search-label{font-weight:600}.toolbar-search-kbd{margin-left:var(--space-1);border:1px solid var(--color-divider);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text-faint);font-family:var(--font-body);font-size:var(--text-meta);padding:2px 5px;font-weight:600;line-height:1.4}.toolbar-room-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);letter-spacing:-.01em;font-weight:650;overflow:hidden}.toolbar-badge{white-space:nowrap;flex-shrink:0}.toolbar-center{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.toolbar-overflow-toggle{anchor-name:--toolbar-overflow;display:inline-flex}.toolbar-overflow-menu{inset:auto;top:calc(anchor(--toolbar-overflow bottom) + 6px);right:anchor(--toolbar-overflow right);z-index:14;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:oklch(from var(--color-surface) l c h / .98);width:min(240px,100vw - 24px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position-try-fallbacks:flip-block, flip-inline;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px;display:none;position:fixed}.toolbar-overflow-menu:popover-open{display:flex}.toolbar-overflow-menu .ui-button--toolbar,.toolbar-overflow-menu .toolbar-overflow-group-toggle{width:100%}.toolbar-overflow-menu .ui-toolbar-button-label{text-align:left;flex:1;min-width:0;display:inline}.toolbar-overflow-menu .ui-button--toolbar{border-radius:var(--radius-md);justify-content:flex-start;gap:8px;min-height:36px;padding:0 10px}.toolbar-overflow-menu .toolbar-theme-button{background:var(--color-surface-offset);width:100%;min-width:0;color:var(--color-text);padding:0 10px}.toolbar-overflow-menu .toolbar-theme-button:hover{background:var(--color-surface-dynamic)}.toolbar-overflow-menu .toolbar-theme-button .ui-toolbar-button-label{display:inline!important}.toolbar-overflow-menu .toolbar-theme-button .toolbar-theme-state{margin-left:auto;display:inline-flex!important}.toolbar-overflow-group{flex-direction:column;display:flex}.toolbar-overflow-group-toggle{list-style:none}.toolbar-overflow-group-toggle::-webkit-details-marker{display:none}.toolbar-overflow-group-toggle:after{content:"";width:8px;height:8px;transition:transform var(--transition-interactive);border-bottom:1.5px solid;border-right:1.5px solid;margin-left:auto;transform:rotate(45deg)}.toolbar-overflow-group[open] .toolbar-overflow-group-toggle:after{transform:rotate(-135deg)}.toolbar-overflow-submenu{flex-direction:column;gap:0;padding:2px 0 4px 14px;display:flex}.diff-mode-toggle,.diff-layout-toggle{padding:3px}.diff-mode-btn,.diff-layout-btn{width:auto;height:28px;padding:0 var(--space-3);font-size:var(--text-label);font-weight:600}.diff-mode-btn{min-width:72px}.diff-layout-btn{min-width:82px}.markdown-toolbar{border-bottom:1px solid var(--color-divider);background:var(--color-surface);flex-shrink:0;align-items:center;gap:2px;min-height:36px;padding:2px 6px;display:flex}.markdown-toolbar-group,.markdown-toolbar-block-menu-shell{flex-shrink:0;align-items:center;gap:1px;display:inline-flex;position:relative}.markdown-toolbar-group{border-left:1px solid var(--color-divider);margin-left:4px;padding-left:8px}.markdown-toolbar .markdown-toolbar-group--mobile-only,.pane-header-actions .mobile-editor-find-btn,.toolbar-overflow-menu .toolbar-search-files-btn{display:none!important}.markdown-toolbar-block-trigger{border-radius:var(--radius-sm);white-space:nowrap;anchor-name:--markdown-block-trigger;align-items:center;gap:2px;min-height:28px;padding:0 8px;display:inline-flex}.markdown-toolbar-block-trigger-label{font-size:11px;font-weight:700;line-height:1}.markdown-toolbar-block-trigger-icon{color:var(--color-text-faint);display:inline-flex;transform:scale(.9)}body:has(.markdown-toolbar-popover:popover-open) .markdown-toolbar-block-trigger{background:var(--color-surface-offset);color:var(--color-text)}.markdown-toolbar-popover{inset:auto;top:calc(anchor(--markdown-block-trigger bottom) + 6px);left:anchor(--markdown-block-trigger left);z-index:12;position-try-fallbacks:flip-block, flip-inline;background:0 0;border:0;min-width:176px;margin:0;padding:0;position:fixed;overflow:visible}.markdown-toolbar-menu{border:1px solid var(--color-border);border-radius:var(--radius-md);background:oklch(from var(--color-surface) l c h / .98);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:3px;display:grid}.markdown-toolbar-menu-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;min-height:30px;color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition-interactive), color var(--transition-interactive);background:0 0;border:none;grid-template-columns:1fr auto;padding:0 10px;display:grid}.markdown-toolbar-menu-item:hover,.markdown-toolbar-menu-item:focus-visible,.markdown-toolbar-menu-item.is-active{background:var(--color-surface-offset);outline:none}.markdown-toolbar-menu-item-label{font-size:var(--text-ui-sm);font-weight:600}.markdown-toolbar-menu-item-shortcut{color:var(--color-text-faint);font-size:var(--text-xs);font-weight:700}.app-shell{top:var(--app-viewport-offset-top,0px);width:100%;height:100dvh;height:var(--app-viewport-height,100dvh);display:flex;position:fixed;left:0;right:0;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-layout{flex:1;display:flex;position:relative;overflow:hidden}.editor-pane,.preview-pane{flex-direction:column;flex:1;min-width:200px;display:flex;overflow:hidden}.pane-header{height:30px;padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-divider);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.pane-header-actions{align-items:center;gap:var(--space-1);display:flex}.pane-header-meta{align-items:baseline;gap:var(--space-3);min-width:0;display:flex;overflow:hidden}.pane-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-meta);font-weight:600}.pane-label-meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-meta);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resizer{z-index:5;background:var(--color-divider);cursor:col-resize;width:4px;transition:background var(--transition-interactive);flex-shrink:0;position:relative}.resizer:hover,.resizer.dragging{background:var(--color-primary)}.resizer:after{content:"";position:absolute;inset:0 -6px}.editor-container{background:var(--color-bg);flex:1;position:relative;overflow:hidden}.editor-container>.editor-loading{z-index:2;background:var(--color-bg);position:absolute;inset:0}.editor-container.is-loading-editor .cm-editor{visibility:hidden}.editor-container .cm-editor{height:100%;font-family:var(--font-mono);font-size:var(--text-ui-md)}.editor-container .cm-editor .cm-scroller{font-family:var(--font-mono);overflow:auto}.editor-container .cm-editor.cm-focused{outline:none}.cm-editor .cm-ySelectionInfo{z-index:10;border-radius:var(--radius-2xs) var(--radius-2xs) var(--radius-2xs) 0;opacity:1;white-space:nowrap;font-family:var(--font-body);font-size:var(--text-meta);padding:1px 4px;font-weight:600;transition:opacity .3s;position:absolute;top:-1.2em;left:-1px}.preview-body{--preview-floating-sidebar-gap:var(--space-3);--preview-floating-comments-width:var(--panel-comments-width);--preview-floating-outline-width:var(--panel-outline-width);--preview-content-max-width:var(--preview-content-width);flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.preview-container{background:var(--color-bg);overscroll-behavior:contain;flex:1;min-width:0;overflow:hidden auto}.preview-content.is-excalidraw-file-preview{box-sizing:border-box;width:100%;max-width:none;height:100%;min-height:100%;padding:var(--space-3);margin:0;display:flex;position:relative}.preview-content.is-image-file-preview{box-sizing:border-box;width:100%;max-width:none;min-height:100%;padding:var(--space-4);margin:0;display:flex;position:relative}.preview-content.is-pdf-file-preview,.preview-content.is-html-file-preview{box-sizing:border-box;width:100%;max-width:none;height:100%;min-height:100%;padding:var(--space-3);margin:0;display:flex;position:relative}.preview-content.is-base-file-preview{width:100%;max-width:none;min-height:100%}.preview-content.is-plantuml-file-preview,.preview-content.is-mermaid-file-preview{box-sizing:border-box;width:100%;max-width:none;height:100%;min-height:100%;padding:var(--space-3);flex-direction:column;margin:0;display:flex}.preview-content.is-drawio-file-preview,.preview-content.is-structurizr-file-preview{box-sizing:border-box;width:100%;max-width:none;height:100%;min-height:100%;padding:var(--space-3);margin:0;display:flex;position:relative}.preview-content.is-mermaid-file-preview [data-preview-render-host=true],.preview-content.is-plantuml-file-preview [data-preview-render-host=true]{flex-direction:column;flex:1;width:100%;min-width:0;max-width:none;min-height:0;display:flex}.preview-content.is-drawio-file-preview [data-preview-render-host=true],.preview-content.is-structurizr-file-preview [data-preview-render-host=true],.preview-content.is-excalidraw-file-preview [data-preview-render-host=true],.preview-content.is-image-file-preview [data-preview-render-host=true],.preview-content.is-pdf-file-preview [data-preview-render-host=true],.preview-content.is-html-file-preview [data-preview-render-host=true],.preview-content.is-base-file-preview [data-preview-render-host=true]{flex:1;width:100%;min-width:0;max-width:none;min-height:100%;display:flex}.preview-content.is-pdf-file-preview [data-preview-render-host=true]{flex-direction:column}.preview-content.is-html-file-preview [data-preview-render-host=true]{height:100%;min-height:0}.html-file-preview-shell{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.html-file-preview-shell.is-maximized{inset:var(--space-3);z-index:172;width:auto;height:auto;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-lg);position:fixed}body.html-preview-maximized-open{overflow:hidden}body.html-preview-maximized-open #htmlPreviewMaximize{top:var(--space-5);right:var(--space-5);z-index:174;background:var(--color-surface-raised);box-shadow:var(--shadow-md);position:fixed}.html-file-preview-script-gate{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2);border:1px solid var(--border-warning-toast);border-radius:var(--radius-md);background:var(--surface-warning-soft);color:var(--color-text);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.html-file-preview-frame{box-sizing:border-box;border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:#fff;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:block}.image-file-preview-shell{justify-content:center;align-items:center;width:100%;min-height:100%;margin:0;display:flex}.image-file-preview-image{object-fit:contain;border-radius:var(--radius-lg);background:var(--color-surface);max-width:min(100%,1200px);max-height:calc(100vh - 180px);box-shadow:var(--shadow-lg)}.pdf-file-preview-viewer{width:100%;height:calc(var(--app-viewport-height,100dvh) - var(--toolbar-h) - 43px);border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);min-height:320px;overflow:hidden}.pdf-file-preview-error{height:100%;min-height:240px;padding:var(--space-6);color:var(--color-text-muted);text-align:center;place-items:center;display:grid}.preview-content.is-mermaid-file-preview .mermaid-shell,.preview-content.is-plantuml-file-preview .plantuml-shell{flex:1;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:0;margin:0}.preview-content.is-mermaid-file-preview .mermaid-frame,.preview-content.is-plantuml-file-preview .plantuml-frame{height:100%;min-height:0;max-height:none}.preview-content.is-drawio-file-preview .drawio-embed,.preview-content.is-drawio-file-preview .drawio-embed-placeholder{width:100%;min-height:100%;margin:0}.preview-content.is-drawio-file-preview .drawio-embed{flex-direction:column;width:100%;height:100%;display:flex}.preview-content.is-drawio-file-preview .drawio-embed-placeholder,.preview-content.is-drawio-file-preview .preview-shell{width:100%;min-height:100%}.preview-content.is-drawio-file-preview .drawio-embed-iframe{flex:1;height:100%;min-height:0}.preview-content.is-excalidraw-file-preview .excalidraw-embed,.preview-content.is-excalidraw-file-preview .excalidraw-embed-placeholder{width:100%;min-height:100%;margin:0}.preview-content.is-excalidraw-file-preview .excalidraw-embed{flex-direction:column;height:100%;display:flex}.preview-content.is-excalidraw-file-preview .excalidraw-embed-placeholder{align-items:stretch;display:flex}.preview-content.is-excalidraw-file-preview .preview-shell{width:100%;min-height:100%}.preview-content.is-excalidraw-file-preview .excalidraw-embed-iframe{flex:1;min-height:0;height:100%!important}.preview-content.is-excalidraw-file-preview .excalidraw-embed-resizer{display:none}.preview-content.is-excalidraw-file-preview .excalidraw-embed.is-maximized{inset:var(--space-3);z-index:172;box-sizing:border-box;max-width:none;min-height:0;margin:0;position:fixed;width:auto!important;height:auto!important}.preview-content.is-excalidraw-file-preview .excalidraw-embed.is-maximized .excalidraw-embed-iframe{height:100%!important}.drawio-embed.is-maximized{inset:var(--space-4);z-index:172;box-sizing:border-box;flex-direction:column;width:auto;max-width:none;margin:0;display:flex;position:fixed}.preview-content.is-drawio-file-preview .drawio-embed.is-maximized{min-height:0;width:auto!important;height:auto!important}.preview-shell{min-height:60vh;color:var(--color-text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h-md);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;transition:transform var(--transition-interactive), background var(--transition-interactive), color var(--transition-interactive), border-color var(--transition-interactive), box-shadow var(--transition-interactive);border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.ui-button:not(:disabled):active{transform:scale(.97)}.ui-button--primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.ui-button--primary:not(:disabled):hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.ui-button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.ui-button--secondary:not(:disabled):hover{background:var(--color-surface-offset);border-color:color-mix(in oklab, var(--color-border) 72%, var(--color-text-faint) 28%)}.ui-button--danger{background:var(--color-error);color:var(--color-text-inverse)}.ui-button--danger:not(:disabled):hover{filter:brightness(.95)}.ui-button--ghost{color:var(--color-text-muted);background:0 0}.ui-button--ghost:not(:disabled):hover{background:var(--color-surface-offset);color:var(--color-text)}.ui-button--lg{min-height:var(--control-h-lg);padding:0 var(--space-6);font-weight:600}.ui-button--compact{min-height:var(--control-h-xs);gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.ui-button--toggle.active,.ui-button--toggle.is-active,.ui-button--toggle[aria-pressed=true],.ui-button--toggle[aria-selected=true]{border-color:var(--interactive-border);background:var(--interactive-surface);color:var(--color-primary)}.ui-icon-button{width:var(--control-h-xs);min-width:var(--control-h-xs);height:var(--control-h-xs);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:transform var(--transition-interactive), background var(--transition-interactive), color var(--transition-interactive), border-color var(--transition-interactive);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-icon-button:not(:disabled):hover{background:var(--color-surface-offset);color:var(--color-text)}.ui-icon-button--toolbar{width:28px;min-width:28px;height:28px}.ui-button--pill{border-radius:var(--radius-full)}.ui-button>svg,.ui-icon-button>svg,.ui-segmented-btn>svg{flex-shrink:0}.ui-segmented-control{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface-offset);gap:2px;padding:3px;display:inline-flex}.ui-segmented-control--pill{border-radius:var(--radius-full);padding:3px}.ui-segmented-btn{min-width:32px;min-height:var(--control-h-xs);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-faint);white-space:nowrap;transition:transform var(--transition-interactive), background var(--transition-interactive), color var(--transition-interactive), border-color var(--transition-interactive), box-shadow var(--transition-interactive);font-size:var(--text-xs);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.ui-segmented-control--pill .ui-segmented-btn{border-radius:var(--radius-full)}.ui-segmented-btn:not(:disabled):hover{color:var(--color-text-muted)}.ui-segmented-btn.active,.ui-segmented-btn.is-active,.ui-segmented-btn[aria-pressed=true],.ui-segmented-btn[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.ui-button:disabled,.ui-icon-button:disabled,.ui-segmented-btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.ui-input{width:100%;min-height:var(--control-h-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-interactive), box-shadow var(--transition-interactive), background var(--transition-interactive)}.ui-input:not(:disabled,[readonly]):hover:not(:focus){border-color:color-mix(in oklab, var(--color-border) 70%, var(--color-text-faint) 30%)}.ui-input:not(:disabled):focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.ui-input::placeholder{color:var(--color-text-faint)}.ui-input:disabled,.ui-input[readonly]{border-color:var(--color-divider);background:var(--color-surface-offset);color:var(--color-text-muted);cursor:not-allowed;opacity:.72}.ui-input[readonly]{cursor:default}.ui-pill{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--surface-fill-strong);min-height:20px;color:var(--color-text-muted);font-size:var(--text-meta);padding:0 8px;display:inline-flex}.ui-button--action,.ui-toolbar-action{flex-shrink:0}.ui-button--action,.ui-action-button{min-height:var(--control-h-md);border-radius:var(--radius-lg-plus);font-size:var(--text-label);white-space:nowrap;padding:0 14px;font-weight:600}.ui-button--wide,.ui-action-button--wide{min-width:92px}.ui-button--surface,.ui-action-button--surface{background:var(--color-surface-offset)}.ui-button--surface:hover:not(:disabled),.ui-action-button--surface:hover:not(:disabled){background:var(--color-surface-dynamic)}.ui-button--pill,.ui-action-pill{flex-shrink:0;min-width:0}.ui-action-pill--surface{background:var(--color-surface-offset)}.ui-action-pill--surface:hover:not(:disabled){background:var(--color-surface-dynamic)}.ui-action-icon{flex-shrink:0}.ui-action-icon--surface{background:var(--surface-overlay-offset)}.ui-preview-action{border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-2);color:var(--color-text);box-shadow:inset 0 1px 0 oklch(from var(--color-text) l c h / .04);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-interactive), color var(--transition-interactive), border-color var(--transition-interactive);flex-shrink:0;justify-content:center;align-items:center;padding:2px 8px;display:inline-flex}.ui-preview-action:hover:not(:disabled){background:var(--color-surface-offset);border-color:oklch(from var(--color-border) calc(l + .08) c h)}.ui-preview-action:disabled{opacity:.5;cursor:not-allowed}.ui-preview-action--icon-only{width:30px;min-width:30px;height:30px;padding:0}.ui-preview-action--icon-only svg{width:14px;height:14px;display:block}.ui-button--toolbar{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);display:flex}.ui-toolbar-button-label,.ui-action-label{font-size:var(--text-xs)}.ui-toolbar-button--name{max-width:132px}.ui-toolbar-button-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolbar-theme-icon,.toolbar-vim-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toolbar-vim-button .toolbar-vim-state{margin-left:auto}.toolbar-vim-button[aria-pressed=true] .toolbar-vim-state{background:var(--color-primary-highlight);color:var(--color-primary)}.toolbar-theme-button{justify-content:center;width:32px;min-width:32px;padding:0;overflow:hidden}.toolbar-theme-button .ui-toolbar-button-label{display:none!important}.toolbar-theme-button .toolbar-theme-state{margin-left:auto;display:none!important}.ui-nav-tabs{justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2) 0;border-bottom:1px solid var(--color-divider);display:flex}.ui-nav-tab{min-width:0;height:34px;padding:0 var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-text-muted);transition:background var(--transition-interactive), border-color var(--transition-interactive), color var(--transition-interactive);border:none;border-bottom:2px solid #0000;flex:0 auto;justify-content:center;align-items:center;gap:5px;display:inline-flex;position:relative}.ui-nav-tabs:has(.ui-nav-tab.hidden) .ui-nav-tab:not(.hidden){flex:1}.ui-nav-tab-icon{width:var(--control-icon-sm);height:var(--control-icon-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ui-nav-tab-icon svg{width:var(--control-icon-sm);height:var(--control-icon-sm);display:block}.ui-nav-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--text-label);font-weight:600;line-height:1;overflow:hidden}.ui-nav-tab.has-changes .ui-nav-tab-icon:after{content:"";background-color:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-dot;position:absolute;top:-2px;right:-3px}.ui-nav-tab:hover{background:var(--color-surface-offset);color:var(--color-text)}.ui-nav-tab.active,.ui-nav-tab.active:hover{border-bottom-color:var(--color-primary);color:var(--color-primary);background:0 0}.ui-pill-badge{min-height:20px;padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;font-size:var(--text-meta);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.ui-pill-badge--count{min-width:20px;padding-inline:6px}.ui-pill-badge--accent{background:var(--color-primary-highlight);color:var(--color-primary)}.ui-pill-badge--solid{background:var(--color-primary);color:var(--color-text-inverse)}.ui-pill-badge--muted{background:var(--color-surface-dynamic);color:var(--color-text-muted)}.ui-pill-badge--code{background:var(--color-surface-offset-2);color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.02em;font-weight:700}.ui-empty-state{place-content:center;gap:var(--space-1);min-height:120px;padding:var(--space-6) var(--space-4);color:var(--color-text-muted);text-align:center;display:grid}.ui-empty-state--compact{min-height:88px;padding:var(--space-4) var(--space-3)}.ui-empty-state-title,.ui-empty-state-copy{margin:0}.ui-empty-state-title{color:var(--color-text);font-size:var(--text-ui-sm);letter-spacing:-.01em;font-weight:650}.ui-empty-state-copy{max-width:30ch;color:var(--color-text-faint);font-size:var(--text-meta);line-height:1.45}.ui-empty-state[data-tone=error] .ui-empty-state-title{color:var(--color-error)}.ui-status-badge{border-radius:var(--radius-2xs);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.02em;text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;padding:1px 5px;font-weight:600;display:inline-flex}.ui-status-badge--success{color:var(--color-success);background:var(--surface-success-soft)}.ui-status-badge--warning{color:var(--color-warning);background:var(--surface-warning-soft)}.ui-status-badge--danger{color:var(--color-error);background:var(--surface-danger-soft)}.ui-status-badge--accent{color:var(--color-primary);background:var(--surface-accent-soft)}.ui-status-badge--muted{color:var(--color-text-faint);background:var(--color-surface-offset)}.ui-stat-token{font-family:var(--font-mono);font-size:var(--text-label);white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.ui-stat-token--add{color:var(--diff-add-text)}.ui-stat-token--del{color:var(--diff-del-text)}.ui-chip-button{--ui-chip-border:var(--color-border);--ui-chip-bg:var(--color-surface);--ui-chip-color:var(--color-text-muted);--ui-chip-border-hover:var(--ui-chip-border);--ui-chip-bg-hover:var(--color-surface-offset);--ui-chip-color-hover:var(--color-text);--ui-chip-border-active:var(--ui-chip-border-hover);--ui-chip-bg-active:var(--ui-chip-bg-hover);--ui-chip-color-active:var(--ui-chip-color-hover);border:1px solid var(--ui-chip-border);border-radius:var(--radius-full);background:var(--ui-chip-bg);min-height:30px;color:var(--ui-chip-color);transition:background var(--transition-interactive), border-color var(--transition-interactive), color var(--transition-interactive), transform .14s ease;font-size:var(--text-meta);justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.ui-chip-button:hover{color:var(--ui-chip-color-hover);border-color:var(--ui-chip-border-hover);background:var(--ui-chip-bg-hover)}.ui-chip-button.is-active,.ui-chip-button[aria-pressed=true]{color:var(--ui-chip-color-active);border-color:var(--ui-chip-border-active);background:var(--ui-chip-bg-active)}.ui-chip-button--comment{--ui-chip-border:var(--border-comment-muted);--ui-chip-bg:var(--surface-comment-offset);--ui-chip-border-hover:oklch(from var(--color-comment) l c h / .22);--ui-chip-bg-hover:var(--surface-comment-offset-active);--ui-chip-border-active:oklch(from var(--color-comment) l c h / .28);--ui-chip-bg-active:var(--surface-comment-selection);--ui-chip-color-active:var(--color-comment)}.ui-icon-chip{--ui-icon-chip-border:var(--color-border);--ui-icon-chip-bg:var(--color-surface-2);border:1px solid var(--ui-icon-chip-border);border-radius:var(--radius-md);background:var(--ui-icon-chip-bg);width:34px;min-width:34px;min-height:34px;transition:background var(--transition-interactive), border-color var(--transition-interactive), transform .14s ease;font-size:var(--text-title-md);justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-icon-chip:hover{border-color:var(--ui-icon-chip-border);background:var(--ui-icon-chip-bg);transform:translateY(-1px)}.ui-icon-chip--comment{--ui-icon-chip-border:var(--border-comment-muted);--ui-icon-chip-bg:var(--surface-comment-subtle-strong)}.ui-icon-chip--comment:hover{border-color:oklch(from var(--color-comment) l c h / .24);background:var(--surface-comment-offset-active)}.ui-state-marker{--ui-marker-border:var(--color-border);--ui-marker-bg:var(--color-surface);--ui-marker-color:var(--color-text);--ui-marker-shadow:var(--shadow-md);--ui-marker-border-active:var(--ui-marker-border);--ui-marker-bg-active:var(--ui-marker-bg);--ui-marker-color-active:var(--ui-marker-color);--ui-marker-border-passive:var(--ui-marker-border);--ui-marker-bg-passive:var(--ui-marker-bg);--ui-marker-border-hover:var(--ui-marker-border-active);--ui-marker-bg-hover:var(--ui-marker-bg-active);--ui-marker-color-hover:var(--ui-marker-color-active);border:1px solid var(--ui-marker-border);border-radius:var(--radius-full);background:var(--ui-marker-bg);min-width:28px;height:24px;color:var(--ui-marker-color);box-shadow:var(--ui-marker-shadow);pointer-events:auto;font-size:var(--text-caption);justify-content:center;align-items:center;gap:4px;padding:0 7px;font-weight:700;transition:transform .14s,box-shadow .14s,background-color .14s,border-color .14s,color .14s,opacity .14s;display:inline-flex;position:absolute}.ui-state-marker.is-active{border-color:var(--ui-marker-border-active);background:var(--ui-marker-bg-active);color:var(--ui-marker-color-active)}.ui-state-marker.is-passive{opacity:.48;border-color:var(--ui-marker-border-passive);background:var(--ui-marker-bg-passive);box-shadow:none}.ui-state-marker.is-hovered{opacity:1;border-color:var(--ui-marker-border-hover);background:var(--ui-marker-bg-hover);color:var(--ui-marker-color-hover)}.ui-state-marker:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)scale(1.04)}.ui-state-marker--comment{--ui-marker-border:oklch(from var(--color-comment) l c h / .24);--ui-marker-bg:var(--surface-comment-offset-active);--ui-marker-color:var(--color-comment);--ui-marker-border-active:oklch(from var(--color-comment) l c h / .32);--ui-marker-bg-active:var(--surface-comment-selection);--ui-marker-color-active:var(--color-text-inverse);--ui-marker-border-passive:oklch(from var(--color-comment) l c h / .16);--ui-marker-bg-passive:var(--surface-comment-offset-soft);--ui-marker-border-hover:oklch(from var(--color-comment) l c h / .28);--ui-marker-bg-hover:var(--surface-comment-offset-strong);--ui-marker-color-hover:var(--color-text-inverse)}.ui-selection-pill{border:1px solid var(--color-primary);border-radius:var(--radius-full);text-align:center;min-width:96px;box-shadow:var(--shadow-md);pointer-events:auto;font-size:var(--text-meta);letter-spacing:.02em;padding:6px 10px;font-weight:700;transition:transform .14s,box-shadow .14s;position:absolute}.ui-selection-pill:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)scale(1.04)}.ui-selection-pill--comment{border-color:oklch(from var(--color-comment) l c h / .22);background:var(--surface-comment-selection);color:var(--color-text-inverse)}.ui-record-surface{--ui-record-padding:var(--space-3);--ui-record-gap:var(--space-2);--ui-record-radius:var(--radius-md);--ui-record-border:var(--color-divider);--ui-record-bg:var(--color-surface);--ui-record-color:var(--color-text-muted);--ui-record-border-hover:var(--ui-record-border);--ui-record-bg-hover:var(--color-surface-offset);--ui-record-shadow:none;--ui-record-shadow-hover:var(--ui-record-shadow);--ui-record-border-active:var(--ui-record-border-hover);--ui-record-bg-active:var(--ui-record-bg-hover);--ui-record-shadow-active:var(--ui-record-shadow-hover);--ui-record-hover-transform:none;appearance:none;gap:var(--ui-record-gap);width:100%;min-width:0;padding:var(--ui-record-padding);border:1px solid var(--ui-record-border);border-radius:var(--ui-record-radius);background:var(--ui-record-bg);color:var(--ui-record-color);text-align:left;box-shadow:var(--ui-record-shadow);transition:transform .14s ease, border-color var(--transition-interactive), background var(--transition-interactive), box-shadow var(--transition-interactive), color var(--transition-interactive);flex-direction:column;display:flex}.ui-record-surface:hover{transform:var(--ui-record-hover-transform);border-color:var(--ui-record-border-hover);background:var(--ui-record-bg-hover);box-shadow:var(--ui-record-shadow-hover);color:var(--color-text)}.ui-record-surface.active,.ui-record-surface.is-active,.ui-record-surface[aria-current=true]{border-color:var(--ui-record-border-active);background:var(--ui-record-bg-active);box-shadow:var(--ui-record-shadow-active);color:var(--color-text)}.ui-record-header,.ui-record-meta{align-items:center;gap:var(--space-2);min-width:0;display:flex}.ui-record-header{justify-content:space-between}.ui-record-meta{color:var(--color-text-faint);font-size:var(--text-meta);flex-wrap:wrap;line-height:1.35}.ui-record-copy{flex-direction:column;flex:1;min-width:0;display:flex}.ui-record-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-record-subtitle{color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.ui-record-actions{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.ui-item-row{--ui-item-row-bg-hover:var(--color-surface-offset);--ui-item-row-bg-active:var(--color-primary-highlight);align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-interactive), color var(--transition-interactive);padding:2px;display:flex}.ui-item-row:hover{background:var(--ui-item-row-bg-hover)}.ui-item-row.active,.ui-item-row.is-active{background:var(--ui-item-row-bg-active)}.ui-item-main{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.ui-item-copy{flex-direction:column;flex:1;min-width:0;display:flex}.ui-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-item-subtitle{color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-item-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.preview-container,.cm-scroller,.cm-tooltip-autocomplete>ul,.presence-panel-list,.file-tree,.git-panel,.diff-scroll,.backlinks-body,.comment-overview-panel,.comments-drawer-list,.comments-drawer-item-quote,.comment-card-quote,.comment-card-scroll,.markdown-toolbar,.comment-markdown pre,.comment-markdown .comment-markdown-table,.preview-content pre,.preview-content .table-wrapper,.preview-content .mermaid-frame,.preview-content .plantuml-frame,.plantuml-maximized-root .plantuml-frame{scrollbar-width:thin;scrollbar-color:var(--color-surface-dynamic) transparent}.preview-container::-webkit-scrollbar{width:8px;height:8px}.cm-scroller::-webkit-scrollbar{width:8px;height:8px}.cm-tooltip-autocomplete>ul::-webkit-scrollbar{width:8px;height:8px}.presence-panel-list::-webkit-scrollbar{width:8px;height:8px}.file-tree::-webkit-scrollbar{width:8px;height:8px}.git-panel::-webkit-scrollbar{width:8px;height:8px}.diff-scroll::-webkit-scrollbar{width:8px;height:8px}.backlinks-body::-webkit-scrollbar{width:8px;height:8px}.comment-overview-panel::-webkit-scrollbar{width:8px;height:8px}.comments-drawer-list::-webkit-scrollbar{width:8px;height:8px}.comments-drawer-item-quote::-webkit-scrollbar{width:8px;height:8px}.comment-card-quote::-webkit-scrollbar{width:8px;height:8px}.comment-card-scroll::-webkit-scrollbar{width:8px;height:8px}.markdown-toolbar::-webkit-scrollbar{width:8px;height:8px}.comment-markdown pre::-webkit-scrollbar{width:8px;height:8px}.comment-markdown .comment-markdown-table::-webkit-scrollbar{width:8px;height:8px}.preview-content pre::-webkit-scrollbar{width:8px;height:8px}.preview-content .table-wrapper::-webkit-scrollbar{width:8px;height:8px}.preview-content .mermaid-frame::-webkit-scrollbar{width:8px;height:8px}.preview-content .plantuml-frame::-webkit-scrollbar{width:8px;height:8px}.plantuml-maximized-root .plantuml-frame::-webkit-scrollbar{width:8px;height:8px}.preview-container::-webkit-scrollbar-track{background:0 0}.cm-scroller::-webkit-scrollbar-track{background:0 0}.cm-tooltip-autocomplete>ul::-webkit-scrollbar-track{background:0 0}.presence-panel-list::-webkit-scrollbar-track{background:0 0}.file-tree::-webkit-scrollbar-track{background:0 0}.git-panel::-webkit-scrollbar-track{background:0 0}.diff-scroll::-webkit-scrollbar-track{background:0 0}.backlinks-body::-webkit-scrollbar-track{background:0 0}.comment-overview-panel::-webkit-scrollbar-track{background:0 0}.comments-drawer-list::-webkit-scrollbar-track{background:0 0}.comments-drawer-item-quote::-webkit-scrollbar-track{background:0 0}.comment-card-quote::-webkit-scrollbar-track{background:0 0}.comment-card-scroll::-webkit-scrollbar-track{background:0 0}.markdown-toolbar::-webkit-scrollbar-track{background:0 0}.comment-markdown pre::-webkit-scrollbar-track{background:0 0}.comment-markdown .comment-markdown-table::-webkit-scrollbar-track{background:0 0}.preview-content pre::-webkit-scrollbar-track{background:0 0}.preview-content .table-wrapper::-webkit-scrollbar-track{background:0 0}.preview-content .mermaid-frame::-webkit-scrollbar-track{background:0 0}.preview-content .plantuml-frame::-webkit-scrollbar-track{background:0 0}.plantuml-maximized-root .plantuml-frame::-webkit-scrollbar-track{background:0 0}.preview-container::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.cm-scroller::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.cm-tooltip-autocomplete>ul::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.presence-panel-list::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.file-tree::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.git-panel::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.diff-scroll::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.backlinks-body::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.comment-overview-panel::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.comments-drawer-list::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.comments-drawer-item-quote::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.comment-card-quote::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.comment-card-scroll::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.markdown-toolbar::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.comment-markdown pre::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.comment-markdown .comment-markdown-table::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.preview-content pre::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.preview-content .table-wrapper::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.preview-content .mermaid-frame::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.preview-content .plantuml-frame::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.plantuml-maximized-root .plantuml-frame::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.preview-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.cm-tooltip-autocomplete>ul::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.presence-panel-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.file-tree::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.git-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.diff-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.backlinks-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.comment-overview-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.comments-drawer-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.comments-drawer-item-quote::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.comment-card-quote::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.comment-card-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.markdown-toolbar::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.comment-markdown pre::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.comment-markdown .comment-markdown-table::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.preview-content pre::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.preview-content .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.preview-content .mermaid-frame::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.preview-content .plantuml-frame::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.plantuml-maximized-root .plantuml-frame::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.mobile-view-toggle{display:none}.user-avatars{align-items:center;display:flex}.toolbar-presence-cluster{align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.toolbar-presence-count{padding-inline:var(--space-1);background:0 0;min-height:auto}.toolbar-badge-button{cursor:pointer;transition:background var(--transition-interactive), box-shadow var(--transition-interactive), color var(--transition-interactive)}.toolbar-badge-button:hover:not(:disabled){background:var(--surface-accent-soft)}.toolbar-badge-button:focus-visible{box-shadow:var(--shadow-accent-ring-strong);outline:none}.toolbar-badge-button:disabled{cursor:default}.toolbar-badge-button.is-active{background:var(--surface-accent-soft);box-shadow:var(--shadow-accent-inset)}.user-avatar{z-index:1;border:2px solid var(--color-surface);border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-on-dark);font-size:var(--text-meta);flex-shrink:0;justify-content:center;align-items:center;margin-left:-4px;font-weight:600;display:flex;position:relative}.user-avatar-initial{justify-content:center;align-items:center;line-height:1;display:inline-flex}.user-avatar:first-child{margin-left:0}.user-avatar.is-local{z-index:5;border-radius:var(--radius-full);gap:4px;width:auto;min-width:44px;margin-right:6px;padding:0 8px 0 6px}.user-avatar.is-local+.user-avatar{margin-left:0}.user-avatar.is-local .user-avatar-initial{border-radius:var(--radius-full);background:var(--surface-avatar-muted);width:14px;height:14px;font-size:var(--text-micro)}.user-avatar-self-label{border-radius:var(--radius-full);background:var(--surface-avatar-label);color:var(--color-text-on-dark);font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;padding:2px 4px;font-weight:700;line-height:1}.user-avatar-button{cursor:pointer;transition:transform var(--transition-interactive), box-shadow var(--transition-interactive);padding:0}.user-avatar-button:hover{z-index:2;transform:translateY(-1px)}.user-avatar-button:focus-visible{z-index:3;box-shadow:var(--shadow-accent-ring-strong);outline:none}.user-avatar.is-following{z-index:4;box-shadow:var(--shadow-accent-ring-solid)}.user-avatar-button.different-file{opacity:.55}.user-avatar-button.different-file:hover{opacity:.85}.user-avatar-overflow-trigger,.toolbar-presence-count{anchor-name:--presence-trigger}.user-avatar-overflow-trigger{background:var(--color-surface-dynamic);color:var(--color-text-muted)}.collaboration-popover{z-index:30;width:min(360px, calc(100vw - var(--space-6)));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);position-try-fallbacks:flip-block, flip-inline;margin:0;position:fixed;inset:auto}.presence-panel{top:calc(anchor(--presence-trigger bottom) + var(--space-2));right:anchor(--presence-trigger right);gap:var(--space-2);max-height:min(72vh,480px);padding:var(--space-3);flex-direction:column;display:none}.presence-panel:popover-open{display:flex}.presence-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.presence-panel-title{font-size:var(--text-sm);margin:0;font-weight:700}.presence-panel-status{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-meta)}.presence-panel-list{gap:var(--space-1);min-height:0;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.presence-panel-empty-state{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-label)}.presence-panel-user{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;padding:2px;display:grid}.presence-panel-user.is-following{border-color:oklch(from var(--color-primary) l c h / .3);background:var(--interactive-surface);box-shadow:var(--shadow-accent-inset)}.presence-panel-user-button{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);width:100%;min-width:0;color:inherit;text-align:left;transition:background var(--transition-interactive), transform var(--transition-interactive);padding:9px 10px;display:flex}.presence-panel-user-button:not(div){cursor:pointer}.presence-panel-user-button:hover{background:var(--color-surface-offset)}.presence-panel-user-button:focus-visible{box-shadow:var(--shadow-accent-ring);outline:none}.presence-panel-user-avatar{border-radius:var(--radius-full);width:30px;height:30px;color:var(--color-text-on-dark);font-size:var(--text-label);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.presence-panel-user-body{flex-direction:column;gap:2px;min-width:0;display:flex}.presence-panel-user-topline{align-items:center;gap:var(--space-2);min-width:0;display:flex}.presence-panel-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:600;overflow:hidden}.presence-panel-user-badge{border-radius:var(--radius-full);background:var(--surface-avatar-label);min-height:18px;color:var(--color-text-on-dark);font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:0 6px;font-weight:700;display:inline-flex}.presence-panel-user-file{color:var(--color-text-muted);font-size:var(--text-meta)}.presence-panel-user-stop{border-radius:var(--radius-full);background:var(--surface-accent-soft);min-height:28px;color:var(--color-primary);font-size:var(--text-meta);transition:background var(--transition-interactive), box-shadow var(--transition-interactive);flex-shrink:0;padding:0 10px;font-weight:700}.presence-panel-user-stop:hover{background:var(--interactive-surface)}.presence-panel-user-stop:focus-visible{box-shadow:var(--shadow-accent-ring);outline:none}@media (width<=768px){.presence-panel{width:min(360px, calc(100vw - var(--space-4)));max-height:min(68vh,460px)}.presence-panel-user-button{padding:9px 10px}}.chat-container{position:relative}.chat-toggle-btn{anchor-name:--chat-trigger;position:relative}.chat-toggle-btn.is-active{color:var(--color-text);background:var(--color-surface-offset)}.chat-toggle-btn.is-unread:not(.is-active){color:var(--color-primary);background:var(--interactive-surface);box-shadow:var(--shadow-accent-inset)}.chat-toggle-btn.is-unread:not(.is-active):hover{background:var(--surface-accent-soft)}.chat-toggle-badge{min-width:18px;min-height:18px;padding:0 5px;line-height:18px}.chat-toggle-btn.is-unread:not(.is-active) .chat-toggle-badge{box-shadow:var(--shadow-accent-halo)}.chat-panel{top:calc(anchor(--chat-trigger bottom) + var(--space-2));right:anchor(--chat-trigger right);gap:var(--space-3);max-height:min(70vh,520px);padding:var(--space-4);flex-direction:column;display:none}.chat-panel:popover-open{display:flex}.chat-container>.chat-toast-container{top:calc(var(--toolbar-h) + var(--space-2));right:var(--space-3);z-index:60;width:min(360px, calc(100vw - var(--space-6)));align-items:flex-end;position:fixed}.chat-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.chat-panel-heading{flex:1;min-width:0}.chat-panel-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.chat-notification-action{flex-shrink:0}.chat-notification-mute-action,.chat-close-btn{width:var(--control-h-md);min-width:var(--control-h-md);height:var(--control-h-md);flex-shrink:0}.chat-notification-mute-action .chat-notification-mute-slash{display:none}.chat-notification-mute-action[aria-pressed=true]{background:var(--color-surface-offset);color:var(--color-text)}.chat-notification-mute-action[aria-pressed=true] .chat-notification-mute-slash{display:block}.chat-notification-status{white-space:nowrap}.chat-panel-title{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.chat-panel-status{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-meta)}.chat-empty-state{text-align:left;min-height:140px}.chat-messages{gap:var(--space-3);min-height:140px;max-height:320px;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;gap:var(--space-2);display:flex}.chat-message.is-local{flex-direction:row-reverse}.chat-message-avatar{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-on-dark);font-size:var(--text-label);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chat-message-body{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.chat-message.is-local .chat-message-body{align-items:flex-end}.chat-message-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.chat-message.is-local .chat-message-meta{justify-content:flex-end}.chat-message-author{color:var(--color-text);font-size:var(--text-label);font-weight:600}.chat-message-time,.chat-message-file{color:var(--color-text-muted);font-size:var(--text-caption)}.chat-message-text{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface-2);width:fit-content;max-width:78%;color:var(--color-text);font-size:var(--text-ui-sm);word-break:break-word;margin:0;padding:8px 12px;line-height:1.45}.chat-message.is-local .chat-message-text{background:var(--surface-accent-soft);border-color:var(--border-accent-soft)}.chat-form{align-items:center;gap:var(--space-2);display:flex}.chat-input{font-size:var(--text-ui-sm)}.chat-send-btn{flex-shrink:0}.app-dialog{width:min(420px, calc(100vw - var(--space-6)));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);opacity:0;transition:opacity .2s cubic-bezier(.16, 1, .3, 1), transform .2s cubic-bezier(.16, 1, .3, 1), display .2s cubic-bezier(.16, 1, .3, 1) allow-discrete;margin:auto;padding:0;transform:scale(.95)}.app-dialog[open]{opacity:1;transform:scale(1)}@starting-style{.app-dialog[open]{opacity:0;transform:scale(.95)}}.app-dialog::backdrop{background:oklch(from var(--color-bg) l c h / .72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s cubic-bezier(.16, 1, .3, 1), display .2s cubic-bezier(.16, 1, .3, 1) allow-discrete}.app-dialog[open]::backdrop{opacity:1}@starting-style{.app-dialog[open]::backdrop{opacity:0}}.app-dialog-form{gap:var(--space-4);padding:var(--space-6);display:grid}.app-dialog-header{gap:var(--space-1);display:grid}.app-dialog-title{font-size:var(--text-base);letter-spacing:-.01em;font-weight:650}.app-dialog-copy{color:var(--color-text-muted);font-size:var(--text-sm)}.app-dialog-field{gap:var(--space-2);display:grid}.app-dialog-label{color:var(--color-text-muted);font-size:var(--text-meta);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.app-dialog-hint{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.app-dialog-note{overflow-wrap:anywhere;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-offset);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);line-height:1.6}.app-dialog-note.is-danger{border-color:oklch(from var(--color-error) l c h / .35);background:var(--color-error-highlight);color:var(--color-error)}.app-dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.tab-lock-overlay{box-sizing:border-box;z-index:1200;width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-6);background:oklch(from var(--color-bg) l c h / .86);color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;place-items:center;margin:0;position:fixed;inset:0}.tab-lock-overlay[open]{display:grid}.tab-lock-overlay::backdrop{background:0 0}.tab-lock-card{gap:var(--space-4);width:min(520px,100%);padding:var(--space-6);border:1px solid oklch(from var(--color-primary) l c h / .25);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);display:grid}.tab-lock-kicker{color:var(--color-primary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.tab-lock-title{font-size:var(--text-lg);line-height:1.2}.tab-lock-copy{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.tab-lock-actions{justify-content:flex-start;display:flex}.agent-connection-dialog{width:min(680px, calc(100vw - var(--space-6)))}#agentConnectionContent,.agent-connection-form,.agent-connection-section,.agent-connection-list{gap:var(--space-3);display:grid}.agent-connection-section h3,.agent-connection-scopes legend{font-size:var(--text-sm);font-weight:700}.agent-connection-section code,.agent-connection-section pre,.agent-connection-details>code,.agent-connection-details pre{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-offset);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.agent-connection-section p,.agent-connection-note,.agent-connection-empty p,.agent-connection-status,.agent-connection-card span,.agent-connection-card small,.agent-connection-live,.agent-connection-details p,.agent-connection-step-header p,.agent-connection-steps span{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.agent-connection-status.is-error,.agent-connection-warning{color:var(--color-error)}.agent-connection-empty{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-offset);display:grid}.agent-connection-empty strong,.agent-connection-step-header h3,.agent-connection-steps strong{color:var(--color-text);font-size:var(--text-sm)}.agent-connection-step-header{gap:var(--space-1);display:grid}.agent-connection-step-header>span{color:var(--color-primary);font-size:var(--text-xs);font-weight:700}.agent-connection-steps{gap:var(--space-3);padding-left:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.5;display:grid}.agent-connection-steps code{color:var(--color-text);font-size:var(--text-xs)}.agent-connection-steps--setup{padding-left:var(--space-6)}.agent-connection-steps--setup>li{padding-left:var(--space-1)}.agent-connection-steps--setup>li::marker{color:var(--color-primary);font-weight:700}.agent-connection-steps--setup li>div{gap:var(--space-2);display:grid}.agent-connection-steps--setup .ui-button{margin-top:var(--space-2);justify-self:start}.agent-connection-details{gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);display:grid}.agent-connection-details[open]{padding-bottom:var(--space-1)}.agent-connection-details summary{cursor:pointer;font-weight:500}.agent-connection-details>:not(summary){margin-top:var(--space-3)}.agent-connection-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-offset);display:flex}.agent-connection-card>div{gap:var(--space-1);min-width:0;display:grid}.agent-connection-scopes{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.agent-connection-scopes label{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--text-sm);display:flex}.agent-connection-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.agent-connection-token{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (width<=640px){.agent-connection-card{flex-direction:column;align-items:stretch}.agent-connection-actions{display:grid}.agent-connection-steps--setup .ui-button{justify-self:stretch}}@media (prefers-reduced-motion:reduce){.agent-connection-dialog{transition:none}}.outline-panel{width:var(--preview-floating-outline-width,var(--panel-outline-width));border-left:1px solid var(--color-divider);background:var(--color-surface);flex-direction:column;flex-shrink:0;transition:width .2s cubic-bezier(.16,1,.3,1),opacity .15s;display:flex;overflow:hidden}.outline-panel.hidden{opacity:0;pointer-events:none;border-left:none;width:0}.outline-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-divider);flex-shrink:0;display:flex}@media (width>=769px){.outline-close-btn{display:none}}.outline-title{color:var(--color-text-muted);font-size:var(--text-meta);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.outline-nav{padding:var(--space-2) 0;flex:1;overflow:hidden auto}.outline-nav::-webkit-scrollbar{width:4px}.outline-nav::-webkit-scrollbar-thumb{background:var(--color-surface-dynamic);border-radius:var(--radius-full)}.outline-item{width:100%;padding:3px var(--space-3);color:var(--color-text-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:color var(--transition-interactive), border-color var(--transition-interactive), background var(--transition-interactive);font-family:var(--font-body);font-size:var(--text-label);background:0 0;border:none;border-left:2px solid #0000;line-height:1.5;display:block;overflow:hidden}.outline-item:hover{color:var(--color-text);background:var(--color-surface-dynamic)}.outline-item.active{border-left-color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .06);color:var(--color-primary)}.outline-item[data-level="1"]{padding-left:var(--space-3);font-weight:600}.outline-item[data-level="2"]{padding-left:calc(var(--space-3) + 12px)}.outline-item[data-level="3"]{padding-left:calc(var(--space-3) + 24px);font-size:var(--text-meta)}.outline-item[data-level="4"]{padding-left:calc(var(--space-3) + 36px);font-size:var(--text-meta)}.outline-item[data-level="5"]{padding-left:calc(var(--space-3) + 48px);font-size:var(--text-meta)}.outline-item[data-level="6"]{padding-left:calc(var(--space-3) + 60px);font-size:var(--text-meta)}.outline-empty{min-height:120px;padding:var(--space-4) var(--space-3);color:var(--color-text-faint);font-size:var(--text-label);text-align:center;place-content:center;display:grid}.editor-layout[data-view=editor] .preview-pane,.editor-layout[data-view=editor] .resizer,.editor-layout[data-view=preview] .editor-pane,.editor-layout[data-view=preview] .resizer{display:none}.editor-layout[data-view=preview] .preview-pane{flex:1}.editor-layout[data-view=preview] .preview-body{--preview-content-max-width:1080px;--backlinks-dock-left:var(--space-6);--backlinks-dock-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));--backlinks-dock-width:min(320px, calc(100% - var(--space-12)))}.editor-layout[data-view=preview] .preview-content{max-width:1080px}.editor-layout[data-view=preview] .preview-content.is-excalidraw-file-preview,.editor-layout[data-view=preview] .preview-content.is-drawio-file-preview,.editor-layout[data-view=preview] .preview-content.is-base-file-preview,.editor-layout[data-view=preview] .preview-content.is-image-file-preview,.editor-layout[data-view=preview] .preview-content.is-pdf-file-preview,.editor-layout[data-view=preview] .preview-content.is-html-file-preview,.editor-layout[data-view=preview] .preview-content.is-mermaid-file-preview,.editor-layout[data-view=preview] .preview-content.is-plantuml-file-preview{max-width:none}.editor-layout[data-view=preview] .preview-content p{max-width:84ch}:is(.editor-layout[data-view=preview] .preview-content p:has(>.excalidraw-embed-placeholder:only-child),.editor-layout[data-view=preview] .preview-content p:has(>.drawio-embed-placeholder:only-child),.editor-layout[data-view=preview] .preview-content p:has(>.bases-embed-placeholder:only-child),.editor-layout[data-view=preview] .preview-content p:has(>.video-embed-placeholder:only-child),.editor-layout[data-view=preview] .preview-content p:has(>.mermaid-shell:only-child),.editor-layout[data-view=preview] .preview-content p:has(>.plantuml-shell:only-child)){max-width:none}@media (width>=769px){.preview-body>.comments-drawer,.preview-body>.outline-panel{top:var(--preview-floating-sidebar-gap);right:var(--preview-floating-sidebar-gap);bottom:var(--preview-floating-sidebar-gap);z-index:20;border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:absolute;overflow:hidden}.preview-body>.comments-drawer{width:var(--preview-floating-comments-width);border-left:1px solid var(--color-divider);min-width:240px}.preview-body>.outline-panel{width:var(--preview-floating-outline-width);border-left:1px solid var(--color-divider)}.preview-body>.comments-drawer.hidden,.preview-body>.outline-panel.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translate(12px);display:flex!important}.preview-body>.comments-drawer:not(.hidden),.preview-body>.outline-panel:not(.hidden){opacity:1;visibility:visible;transform:translate(0)}.preview-body:has(>.outline-panel:not(.hidden))>.comments-drawer:not(.hidden){right:calc(var(--preview-floating-sidebar-gap) * 2 + var(--preview-floating-outline-width))}}.editor-layout[data-view=editor] .editor-pane{flex:1}.toast-container{right:var(--space-4);bottom:var(--space-4);z-index:100;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{max-width:320px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);font-size:var(--text-ui-sm);pointer-events:auto;opacity:1;align-items:center;gap:var(--space-3);transition:opacity .3s cubic-bezier(.16, 1, .3, 1), transform .3s cubic-bezier(.16, 1, .3, 1), display .3s cubic-bezier(.16, 1, .3, 1) allow-discrete;display:flex;transform:translate(0)scale(1)}.toast[data-tone=warning]{border-color:var(--border-warning-toast);background:var(--surface-warning-toast);color:var(--text-warning-toast)}.toast__message{flex:auto;min-width:0}.toast__action,.toast__dismiss{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:600}.toast__action{color:var(--color-primary)}.toast__dismiss{opacity:.72}@starting-style{.toast{opacity:0;transform:translate(8px)scale(.96)}}.toast.leaving{opacity:0;pointer-events:none;transform:translate(8px)scale(.96)}@media (width<=768px){input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.ui-input,.sidebar-search-input,.qs-input,.chat-input,.editor-container .cm-editor,.editor-container .cm-editor .cm-scroller{font-size:16px}.sidebar{z-index:100;width:min(var(--sidebar-width), calc(100vw - 32px));min-width:min(var(--sidebar-width), calc(100vw - 32px));max-width:min(var(--sidebar-width), calc(100vw - 32px));box-shadow:var(--shadow-lg);position:fixed;top:0;bottom:0;left:0}.sidebar-resizer,.sidebar.collapsed{display:none}.sidebar-backdrop:not([hidden]){z-index:90;background:var(--surface-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;padding:0;display:block;position:fixed;inset:0}.ui-toolbar-button-label{display:none}.toolbar-center{gap:0}.toolbar-center .view-toggle{display:none}.mobile-view-toggle{display:flex!important}.ui-toolbar-button--name{max-width:none}.toolbar{gap:var(--space-1);padding:0 var(--space-2)}.toolbar-left{gap:var(--space-1);min-width:0}.toolbar-room-info{gap:var(--space-1)}.toolbar-room-name{max-width:min(38vw,140px);font-size:var(--text-xs)}.toolbar-search-trigger{background:0 0;border-color:#0000;width:28px;min-width:28px;min-height:28px;padding:0}.toolbar-search-trigger:hover{background:var(--color-surface-offset);border-color:#0000}.toolbar-search-label,.toolbar-search-kbd{display:none}.toolbar-badge{text-overflow:ellipsis;max-width:68px;overflow:hidden}.toolbar-presence-cluster{align-items:center;min-width:0;display:inline-flex}.toolbar-presence-cluster .user-avatar{border-width:1.5px;width:24px;height:24px;margin-left:2px}.toolbar-presence-cluster .user-avatar.is-local{gap:0;width:24px;min-width:24px;margin-right:0;padding:0}.toolbar-presence-cluster .user-avatar.is-local .user-avatar-initial{width:auto;height:auto;font-size:var(--text-meta);background:0 0}.toolbar-presence-cluster .user-avatar-self-label{display:none}.toolbar-overflow-toggle{display:inline-flex}.toolbar-overflow-menu{width:min(212px,100vw - 20px)}.toolbar-overflow-menu .ui-button--toolbar,.toolbar-overflow-menu .chat-container{width:100%}.toolbar-overflow-menu .toolbar-search-files-btn{display:inline-flex!important}.toolbar-overflow-menu .ui-toolbar-button-label{text-align:left;flex:1;min-width:0;display:inline}.toolbar-overflow-menu .toolbar-theme-button .ui-toolbar-button-label{display:inline!important}.toolbar-overflow-menu .ui-button--toolbar{border-radius:var(--radius-md);justify-content:flex-start;gap:8px;min-height:36px;padding:0 10px}.toolbar-overflow-menu .toolbar-theme-button{background:var(--color-surface-offset);width:100%;min-width:0;color:var(--color-text);margin-top:0;padding:0 10px}.toolbar-overflow-menu .toolbar-theme-button:hover{background:var(--color-surface-dynamic)}.toolbar-overflow-menu .toolbar-theme-button .toolbar-theme-state{display:inline-flex!important}.toolbar-overflow-menu .toolbar-theme-state[data-theme=dark]{background:var(--color-surface-dynamic);color:var(--color-text)}.toolbar-overflow-menu .toolbar-theme-state[data-theme=light]{background:var(--color-primary-highlight);color:var(--color-primary)}.ui-icon-button.sidebar-close-btn{display:inline-flex}.ui-nav-tabs{padding:var(--space-1) var(--space-2) 0}.ui-nav-tab{height:34px;padding:0 var(--space-1)}.editor-layout{flex-direction:column}.resizer{display:none!important}.editor-layout[data-view=split] .preview-pane{display:none}.editor-layout[data-view=split] .editor-pane{flex:1}.editor-pane{position:relative}.editor-pane>.pane-header{z-index:8;gap:var(--space-2);padding-inline:var(--space-2);position:sticky;top:0}.editor-pane>.pane-header .pane-header-meta{gap:var(--space-2);flex:auto;min-width:0;overflow:hidden}.editor-pane>.pane-header .pane-label{flex-shrink:0}.editor-pane>.pane-header .pane-label-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-pane>.pane-header .pane-header-actions{flex-shrink:0;gap:0;min-width:0;margin-left:auto}.editor-pane>.pane-header .ui-button--compact{gap:4px;padding-inline:6px}.editor-pane>.pane-header .ui-action-label,.editor-pane>.pane-header #wrapToggleLabel{font-size:11px}.preview-content{padding:var(--space-4)}.backlinks-panel-layer{display:none!important}.diff-toolbar{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.diff-toolbar-left,.diff-toolbar-right{justify-content:space-between;width:100%}.diff-toolbar-left{flex-wrap:wrap}.diff-toolbar-actions{justify-content:space-between;width:100%}.diff-toolbar-actions-group-git{flex:1}.diff-toolbar-actions-group-git .ui-action-button{flex:1;min-width:0}.diff-toolbar-actions-divider{display:none}.diff-mode-btn{min-width:74px}.diff-layout-btn{min-width:78px}.diff-split-row{grid-template-columns:1fr}.diff-commit-shell{padding:var(--space-3);grid-template-columns:1fr}.diff-commit-index{max-height:none;position:static}.diff-commit-section-header{flex-direction:column;align-items:flex-start}.diff-commit-section-meta{justify-content:flex-start;width:100%}.diff-split-line:first-child{border-right:none;border-bottom:1px solid var(--color-divider)}.markdown-toolbar{z-index:7;scrollbar-width:thin;flex-wrap:nowrap;position:sticky;top:30px;overflow-x:auto}.markdown-toolbar .markdown-toolbar-group--mobile-only{border-left:none;margin-left:0;padding-left:0;display:inline-flex!important}.markdown-toolbar-popover{max-width:min(240px,100vw - 24px)}.pane-header-actions .mobile-editor-find-btn{display:inline-flex!important}.outline-panel{border-top:1px solid var(--color-divider);background:oklch(from var(--color-surface) l c h / .98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;box-shadow:var(--shadow-lg);z-index:6;border-left:none;position:absolute;inset:0}.outline-panel.hidden{display:none!important}.outline-close-btn{width:var(--control-h-md);min-width:var(--control-h-md);height:var(--control-h-md);display:inline-flex}.comments-drawer{border-left:none;border-top:1px solid var(--color-divider);background:oklch(from var(--color-surface) l c h / .98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;min-width:0;box-shadow:var(--shadow-lg);z-index:6;position:absolute;inset:0}.comments-drawer.hidden{display:none!important}#outlineToggle{display:inline-flex!important}.chat-panel{top:calc(var(--toolbar-h) + var(--space-2));right:var(--space-2);left:var(--space-2);width:auto;max-height:calc(var(--app-viewport-height,100dvh) - var(--toolbar-h) - var(--space-6));position:fixed}.chat-form{align-items:stretch}.chat-send-btn{padding-inline:var(--space-3)}.comment-card{width:min(100vw - 32px,520px);max-height:min(72vh,680px)}.comment-thread-card-actions{justify-content:flex-start;width:100%;margin-left:0}.comment-reaction-picker{min-width:min(240px,100vw - 64px);left:0;right:auto}.excalidraw-embed.is-maximized,.drawio-embed.is-maximized{inset:var(--space-3);width:auto}.excalidraw-embed.is-maximized .excalidraw-embed-iframe{height:auto!important}.drawio-embed.is-maximized .drawio-embed-iframe{height:auto}.image-lightbox-toolbar{top:var(--space-3);left:var(--space-3);right:var(--space-3);flex-direction:column;align-items:flex-start}.image-lightbox-controls{justify-content:flex-start}.image-lightbox-btn{flex:none}.image-lightbox-image{max-width:calc(100vw - (var(--space-4) * 2));max-height:calc(100vh - (var(--space-4) * 2))}}@media (width<=480px){.editor-pane>.pane-header{gap:var(--space-1);padding-inline:var(--space-1)}.editor-pane>.pane-header .pane-header-meta{gap:var(--space-1)}.editor-pane>.pane-header .pane-label-meta{font-size:11px}.editor-pane>.pane-header .ui-button--compact{padding-inline:4px}.editor-pane>.pane-header .ui-action-label,.editor-pane>.pane-header #wrapToggleLabel{font-size:10px}}@media (width>=769px){.mobile-view-toggle{display:none!important}}.editor-container .cm-content{font-variant-ligatures:none}.cm-tooltip-autocomplete{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(420px,100vw - 24px);max-width:calc(100vw - 24px);font-family:var(--font-body);font-size:var(--text-ui-sm);overflow:hidden;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;background:oklch(from var(--color-surface) l c h / .98)!important;box-shadow:var(--shadow-lg)!important}.cm-tooltip-autocomplete>ul{padding:var(--space-1);max-height:240px!important}.cm-tooltip-autocomplete>ul>li{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:36px;line-height:1.4;display:flex;padding:var(--space-2) var(--space-3)!important}.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--color-surface-offset)!important;color:var(--color-text)!important}.cm-tooltip-autocomplete .cm-completionIcon{display:none}.cm-tooltip-autocomplete .cm-completionLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden;font-family:var(--font-body)!important}.cm-tooltip-autocomplete .cm-completionDetail{max-width:45%;color:var(--color-text-faint);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);direction:rtl;margin-left:auto;font-style:normal;overflow:hidden;font-family:var(--font-body)!important}.cm-panels-top{border-bottom:1px solid var(--color-divider)}.cm-panels-bottom{border-top:1px solid var(--color-divider)}.cm-panel.cm-search{background:var(--color-surface);width:100%;color:var(--color-text);font-family:var(--font-body);border-top:0;flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex;padding:8px!important}.cm-panel.cm-search>*{margin:0!important}.cm-panel.cm-search label{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);min-height:22px;color:var(--color-text-muted);transition:background var(--transition-interactive), border-color var(--transition-interactive), color var(--transition-interactive);background:0 0;border:1px solid #0000;padding:0 8px 0 6px;font-weight:600;line-height:1;display:inline-flex;font-size:var(--text-meta)!important;white-space:nowrap!important}.cm-panel.cm-search label:hover{background:var(--color-surface-offset);color:var(--color-text)}.cm-panel.cm-search label:has(input:checked){border-color:var(--interactive-border);background:var(--interactive-surface);color:var(--color-primary)}.cm-panel.cm-search label input[type=checkbox]{width:13px;height:13px;accent-color:var(--color-primary);margin:0}.cm-panel.cm-search .cm-textfield{width:auto;min-width:0;min-height:var(--control-h-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-offset);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-ui-sm);transition:background var(--transition-interactive), border-color var(--transition-interactive), box-shadow var(--transition-interactive);padding:0 10px;line-height:1}.cm-panel.cm-search .cm-textfield:hover:not(:focus){border-color:color-mix(in oklab, var(--color-border) 70%, var(--color-text-faint) 30%)}.cm-panel.cm-search .cm-textfield:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-focus);outline:none}.cm-panel.cm-search .cm-textfield::placeholder{color:var(--color-text-faint)}.cm-panel.cm-search>input[name=search]{flex:120px;order:1}.cm-panel.cm-search>button[name=next]{order:2}.cm-panel.cm-search>button[name=prev]{order:3}.cm-panel.cm-search>button[name=select]{order:4}.cm-panel.cm-search>button[name=close]{order:5}.cm-panel.cm-search>label:has(input[name=case]){order:6}.cm-panel.cm-search>label:has(input[name=re]){order:7}.cm-panel.cm-search>label:has(input[name=word]){order:8}.cm-panel.cm-search>br{display:none}.cm-panel.cm-search:before,.cm-panel.cm-search:after{content:"";flex:0 0 100%;width:0;height:0;min-height:0;padding:0;font-size:0;line-height:0}.cm-panel.cm-search:before{order:6}.cm-panel.cm-search:after{order:9}.cm-panel.cm-search>input[name=replace]{flex:120px;order:10}.cm-panel.cm-search>button[name=replace]{order:11}.cm-panel.cm-search>button[name=replaceAll]{order:12}.cm-panel.cm-search .cm-button{min-width:0;min-height:var(--control-h-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-offset);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-xs);white-space:nowrap;transition:transform var(--transition-interactive), background var(--transition-interactive), border-color var(--transition-interactive), color var(--transition-interactive);justify-content:center;align-items:center;padding:0 10px;font-weight:600;line-height:1;display:inline-flex}.cm-panel.cm-search .cm-button:hover:not(:disabled),.cm-panel.cm-search .cm-button:focus-visible{background:var(--color-surface-dynamic);border-color:color-mix(in oklab, var(--color-border) 70%, var(--color-text-faint) 30%)}.cm-panel.cm-search .cm-button:active{transform:scale(.97)}.cm-panel.cm-search>button[name=close]{border-radius:var(--radius-sm);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--color-text-faint);transition:background var(--transition-interactive), color var(--transition-interactive);background:0 0;border:1px solid #0000;align-self:start;padding:0;font-size:20px;line-height:1;position:static!important}.cm-panel.cm-search>button[name=close]:hover,.cm-panel.cm-search>button[name=close]:focus-visible{background:var(--color-surface-offset);color:var(--color-text)}@media (width<=768px){.cm-panel.cm-search{gap:6px;padding:8px}.cm-panel.cm-search>input[name=search]{flex:0 0 calc(100% - 38px)}.cm-panel.cm-search>button[name=close]{order:2}.cm-panel.cm-search>button[name=next]{order:3}.cm-panel.cm-search>button[name=prev]{order:4}.cm-panel.cm-search>button[name=select]{order:5}.cm-panel.cm-search>input[name=replace]{flex:0 0 100%}.cm-panel.cm-search label{min-height:32px}.cm-panel.cm-search .cm-textfield{min-height:40px;font-size:16px}.cm-panel.cm-search .cm-button{min-height:40px;padding:0 12px}.cm-panel.cm-search>button[name=close]{width:32px;min-width:32px;height:32px;min-height:32px}}
