@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary: oklch(.55 .16 258);--color-primary-dark: oklch(.45 .16 258);--color-primary-soft: oklch(.95 .03 258);--color-primary-line: oklch(.86 .06 258);--color-secondary: oklch(.56 .17 300);--color-secondary-dark: oklch(.46 .17 300);--color-secondary-soft: oklch(.955 .025 300);--color-secondary-line: oklch(.86 .06 300);--color-success: oklch(.6 .13 155);--color-success-soft: oklch(.95 .04 155);--color-warning: oklch(.7 .14 70);--color-warning-soft: oklch(.96 .05 75);--color-error: oklch(.6 .19 25);--color-error-soft: oklch(.96 .04 25);--color-ink: oklch(.24 .02 262);--color-ink-2: oklch(.44 .018 260);--color-muted: oklch(.58 .015 258);--color-faint: oklch(.72 .012 258);--color-bg: oklch(.984 .003 255);--color-bg-2: oklch(.968 .004 255);--color-surface: oklch(1 0 0);--color-surface-2: oklch(.975 .004 255);--color-line: oklch(.922 .005 255);--color-line-2: oklch(.945 .004 255);--font-sans: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius: 9px;--radius-lg: 13px;--radius-xl: 16px;--radius-full: 9999px;--elevation-sm: 0 1px 2px oklch(.4 .03 260 / .06), 0 1px 3px oklch(.4 .03 260 / .05);--elevation: 0 4px 14px oklch(.4 .03 260 / .08), 0 2px 6px oklch(.4 .03 260 / .05);--elevation-lg: 0 18px 48px oklch(.35 .03 260 / .16), 0 6px 16px oklch(.35 .03 260 / .08);--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .25s ease;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100vh;display:flex;flex-direction:column}.u-mono{font-family:var(--font-mono);font-feature-settings:"ss01"}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.doc-root{--nav-w: 244px;--ai-w: 320px;--row-h: 30px;--bg: var(--color-bg);--bg-2: var(--color-bg-2);--surface: var(--color-surface);--surface-2: var(--color-surface-2);--line: var(--color-line);--line-2: var(--color-line-2);--ink: var(--color-ink);--ink-2: var(--color-ink-2);--muted: var(--color-muted);--faint: var(--color-faint);--blue: var(--color-primary);--blue-ink: var(--color-primary-dark);--blue-soft: var(--color-primary-soft);--blue-line: var(--color-primary-line);--ai: var(--color-secondary);--ai-ink: var(--color-secondary-dark);--ai-soft: var(--color-secondary-soft);--ai-line: var(--color-secondary-line);--good: var(--color-success);--good-soft: var(--color-success-soft);--warn: var(--color-warning);--warn-soft: var(--color-warning-soft);--r-sm: var(--radius-sm);--r: var(--radius);--r-lg: var(--radius-lg);--shadow-sm: var(--elevation-sm);--shadow: var(--elevation);--shadow-lg: var(--elevation-lg);--sans: var(--font-sans);--mono: var(--font-mono);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;height:100vh;overflow:hidden;box-sizing:border-box}.doc-root *,.doc-root *:before,.doc-root *:after{box-sizing:border-box}.doc-shell{display:grid;grid-template-columns:var(--nav-w) 1fr;height:100vh}.doc-center{display:grid;grid-template-rows:54px 1fr;height:100vh;min-width:0}.doc-center-cols{display:grid;grid-template-columns:1fr var(--ai-w);min-width:0;min-height:0}.doc-center-cols.ai-closed{grid-template-columns:1fr}.mono{font-family:var(--mono);font-feature-settings:"ss01"}.doc-chip{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.02em;padding:2px 6px;border-radius:5px;line-height:1.4;white-space:nowrap;text-transform:uppercase;display:inline-block}.doc-icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s;padding:0;flex-shrink:0}.doc-icon-btn:hover{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.doc-icon-btn.on{background:var(--blue-soft);color:var(--blue-ink);border-color:var(--blue-line)}.doc-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;font-family:var(--sans);transition:all .12s;white-space:nowrap;cursor:pointer}.doc-btn:hover{background:var(--surface-2);border-color:#d5d8db}.doc-btn.ai{background:var(--ai);color:#fff;border-color:var(--ai)}.doc-btn.ai:hover{background:var(--ai-ink)}.doc-btn.sm{height:27px;padding:0 9px;font-size:12px}.doc-nav-row{display:flex;align-items:center;gap:7px;width:100%;text-align:left;height:var(--row-h);border:none;border-radius:var(--r-sm);font-size:13px;font-family:var(--sans);cursor:pointer;transition:background .1s;flex-shrink:0}.doc-nav-row:hover{background:var(--surface-2)}.doc-nav-row.active{background:var(--blue-soft);color:var(--blue-ink)!important}@keyframes doc-shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}.doc-skeleton{background:linear-gradient(90deg,var(--ai-soft) 0%,oklch(.93 .04 300) 40%,var(--ai-soft) 80%);background-size:480px 100%;animation:doc-shimmer 1.3s linear infinite;border-radius:5px;height:11px}@keyframes doc-fade-up{0%{transform:translateY(7px)}to{transform:none}}@keyframes doc-pop{0%{transform:scale(.96)}to{transform:none}}@keyframes doc-spin{to{transform:rotate(360deg)}}@keyframes doc-pulse{0%,to{opacity:1}50%{opacity:.3}}.doc-spin{animation:doc-spin .8s linear infinite}.doc-pulse{animation:doc-pulse 2s infinite}.doc-sec-tools{position:absolute;top:-2px;right:0;display:flex;gap:1px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:2px;box-shadow:var(--shadow);opacity:0;transform:translateY(-3px);transition:opacity .14s,transform .14s;z-index:10}.doc-section-wrap:hover .doc-sec-tools{opacity:1;transform:none}.doc-media-ph{border:1px dashed var(--ai-line);border-radius:var(--r);background-image:repeating-linear-gradient(45deg,var(--ai-soft) 0 10px,transparent 10px 20px);display:grid;place-items:center;color:var(--ai-ink)}.doc-root ::-webkit-scrollbar{width:10px;height:10px}.doc-root ::-webkit-scrollbar-thumb{background:#caced4;border-radius:8px;border:3px solid transparent;background-clip:content-box}.doc-root ::-webkit-scrollbar-thumb:hover{background:#b3b8be;background-clip:content-box;border:3px solid transparent}