.app-shell{grid-template-columns:300px minmax(0,1fr);gap:24px;max-width:1440px;margin:0 auto;padding:24px;display:grid}.sidebar{align-self:start;gap:18px;display:grid;position:sticky;top:24px}.sidebar-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-tab{border:1px solid var(--line);background:var(--surface-muted);min-height:38px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:.9rem;font-weight:600;display:inline-flex}.mode-tab.active{border-color:var(--control-active-border);background:var(--control-active-bg);color:var(--control-active-text)}.api-doc-card,.tutorial-sidebar-nav,.content-frame,.hero-copy,.content-card,.overview-card,.notice-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:16px}.api-doc-card{gap:18px;padding:20px;display:grid}.api-doc-head{align-items:center;gap:14px;display:flex}.api-doc-badge{color:#fff;background:linear-gradient(#f78166,#da5b45);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #f8816638}.api-doc-title{color:var(--text);margin:0;font-size:1.22rem;font-weight:700}.api-doc-subtitle{color:var(--muted);margin:4px 0 0;font-size:.84rem}.brand-block{align-items:center;gap:12px;display:flex}.brand-block.compact{gap:10px}.brand-mark{color:#fff;letter-spacing:.04em;background:linear-gradient(#238636,#2ea043);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:inline-flex}.brand-kicker,.eyebrow,.sidebar-label,.drawer-group-label{color:var(--muted);letter-spacing:.02em;margin:0;font-size:.72rem}.brand-title{color:var(--text);margin:2px 0 0;font-size:1.06rem;font-weight:700}.sidebar-nav,.tutorial-sidebar-nav{gap:6px;display:grid}.tutorial-sidebar-nav{padding:18px}.sidebar-link{min-height:36px;color:var(--sidebar-text);border-radius:10px;align-items:center;padding:0 12px;font-size:.92rem;transition:background .16s,color .16s;display:flex}.sidebar-link:hover,.drawer-link:hover{background:var(--hover-bg)}.sidebar-link.active,.drawer-link.active{background:var(--active-link-bg);color:var(--active-link-text);font-weight:600}.api-sidebar-link.active,.api-drawer-link.active{background:var(--api-active-bg);color:var(--api-active-text)}.main-shell{gap:14px;min-width:0;display:grid}.mobile-header{display:none}.site-nav{gap:12px;display:flex}.nav-link{border:1px solid var(--line);background:var(--surface-muted);min-height:36px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:.92rem;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.nav-link.active{background:var(--control-active-bg);border-color:var(--control-active-border);color:var(--control-active-text)}.content-frame{min-height:calc(100vh - 48px);padding:28px}.site-footer{color:var(--muted);padding:0 6px 8px}.site-footer p{margin:0;font-size:.72rem;line-height:1.6}.site-footer p+p{margin-top:4px}.page{gap:24px;display:grid}.hero-panel,.page-grid,.notice-grid,.overview-grid{gap:20px;display:grid}.hero-copy,.content-card,.overview-card,.notice-card{background:var(--surface)}.hero-copy{padding:28px}.hero-copy h1,.page-head h1{letter-spacing:-.03em;color:var(--text);margin:10px 0 12px;font-size:clamp(1.72rem,3vw,2.6rem);line-height:1.08}.page-intro{max-width:72ch;color:var(--muted);margin:0;font-size:.94rem;line-height:1.8}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card{flex-direction:column;gap:14px;padding:22px;transition:border-color .16s,transform .16s;display:flex}.overview-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.overview-card h2,.content-card h2,.notice-card strong{color:var(--text);margin:0;font-size:1rem}.overview-card p,.content-card p,.content-card li,.notice-card p{color:var(--muted)}.page-head{gap:12px;display:grid}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.back-link{border:1px solid var(--line);background:var(--surface-muted);min-height:34px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.back-link.secondary{background:0 0}.notice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-card{padding:18px 20px}.notice-card strong{margin-bottom:8px;display:block}.notice-card.warning{border-color:var(--notice-warn-border);background:var(--notice-warn-bg)}.page-grid{grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);align-items:start}.content-card{padding:22px}.side-column,.guide-stack,.command-panel,.table-stack{gap:18px;display:grid}.section-head{margin-bottom:18px}.section-head h2{margin-bottom:8px}.section-head p{margin:0}.step-list,.check-list,.detail-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.step-item{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.step-number{background:var(--step-bg);width:34px;height:34px;color:var(--step-text);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.step-item h3,.command-card h3{color:var(--text);margin:0 0 8px;font-size:.94rem}.step-item p{margin:0;font-size:.92rem}.check-list li,.detail-list li{padding-left:18px;position:relative}.check-list li:before,.detail-list li:before{content:"";background:var(--bullet);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.detail-list a{color:var(--accent-secondary);text-underline-offset:2px;text-decoration:underline}.section-gallery{gap:18px;margin-top:20px;display:grid}.section-figure{flex-direction:column;align-items:center;margin:0;display:flex}.section-figure-image{border:1px solid var(--media-border);background:var(--media-bg);width:100%;max-width:980px;box-shadow:var(--media-shadow);border-radius:12px;display:block}.section-figure figcaption{max-width:920px;color:var(--muted);margin-top:12px}.command-card{border:1px solid var(--code-card-border);background:var(--code-card-bg);border-radius:14px;overflow:hidden}.command-card-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 14px 0;display:flex}.command-card h3,.command-description{color:var(--code-title-text)}.command-description{margin:0;font-size:.86rem}.command-copy{border:1px solid var(--code-copy-border);background:var(--code-copy-bg);min-width:74px;min-height:32px;color:var(--code-copy-text);cursor:pointer;border-radius:8px;flex:none;padding:0 12px;font-size:.84rem;font-weight:600}.command-copy.copied{background:var(--code-copy-success-bg);border-color:var(--code-copy-success-border)}.command-copy.failed{background:var(--code-copy-failed-bg);border-color:var(--code-copy-failed-border)}.command-card pre{background:var(--code-pre-bg);margin:14px 0 0;padding:18px;overflow-x:auto}.command-card code{color:var(--code-text);white-space:pre-wrap;word-break:break-word;font-size:.86rem;line-height:1.65}.table-card{border:1px solid var(--line);background:var(--surface-muted);border-radius:12px;overflow:hidden}.table-title{color:var(--text);margin:0;padding:12px 14px 0;font-size:.88rem}.table-wrap{overflow-x:auto}.doc-table{border-collapse:collapse;width:100%;min-width:420px}.doc-table th,.doc-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px;font-size:.84rem;line-height:1.6}.doc-table th{color:var(--text);background:var(--table-head-bg);font-weight:600}.doc-table td{color:var(--muted)}.drawer-backdrop{background:var(--backdrop-bg);opacity:0;pointer-events:none;z-index:20;transition:opacity .18s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.site-drawer{border-right:1px solid var(--drawer-border);background:var(--drawer-bg);width:min(320px,100vw - 20px);box-shadow:var(--drawer-shadow);z-index:30;grid-template-rows:auto 1fr;gap:18px;padding:20px 16px;transition:transform .2s;display:grid;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.site-drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer-head h2{color:var(--text);margin:8px 0 0;font-size:1.12rem}.drawer-close{border:1px solid var(--code-copy-border);background:var(--code-copy-bg);min-height:36px;color:var(--code-copy-text);cursor:pointer;border-radius:8px;padding:0 12px}.drawer-nav{align-content:start;gap:6px;display:grid;overflow-y:auto}.drawer-group-label{margin-top:12px;margin-bottom:4px}.drawer-link{min-height:36px;color:var(--sidebar-text);border-radius:10px;align-items:center;padding:0 12px;font-size:.9rem;display:flex}@media (width<=1080px){.app-shell{grid-template-columns:1fr;gap:18px;padding:18px}.sidebar{display:none}.mobile-header{gap:14px;margin-bottom:16px;display:grid}.content-frame{min-height:auto}.page-grid,.notice-grid,.overview-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:12px}.content-frame{border-radius:14px;padding:20px 14px 22px}.site-footer{padding:0 2px 6px}.site-footer p{font-size:.68rem;line-height:1.55}.hero-copy,.content-card,.overview-card,.notice-card{border-radius:14px}.hero-copy{padding:20px 16px}.page-actions{flex-direction:column}.back-link{width:100%}.site-nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nav-link{width:100%;min-width:0}.site-drawer{width:calc(100vw - 12px)}.command-card-head{flex-direction:column}.command-copy{width:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f6f8fa;--surface:#fff;--surface-strong:#fff;--surface-muted:#f6f8fa;--text:#1f2328;--text-secondary:#3d444d;--sidebar-text:#24292f;--muted:#656d76;--line:#d0d7de;--line-strong:#8c959f;--accent:#1f883d;--accent-strong:#2da44e;--accent-secondary:#0969da;--shadow:0 24px 48px #1f232814;--shadow-soft:0 10px 24px #1f232814;--control-active-bg:#24292f;--control-active-border:#24292f;--control-active-text:#f6f8fa;--hover-bg:#d0d7de8c;--active-link-bg:#0969da1f;--active-link-text:#1f2328;--api-active-bg:#bf870024;--api-active-text:#1f2328;--step-bg:#24292f;--step-text:#f6f8fa;--bullet:#0969da;--media-border:#d0d7de;--media-bg:#fff;--media-shadow:0 18px 36px #1f23281f;--code-card-bg:#fff;--code-card-border:#d0d7de;--code-pre-bg:#f6f8fa;--code-title-text:#1f2328;--code-copy-bg:#f6f8fa;--code-copy-border:#d0d7de;--code-copy-text:#1f2328;--code-copy-success-bg:#0969da;--code-copy-success-border:#0969da;--code-copy-failed-bg:#cf222e14;--code-copy-failed-border:#cf222e47;--code-text:#1f2328;--table-head-bg:#d0d7de42;--backdrop-bg:#1f23285c;--drawer-bg:#fff;--drawer-border:#d0d7de;--drawer-shadow:20px 0 48px #1f23282e;--notice-warn-border:#bf870047;--notice-warn-bg:#fff5c4b3;--body-top-glow:#0969da0f;--body-bottom-glow:#1f883d0f;--radius-xl:16px;--radius-lg:14px;--mono:"SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", monospace;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--surface:#161b22;--surface-strong:#161b22;--surface-muted:#21262d;--text:#e6edf3;--text-secondary:#c9d1d9;--sidebar-text:#c9d1d9;--muted:#8b949e;--line:#30363d;--line-strong:#6e7681;--accent:#238636;--accent-strong:#2ea043;--accent-secondary:#58a6ff;--shadow:0 24px 48px #01040966;--shadow-soft:0 10px 24px #0104093d;--control-active-bg:#21262d;--control-active-border:#30363d;--control-active-text:#f0f6fc;--hover-bg:#6e768129;--active-link-bg:#388bfd29;--active-link-text:#f0f6fc;--api-active-bg:#bb80092e;--api-active-text:#f0f6fc;--step-bg:#21262d;--step-text:#f0f6fc;--bullet:#58a6ff;--media-border:#30363d;--media-bg:#0d1117;--media-shadow:0 18px 36px #01040959;--code-card-bg:#0d1117;--code-card-border:#30363d;--code-pre-bg:#010409;--code-title-text:#f0f6fc;--code-copy-bg:#21262d;--code-copy-border:#30363d;--code-copy-text:#f0f6fc;--code-copy-success-bg:#1f6feb;--code-copy-success-border:#1f6feb;--code-copy-failed-bg:#f851492e;--code-copy-failed-border:#f8514966;--code-text:#e6edf3;--table-head-bg:#ffffff05;--backdrop-bg:#01040999;--drawer-bg:#161b22;--drawer-border:#30363d;--drawer-shadow:20px 0 48px #01040980;--notice-warn-border:#d299224d;--notice-warn-bg:#bb800914;--body-top-glow:#1f6feb14;--body-bottom-glow:#23863612}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top, var(--body-top-glow), transparent 26%), radial-gradient(circle at bottom right, var(--body-bottom-glow), transparent 24%), var(--bg);margin:0}body,p,li{font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}code,pre{font-family:var(--mono)}#root{min-height:100vh}