:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--font-chat:var(--font-sans);--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000024;--shadow-overlay:0 16px 48px #00000024;--transition-fast:var(--duration-fast) var(--ease-out);--transition-base:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--space-0:0;--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;--topbar-height:40px;--nav-rail-width:48px;--mode-rail-width:52px;--agent-panel-width:clamp(288px, 21vw, 332px);--input-bar-height:56px;--input-bar-expanded:200px;--sidebar-width:clamp(320px, calc(100% * .381966 - var(--mode-rail-width)), calc(100% - var(--mode-rail-width) - 200px));--transition-normal:var(--transition-base);--transition-spring:var(--duration-normal) var(--ease-out);--ease-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.3s;--radius-card:12px;--radius-dialog:16px;--radius-pill:999px;--radius-2xl:var(--radius-xl);--shadow-glow:none;--shadow-glow-sm:none}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#fcfdfc;--bg-panel:#f4f6f5;--bg-chrome:#edf1ef;--bg-elevated:#fff;--bg-hover:#e8eeeb;--bg-active:#dce6e0;--bg-input:#fff;--border-subtle:#1118270f;--border-default:#1118271a;--border-strong:#11182729;--text-primary:#222b26;--text-secondary:#526159;--text-tertiary:#5e6c63;--brand:#087352;--brand-dim:#08735214;--brand-gradient:linear-gradient(135deg, #087352, #096b50);--brand-on:#fff;--brand-focus:#08735273;--color-bg-primary:var(--bg-base);--color-bg-secondary:var(--bg-panel);--color-bg-tertiary:var(--bg-panel);--color-bg-elevated:var(--bg-elevated);--color-bg-input:var(--bg-input);--color-bg-hover:var(--bg-hover);--color-bg-active:var(--bg-active);--color-bg-subtle:var(--bg-input);--color-bg-tooltip:var(--bg-hover);--color-fg-primary:var(--text-primary);--color-fg-secondary:var(--text-secondary);--color-fg-tertiary:var(--text-tertiary);--color-fg-muted:var(--text-tertiary);--color-border-primary:var(--border-default);--color-border-secondary:var(--border-subtle);--color-border-focus:var(--brand);--color-border-strong:var(--border-strong);--color-accent:var(--brand);--color-accent-hover:#096b50;--color-accent-soft:var(--brand-dim);--color-accent-border:#0873523d;--color-accent-selection:#08735229;--color-editor-accent:#4a7a9b;--color-editor-accent-soft:#4a7a9b14;--color-editor-accent-border:#4a7a9b33;--color-success:#5b8c6a;--color-success-soft:#5b8c6a14;--color-warning:#b8860b;--color-warning-soft:#b8860b14;--color-error:#b84a4a;--color-error-soft:#b84a4a14;--color-info:#5b7b9b;--color-info-soft:#5b7b9b14;--color-chat-input-bg:var(--bg-input);--color-chat-input-border:var(--border-default);--color-chat-input-focus:var(--color-accent);--color-chat-user-bg:var(--brand-dim);--color-chat-user-text:var(--text-primary);--color-chat-ai-bg:transparent;--color-chat-ai-border:#0000000a;--color-chat-avatar-user-start:var(--brand);--color-chat-avatar-user-end:var(--brand);--color-chat-avatar-ai:#5b8c6a;--color-chat-code-bg:#f5f5f4;--color-chat-code-text:#44403c;--color-link:var(--brand);--color-inline-code-bg:#0000000d;--color-chat-timestamp:var(--text-tertiary);--color-chat-divider:#0000000a;--color-sidebar-bg:var(--bg-chrome);--color-sidebar-border:var(--border-subtle);--color-sidebar-item-hover:var(--bg-hover);--color-sidebar-item-active:var(--brand-dim);--color-sidebar-indent:#0000000a;--card-bg:var(--bg-elevated);--card-border:var(--border-subtle);--color-canvas-bg:var(--bg-base);--color-canvas-border:var(--border-subtle);--color-agent-panel-bg:var(--bg-panel);--color-agent-step-bg:var(--bg-elevated);--color-agent-step-border:#0000000f;--color-agent-step-running:#5b8c85;--color-agent-step-done:#5b8c6a;--color-agent-step-error:#b84a4a;--term-bg:var(--bg-base);--term-header-bg:var(--bg-chrome);--term-border:var(--border-subtle);--term-fg:var(--text-primary);--term-fg-secondary:var(--text-secondary);--term-fg-tertiary:var(--text-tertiary);--term-prompt:var(--brand);--term-hover-bg:var(--bg-hover);--term-hover-fg:var(--text-primary);--term-selection:#5b8c852e;--term-cursor:var(--brand);--header-bg:var(--bg-chrome);--header-border:var(--color-border-primary);--bg:var(--color-bg-primary);--surface:var(--color-bg-secondary);--surface-2:var(--color-bg-tertiary);--surface-3:var(--color-bg-hover);--border:var(--color-border-primary);--text:var(--color-fg-primary);--text-muted:var(--color-fg-tertiary);--accent:var(--color-accent);--accent-rgb:8, 115, 82;--color-ai-surface:var(--color-bg-secondary);--color-ai-surface-soft:var(--color-bg-subtle);--color-ai-wash:none;--color-chat-surface:var(--color-bg-secondary);--color-editor-surface:var(--color-bg-secondary);--color-editor-surface-soft:var(--color-bg-tertiary);--color-teal:var(--color-success);--color-teal-soft:var(--color-success-soft);--color-teal-border:var(--color-accent-border);--color-accent-glow:#5b8c8538;--glass-bg:var(--card-bg);--glass-border:var(--card-border);--glass-blur:0px;--glass-blur-heavy:0px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#111513;--bg-chrome:#0d110f;--bg-panel:#191e1b;--bg-elevated:#222a25;--bg-hover:#2b352f;--bg-active:#35423a;--bg-input:#1d2520;--border-subtle:#ffffff0f;--border-default:#ffffff17;--border-strong:#ffffff24;--text-primary:#e9efeb;--text-secondary:#abb9af;--text-tertiary:#94a59a;--brand:#34d399;--brand-dim:#34d3991f;--brand-gradient:linear-gradient(135deg, #34d399, #10b981);--brand-on:#08251b;--brand-focus:#34d39973;--color-bg-primary:var(--bg-base);--color-bg-secondary:var(--bg-panel);--color-bg-tertiary:var(--bg-panel);--color-bg-elevated:var(--bg-elevated);--color-bg-input:var(--bg-input);--color-bg-hover:var(--bg-hover);--color-bg-active:var(--bg-active);--color-bg-subtle:var(--bg-input);--color-bg-tooltip:var(--bg-hover);--color-fg-primary:var(--text-primary);--color-fg-secondary:var(--text-secondary);--color-fg-tertiary:var(--text-tertiary);--color-fg-muted:var(--text-tertiary);--color-border-primary:var(--border-default);--color-border-secondary:var(--border-subtle);--color-border-focus:var(--brand);--color-border-strong:var(--border-strong);--color-accent:var(--brand);--color-accent-hover:#6ee7b7;--color-accent-soft:var(--brand-dim);--color-accent-border:#34d3993d;--color-accent-selection:#34d39933;--color-editor-accent:#6b9fc4;--color-editor-accent-soft:#6b9fc41a;--color-editor-accent-border:#6b9fc438;--color-success:#6fa87a;--color-success-soft:#6fa87a1a;--color-warning:#c49a3a;--color-warning-soft:#c49a3a1a;--color-error:#c46060;--color-error-soft:#c460601a;--color-info:#6b9fc4;--color-info-soft:#6b9fc41a;--color-chat-input-bg:var(--bg-input);--color-chat-input-border:var(--border-default);--color-chat-input-focus:var(--color-accent);--color-chat-user-bg:var(--brand-dim);--color-chat-user-text:var(--text-primary);--color-chat-ai-bg:transparent;--color-chat-ai-border:#ffffff0f;--color-chat-avatar-user-start:var(--brand);--color-chat-avatar-user-end:var(--brand);--color-chat-avatar-ai:#6fa87a;--color-chat-code-bg:#1a1a1d;--color-chat-code-text:#d4d4d8;--color-link:var(--brand);--color-inline-code-bg:#ffffff14;--color-chat-timestamp:var(--text-tertiary);--color-chat-divider:#ffffff0a;--color-sidebar-bg:var(--bg-chrome);--color-sidebar-border:var(--border-subtle);--color-sidebar-item-hover:var(--bg-hover);--color-sidebar-item-active:var(--brand-dim);--color-sidebar-indent:#ffffff0a;--card-bg:var(--bg-elevated);--card-border:var(--border-subtle);--color-canvas-bg:var(--bg-base);--color-canvas-border:var(--border-subtle);--color-agent-panel-bg:var(--bg-panel);--color-agent-step-bg:var(--bg-elevated);--color-agent-step-border:#ffffff0f;--color-agent-step-running:#6fa8a0;--color-agent-step-done:#6fa87a;--color-agent-step-error:#c46060;--term-bg:var(--bg-base);--term-header-bg:var(--bg-chrome);--term-border:var(--border-subtle);--term-fg:var(--text-primary);--term-fg-secondary:var(--text-secondary);--term-fg-tertiary:var(--text-tertiary);--term-prompt:var(--brand);--term-hover-bg:var(--bg-hover);--term-hover-fg:var(--text-primary);--term-selection:#6fa8a033;--term-cursor:var(--brand);--header-bg:var(--bg-chrome);--header-border:var(--color-border-primary);--bg:var(--color-bg-primary);--surface:var(--color-bg-secondary);--surface-2:var(--color-bg-tertiary);--surface-3:var(--color-bg-hover);--border:var(--color-border-primary);--text:var(--color-fg-primary);--text-muted:var(--color-fg-tertiary);--accent:var(--color-accent);--accent-rgb:52, 211, 153;--color-ai-surface:var(--color-bg-secondary);--color-ai-surface-soft:var(--color-bg-subtle);--color-ai-wash:none;--color-chat-surface:var(--color-bg-secondary);--color-editor-surface:var(--color-bg-secondary);--color-editor-surface-soft:var(--color-bg-tertiary);--color-teal:var(--color-success);--color-teal-soft:var(--color-success-soft);--color-teal-border:var(--color-accent-border);--color-accent-glow:#5b8c8547;--glass-bg:var(--card-bg);--glass-border:var(--card-border);--glass-blur:0px;--glass-blur-heavy:0px}:where(button,a[href],summary,select,[role=button],[role=tab],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option],[role=treeitem],[role=checkbox],[role=radio],[role=switch],input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=file],input[type=color],input[type=range],label[for],label:has(input[type=checkbox],input[type=radio],input[type=file],input[type=color])){cursor:pointer}:where(textarea,[contenteditable=true],input:not([type]),input[type=text],input[type=search],input[type=email],input[type=url],input[type=password],input[type=number],input[type=tel]){cursor:text}:where(button,input,select,textarea,[role=button],[role=tab],[role^=menuitem],[role=option],[role=treeitem],[role=checkbox],[role=radio],[role=switch]):is(:disabled,[aria-disabled=true]){cursor:not-allowed!important}:where(label):has(input:disabled){cursor:not-allowed}:where(button,input,select,textarea)[aria-busy=true]:is(:disabled,[aria-disabled=true]),:where([aria-busy=true]) :where(button,input,select,textarea):is(:disabled,[aria-disabled=true]){cursor:progress!important}:where(button,a[href],summary,input,select,textarea,[role=button],[role=tab]):focus-visible{outline:2px solid var(--color-border-focus,var(--color-accent));outline-offset:2px}@media (hover:hover) and (pointer:fine){:where(button,[role=button],summary):where(:not(:disabled,[aria-disabled=true],.mode-rail-item,.nav-rail-item,.hw-color,.hw-image-choice,.hw-swatches button,.hw-chat-avatar)):hover{filter:brightness(1.08)}:where(input[type=checkbox],input[type=radio]):not(:disabled):not(:focus-visible):hover{outline:2px solid var(--color-accent-soft);outline-offset:2px}}:root :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=button],[type=submit],[type=reset]),textarea,select):focus{outline:none}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg-primary);color:var(--color-fg-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--color-accent-selection)}.hd-topbar{z-index:50;border-bottom:1px solid var(--color-border-primary);background:color-mix(in srgb, var(--color-bg-primary) 88%, transparent);-webkit-backdrop-filter:blur(14px);height:56px;position:fixed;top:0;left:0;right:0}.hd-topbar-inner{justify-content:space-between;align-items:center;gap:16px;width:min(1320px,100%);height:100%;margin:0 auto;padding:0 20px;display:flex}.hd-brand{color:var(--color-fg-primary);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.hd-brand span{letter-spacing:-.01em;font-size:15px;font-weight:650}.hd-brand small{border-left:1px solid var(--color-border-strong);color:var(--color-fg-tertiary);padding-left:9px;font-size:13px}.hd-actions{align-items:center;gap:6px;display:flex}.hd-icon-btn{min-width:34px;height:34px;color:var(--color-fg-secondary);font:600 11px/1 var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0 8px;display:inline-grid}.hd-icon-btn:hover{border-color:var(--color-border-primary);background:var(--color-bg-hover);color:var(--color-fg-primary)}.hd-open{background:var(--color-accent);color:#fff;border-radius:8px;align-items:center;height:34px;margin-left:6px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.hd-open:hover{background:var(--color-accent-hover)}.hd-grid{grid-template-columns:224px minmax(0,1fr) 190px;gap:52px;width:min(1320px,100%);margin:0 auto;padding:88px 20px 0;display:grid}.hd-sidebar,.hd-outline{align-self:start;max-height:calc(100vh - 96px);padding-bottom:32px;position:sticky;top:80px;overflow-y:auto}.hd-nav{flex-direction:column;gap:22px;display:flex}.hd-nav-group{flex-direction:column;gap:1px;display:flex}.hd-nav-title{color:var(--color-fg-tertiary);letter-spacing:.04em;margin:0 0 6px;padding-left:10px;font-size:11.5px;font-weight:600}.hd-nav a,.hd-outline a{color:var(--color-fg-secondary);border-radius:7px;padding:6px 10px;font-size:13.5px;line-height:1.45;text-decoration:none;display:block}.hd-nav a:hover,.hd-outline a:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.hd-nav a.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:550}.hd-outline{border-left:1px solid var(--color-border-primary);padding-left:8px}.hd-outline:empty{border-left:0}.hd-outline a{padding:4px 10px;font-size:12.5px}.hd-article{min-width:0;max-width:760px;padding-bottom:80px}.hd-hero{border-bottom:1px solid var(--color-border-primary);padding:16px 0 34px}.hd-eyebrow{color:var(--color-accent);margin:0 0 12px;font-size:13px;font-weight:600}.hd-hero h1{letter-spacing:-.025em;margin:0;font-size:clamp(30px,4.2vw,42px);font-weight:700;line-height:1.15}.hd-hero>p:last-child{color:var(--color-fg-secondary);margin:14px 0 0;font-size:15.5px;line-height:1.8}.hd-section{border-bottom:1px solid var(--color-border-primary);padding:42px 0 6px;scroll-margin-top:72px}.hd-section-group{color:var(--color-fg-tertiary);letter-spacing:.03em;margin:0 0 6px;font-size:12px;font-weight:600}.hd-section h2{letter-spacing:-.02em;margin:0 0 14px;font-size:25px;font-weight:650;line-height:1.25}.hd-anchor{color:var(--color-fg-primary);text-decoration:none}.hd-anchor:hover:after{content:" #";color:var(--color-fg-muted)}.hd-lead{color:var(--color-fg-secondary);margin:0 0 18px;font-size:15.5px;line-height:1.8}.hd-h3{margin:28px 0 10px;scroll-margin-top:72px;font-size:16.5px;font-weight:600}.hd-p{color:var(--color-fg-secondary);margin:0 0 14px;font-size:14.5px;line-height:1.85}.hd-list{color:var(--color-fg-secondary);margin:0 0 16px;padding-left:20px;font-size:14.5px;line-height:1.85}.hd-list li{margin:3px 0}.hd-list li::marker{color:var(--color-fg-muted)}.hd-article strong{color:var(--color-fg-primary);font-weight:600}.hd-article a:not(.hd-anchor){color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-border);text-decoration-color:var(--color-accent-border);text-underline-offset:3px}.hd-article a:not(.hd-anchor):hover{text-decoration-color:currentColor}.hd-article :not(pre)>code{border:1px solid var(--color-border-primary);background:var(--color-bg-tertiary);color:var(--color-fg-primary);font:500 .86em/1.5 var(--font-mono);overflow-wrap:anywhere;border-radius:5px;padding:1px 6px}.hd-steps{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.hd-steps li{border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-fg-secondary);border-radius:10px;gap:12px;padding:12px 14px;font-size:14px;line-height:1.7;display:flex}.hd-step-n{background:var(--color-accent-soft);height:22px;color:var(--color-accent);border-radius:50%;flex:0 0 22px;place-items:center;margin-top:1px;font-size:12px;font-weight:700;display:grid}.hd-code{border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);border-radius:10px;margin:0 0 18px;overflow:hidden}.hd-code-label{border-bottom:1px solid var(--color-border-primary);color:var(--color-fg-tertiary);font:500 12px/1.4 var(--font-mono);padding:8px 14px}.hd-code pre{margin:0;padding:14px 16px;overflow-x:auto}.hd-code code{color:var(--color-fg-primary);font:500 12.5px/1.75 var(--font-mono);white-space:pre}.hd-table-wrap{border:1px solid var(--color-border-primary);border-radius:10px;margin:0 0 18px;overflow-x:auto}.hd-table{border-collapse:collapse;width:100%;font-size:13.5px}.hd-table th{border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-fg-tertiary);text-align:left;white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}.hd-table td{border-bottom:1px solid var(--color-border-primary);color:var(--color-fg-secondary);vertical-align:top;padding:10px 14px;line-height:1.7}.hd-table tr:last-child td{border-bottom:0}.hd-table td:first-child{color:var(--color-fg-primary);font-weight:500}.hd-callout{border:1px solid var(--color-accent-border);background:var(--color-accent-soft);border-radius:10px;margin:0 0 18px;padding:12px 16px}.hd-callout-warn{border-color:color-mix(in srgb, var(--color-warning) 35%, transparent);background:var(--color-warning-soft)}.hd-callout-title{color:var(--color-accent);margin:0 0 4px;font-size:13px;font-weight:650}.hd-callout-warn .hd-callout-title{color:var(--color-warning)}.hd-callout-body{color:var(--color-fg-secondary);margin:0;font-size:14px;line-height:1.75}.hd-footer{color:var(--color-fg-tertiary);flex-wrap:wrap;gap:8px 20px;padding-top:28px;font-size:12.5px;display:flex}.hd-footer a{color:var(--color-fg-secondary);text-decoration:none}.hd-footer a:hover{color:var(--color-fg-primary)}.hd-drawer-button{z-index:40;border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);max-width:calc(100% - 32px);min-height:44px;color:var(--color-fg-primary);font:500 13px/1 var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000038}.hd-drawer-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hd-drawer-layer{z-index:70;position:fixed;inset:0}.hd-drawer-backdrop{background:#00000073;position:absolute;inset:0}.hd-drawer{border-right:1px solid var(--color-border-primary);background:var(--color-bg-primary);width:min(300px,86vw);padding:56px 12px 32px;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.hd-drawer-close{width:40px;height:40px;color:var(--color-fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;position:absolute;top:10px;right:10px}@media (hover:hover) and (pointer:fine){.hd-drawer-close:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.hd-drawer-button:hover{border-color:var(--color-accent)}}@media (width<=1239px){.hd-grid{grid-template-columns:210px minmax(0,1fr);gap:40px}.hd-outline{display:none}}@media (width<=1023px){.hd-grid{grid-template-columns:minmax(0,1fr);padding:80px 16px 0}.hd-sidebar{display:none}.hd-article{max-width:none}.hd-drawer-button{display:inline-flex}}@media (width<=480px){.hd-topbar-inner{padding:0 12px}.hd-brand small{display:none}.hd-open{padding:0 11px}.hd-section h2{font-size:22px}}@media (width<=360px){.hd-brand{flex-shrink:0}.hd-brand span{display:none}.hd-open{white-space:nowrap}}