:root{color-scheme:light;--bg: #ffffff;--bg-soft: #f6f4ef;--surface: #ffffff;--surface-soft: #f4f0ea;--text: #111827;--muted: #5f6876;--subtle: #8b95a3;--border: rgba(32, 32, 32, .09);--border-strong: rgba(32, 32, 32, .16);--accent: #111827;--accent-text: #ffffff;--brand: #7c5cff;--brand-2: #ff7ab6;--brand-3: #33d6a6;--brand-4: #ffb545;--brand-soft: #f1eaff;--brand-ring: rgba(124, 92, 255, .2);--code-bg: #10131c;--code-text: #eef4ff;--code-gutter: #667085;--shadow: 0 30px 90px rgba(41, 30, 14, .14)}:root[data-site-theme=dark]{color-scheme:dark;--bg: #080912;--bg-soft: #11131f;--surface: #141722;--surface-soft: #1b1d2a;--text: #f9fafb;--muted: #a4adba;--subtle: #778293;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--accent: #ffffff;--accent-text: #111827;--brand: #a891ff;--brand-2: #ff8fc7;--brand-3: #5ee6bf;--brand-4: #ffc46b;--brand-soft: rgba(139, 124, 255, .14);--brand-ring: rgba(139, 124, 255, .28);--code-bg: #020617;--code-text: #e5f3ff;--code-gutter: #64748b;--shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.85}#icon-github path{fill:currentColor;stroke:none}html{min-height:100%;overflow-x:hidden;background:var(--bg);scroll-behavior:smooth}body{display:flow-root;margin:0;min-height:100%;min-width:320px;overflow-x:hidden;background:linear-gradient(125deg,rgba(255,122,182,.18),transparent 24rem),radial-gradient(circle at 50% 5%,rgba(255,255,255,.86),transparent 25rem),radial-gradient(circle at 18% 4%,rgba(255,181,69,.18),transparent 30rem),radial-gradient(circle at 82% 8%,rgba(124,92,255,.2),transparent 32rem),radial-gradient(circle at 68% 32%,rgba(51,214,166,.13),transparent 26rem),linear-gradient(180deg,#fbfaf8,#f6f4ef 52%,#fbfaf8);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-site-boot=loading] body{visibility:hidden}:root[data-site-theme=dark] body{background:linear-gradient(125deg,rgba(255,143,199,.1),transparent 24rem),radial-gradient(circle at 18% 4%,rgba(255,196,107,.12),transparent 28rem),radial-gradient(circle at 82% 8%,rgba(168,145,255,.24),transparent 30rem),radial-gradient(circle at 68% 32%,rgba(94,230,191,.11),transparent 26rem),var(--bg)}body:before{position:fixed;top:-52px;right:-52px;bottom:-52px;left:-52px;z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 76%);mask-image:linear-gradient(180deg,#000 0%,transparent 76%);animation:background-grid-drift 28s linear infinite;animation-delay:.12s;will-change:background-position}:root[data-site-theme=dark] body:before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(105deg,#fff0 0,#fff0 32%,#7c5cff1a 42%,#00c2ff12 48%,#fff0 60%),radial-gradient(circle at 18% 18%,#ff7ab61f,#ff7ab600 16rem),radial-gradient(circle at 82% 22%,#33d6a61a,#33d6a600 18rem),radial-gradient(circle at 58% 72%,#ffb54514,#ffb54500 18rem);background-position:-80vw 0,0 0,0 0,0 0;background-size:180vw 100%,100% 100%,100% 100%,100% 100%;opacity:.64;animation:background-scan 18s ease-in-out infinite,background-aurora 16s ease-in-out infinite alternate;animation-delay:.16s,.16s;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 46%,transparent 88%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 46%,transparent 88%);will-change:background-position,opacity}:root[data-site-theme=dark] body:after{background:linear-gradient(105deg,#08091200 0,#08091200 32%,#a891ff24 42%,#5ee6bf14 48%,#08091200 60%),radial-gradient(circle at 18% 18%,#ff8fc71a,#ff8fc700 16rem),radial-gradient(circle at 82% 22%,#5ee6bf14,#5ee6bf00 18rem),radial-gradient(circle at 58% 72%,#ffc46b12,#ffc46b00 18rem);opacity:.5}@keyframes background-grid-drift{0%{background-position:0 0,0 0}to{background-position:52px 52px,52px 52px}}@keyframes background-scan{0%,26%{background-position:-90vw 0,0 0,0 0,0 0}58%,to{background-position:90vw 0,0 0,0 0,0 0}}@keyframes background-aurora{0%{opacity:.5;transform:translateZ(0)}to{opacity:.82;transform:translate3d(0,-18px,0)}}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.site-header{position:sticky;top:14px;z-index:50;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:20px;width:min(1180px,calc(100vw - 40px));min-height:72px;margin:0 auto;padding:0 12px;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 58px #291e0e14;transition:width .26s ease,min-height .26s ease,border-radius .26s ease,background .26s ease,box-shadow .26s ease,transform .26s ease}.site-header:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 28% 50%,rgba(124,92,255,.42),transparent 7.5rem),radial-gradient(circle at 54% 42%,rgba(255,122,182,.36),transparent 7rem),radial-gradient(circle at 76% 56%,rgba(51,214,166,.34),transparent 7rem);content:"";filter:blur(18px);opacity:0;transform:scaleX(.72);transition:opacity .26s ease,transform .26s ease}:root[data-nav-state=scrolled] .site-header{width:min(1220px,calc(100vw - 48px));min-height:54px;border-radius:999px;background:color-mix(in srgb,var(--bg) 64%,transparent);box-shadow:0 22px 70px #291e0e29,inset 0 1px #ffffff4d;transform:translateY(-2px)}:root[data-nav-state=scrolled] .site-header:before{opacity:.72;transform:scaleX(1)}:root[data-site-theme=dark][data-nav-state=scrolled] .site-header{background:color-mix(in srgb,var(--surface) 58%,transparent);box-shadow:0 24px 84px #0000006b,inset 0 1px #ffffff1f}:root[data-site-theme=dark] .site-header:before{opacity:0}:root[data-site-theme=dark][data-nav-state=scrolled] .site-header:before{opacity:.52}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}.site-header,.site-header:before,.brand-mark,.desktop-nav a,.ghost-icon,.github-button{transition:none}}.brand,.desktop-nav,.nav-actions{display:flex;align-items:center}.brand{gap:12px;font-weight:850;white-space:nowrap}.brand-mark{position:relative;display:grid;width:40px;min-width:40px;height:40px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px!important;background:#222017;color:#fff;font-size:10px;letter-spacing:0;box-shadow:0 14px 34px #22201738,inset 0 1px #ffffff14;transition:width .26s ease,height .26s ease,border-radius .26s ease}.brand-mark:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.1),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.07),transparent 48%);content:""}.brand-mark:after{position:absolute;right:-7px;bottom:-9px;width:24px;height:24px;border-radius:999px;background:#7c5cff33;content:"";filter:blur(9px)}.brand-mark svg{position:relative;z-index:1;width:25px;height:25px;fill:none;stroke:none}.logo-ring{fill:none;stroke:#ffffffb8;stroke-width:1.95}.logo-pointer{fill:#ffffffd1;stroke:none}:root[data-nav-state=scrolled] .brand-mark{width:34px;min-width:34px;height:34px;border-radius:11px!important}:root[data-nav-state=scrolled] .brand-mark svg{width:22px;height:22px}.desktop-nav{justify-content:center;gap:2px}.desktop-nav a{display:inline-flex;align-items:center;flex:0 0 auto;gap:7px;padding:10px 15px;border-radius:999px;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;transition:background .18s ease,color .18s ease,padding .26s ease}:root[data-nav-state=scrolled] .desktop-nav a{padding:8px 13px}.desktop-nav svg{width:15px;height:15px}.desktop-nav a:hover,.desktop-nav a.active{background:var(--brand-soft);color:var(--text)}.nav-actions{justify-content:flex-end;gap:10px}.ghost-icon,.github-button,.primary-button,.secondary-button{border:1px solid var(--border);border-radius:999px}.ghost-icon{display:grid;width:38px;min-width:38px;height:38px;place-items:center;background:transparent;color:var(--muted);line-height:1;white-space:nowrap;transition:width .26s ease,min-width .26s ease,height .26s ease,background .18s ease}:root[data-nav-state=scrolled] .ghost-icon{width:34px;min-width:34px;height:34px;background:color-mix(in srgb,var(--surface) 76%,transparent)}#languageToggle{width:auto;min-width:46px;padding:0 10px}.ghost-icon svg{width:17px;height:17px}.github-button{display:inline-flex;min-height:38px;align-items:center;flex:0 0 auto;gap:8px;padding:0 15px;border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--brand) 26%,var(--accent)));color:var(--accent-text);font-size:14px;font-weight:700;white-space:nowrap;transition:min-height .26s ease,padding .26s ease,transform .18s ease}:root[data-nav-state=scrolled] .github-button{min-height:34px;padding:0 14px}.github-button svg{width:17px;height:17px}.hero{display:grid;justify-items:center;width:min(1100px,calc(100vw - 40px));margin:0 auto;padding:112px 0 58px;text-align:center}.hero-badge{margin-bottom:22px;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:linear-gradient(90deg,#7c5cff21,#ff7ab61f,#33d6a61a);color:color-mix(in srgb,var(--brand) 72%,var(--text));font-size:14px;font-weight:650;box-shadow:0 8px 28px #1118270f}h1,h2,h3,p{margin-top:0}h1{max-width:1100px;margin-bottom:26px;font-size:clamp(54px,7vw,98px);line-height:1.02;letter-spacing:0;background:linear-gradient(110deg,var(--text) 9%,var(--brand) 45%,var(--brand-2) 68%,var(--text) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}:lang(zh-CN) h1{max-width:none;font-size:clamp(52px,5.35vw,74px);white-space:nowrap}.hero p{max-width:820px;margin-bottom:34px;color:var(--muted);font-size:20px;line-height:1.75}.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px;width:min(650px,100%);margin-bottom:46px}.primary-button,.secondary-button{display:inline-flex;min-width:0;gap:9px;min-height:52px;align-items:center;justify-content:center;padding:0 24px;font-weight:800;line-height:1;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button span,.secondary-button span,.github-button span,.desktop-nav span{min-width:0;white-space:nowrap}.primary-button svg,.secondary-button svg{width:18px;height:18px;flex:0 0 auto}.primary-button{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-2) 58%,var(--brand-4));color:#fff;box-shadow:0 16px 38px var(--brand-ring)}.secondary-button{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#635bff6b,#00c2ff52) border-box;border-color:transparent;color:var(--text)}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.works-with{display:grid;gap:18px;justify-items:center;color:var(--subtle);font-size:14px;font-weight:650}.works-with div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.works-with strong{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:118px;padding:13px 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 10px 30px #7c5cff12;white-space:nowrap}.logo-chip{display:grid;width:24px;height:24px;place-items:center;border-radius:9px;color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:inset 0 0 0 1px #ffffff6b}.js-logo{background:linear-gradient(135deg,#f7df1e,#ffb545);color:#171717}.ts-logo{background:linear-gradient(135deg,#3178c6,#5cc8ff)}.react-logo{background:#f0fbff;color:#087ea4;box-shadow:inset 0 0 0 1px #087ea429}.vue-logo{background:#f4fff8;box-shadow:inset 0 0 0 1px #41b8832e}.svelte-logo{background:#fff7f2;box-shadow:inset 0 0 0 1px #ff3e002e}.svelte-logo svg{width:18px;height:21.5px;fill:none;stroke:none}.svelte-logo path:first-child{fill:#ff3e00}.svelte-logo path:last-child{fill:#fff}.react-logo svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.05}.react-logo circle{fill:currentColor;stroke:none}.vue-logo svg{width:18px;height:16px;fill:currentColor;stroke:none}.vue-mark-outer{fill:#41b883}.vue-mark-inner{fill:#34495e}:root[data-site-theme=dark] .vue-logo{background:#f4fff8f5}:root[data-site-theme=dark] .svelte-logo{background:#fff7f2f5}.works-with strong:nth-child(1){border-color:#635bff47;background:linear-gradient(135deg,rgba(99,91,255,.1),var(--surface))}.works-with strong:nth-child(2){border-color:#00c2ff4d;background:linear-gradient(135deg,rgba(0,194,255,.11),var(--surface))}.works-with strong:nth-child(3){border-color:#20c9974d;background:linear-gradient(135deg,rgba(32,201,151,.11),var(--surface))}.works-with strong:nth-child(4){border-color:#ff8a3d57;background:linear-gradient(135deg,rgba(255,138,61,.12),var(--surface))}.preview-showcase,.section,.cta-band,.site-footer{width:min(1180px,calc(100vw - 40px));margin:0 auto}.preview-showcase{position:relative;padding:22px 0 90px}.browser-shell{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--border));border-radius:34px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#635bff52,#00c2ff33,#20c9972e) border-box;box-shadow:var(--shadow),0 42px 120px #7c5cff29}.browser-shell:before{position:absolute;inset:auto -12% -24% 34%;width:560px;height:560px;border-radius:999px;background:radial-gradient(circle,rgba(255,122,182,.2),transparent 58%),radial-gradient(circle at 40% 40%,rgba(51,214,166,.18),transparent 60%);content:"";pointer-events:none}.browser-top{display:grid;grid-template-columns:110px minmax(0,1fr) 80px;align-items:center;gap:16px;min-height:58px;padding:0 18px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#635bff14,#00c2ff0f),var(--surface-soft)}.traffic,.top-actions{display:flex;gap:8px}.traffic span,.top-actions span{display:block;width:11px;height:11px;border-radius:50%;background:#d1d5db}.traffic span:nth-child(1){background:#ff5f57}.traffic span:nth-child(2){background:#ffbd2e}.traffic span:nth-child(3){background:#28c840}.top-actions{justify-content:flex-end}.address{min-width:0;overflow:hidden;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,var(--brand-soft));color:var(--muted);font-size:13px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.product-ui{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr) 230px;gap:18px;min-height:610px;padding:22px}.file-rail,.paper-preview,.meta-panel{border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.file-rail{display:grid;align-content:start;gap:10px;padding:12px}.file-rail button{height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--muted);font-weight:800}.file-rail .active{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.file-rail button:nth-child(2){border-color:#00c2ff40;background:linear-gradient(135deg,rgba(0,194,255,.1),var(--surface-soft))}.file-rail button:nth-child(3){border-color:#20c99740;background:linear-gradient(135deg,rgba(32,201,151,.1),var(--surface-soft))}.file-rail button:nth-child(4){border-color:#ff8a3d47;background:linear-gradient(135deg,rgba(255,138,61,.12),var(--surface-soft))}.file-rail button:nth-child(5){border-color:#635bff40;background:linear-gradient(135deg,rgba(99,91,255,.1),var(--surface-soft))}.paper-preview{overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(124,92,255,.13),transparent 18rem),radial-gradient(circle at 88% 18%,rgba(0,194,255,.09),transparent 18rem),var(--bg-soft)}.paper-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border-bottom:1px solid var(--border)}.paper-toolbar span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:650;white-space:nowrap}.paper-toolbar svg{width:13px;height:13px}.paper-toolbar span:nth-child(1){color:var(--brand)}.paper-toolbar span:nth-child(2){color:var(--brand-2)}.paper-toolbar span:nth-child(3){color:var(--brand-3)}.paper-toolbar span:nth-child(4){color:var(--brand-4)}.paper{width:min(520px,calc(100% - 34px));min-height:450px;margin:24px auto;padding:42px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(99,91,255,.035),transparent 34%),var(--surface);box-shadow:0 16px 48px #11182714}.paper-title,.paper-line{border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2),rgba(17,24,39,.12));opacity:.86}:root[data-site-theme=dark] .paper-title,:root[data-site-theme=dark] .paper-line{background:linear-gradient(90deg,var(--text),rgba(255,255,255,.12))}.paper-title{width:56%;height:24px;margin-bottom:28px}.paper-line{height:12px;margin-bottom:14px}.paper-line.short{width:42%}.paper-line.medium{width:76%}.drawing-panel{position:relative;min-height:180px;margin-top:34px;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle at 20% 18%,rgba(99,91,255,.16),transparent 9rem),radial-gradient(circle at 78% 24%,rgba(32,201,151,.14),transparent 9rem),var(--surface-soft)}.drawing-panel span{position:absolute;border:2px solid var(--brand);opacity:.72}.drawing-panel span:nth-child(1){top:42px;right:20%;bottom:48px;left:18%;border-radius:16px}.drawing-panel span:nth-child(2){top:42px;right:22%;width:72px;height:72px;border-radius:50%;border-color:var(--brand-3)}.drawing-panel span:nth-child(3){top:50%;left:20%;width:55%;height:2px;transform:rotate(-18deg);border-color:var(--brand-4)}.meta-panel{display:grid;align-content:start;gap:12px;padding:18px}.meta-panel p{margin-bottom:8px;font-weight:850}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.meta-panel code{display:block;padding:10px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(135deg,rgba(99,91,255,.08),transparent);color:color-mix(in srgb,var(--brand) 42%,var(--text));font-size:12px}.section{padding:104px 0}.section-heading{display:grid;justify-items:center;margin-bottom:36px;text-align:center}.section-heading p,.split-heading p:first-child{margin-bottom:12px;color:color-mix(in srgb,var(--brand) 62%,var(--subtle));font-size:14px;font-weight:800;text-transform:uppercase}h2{max-width:820px;margin-bottom:0;font-size:clamp(34px,4.5vw,58px);line-height:1.08;letter-spacing:0}h3{margin-bottom:12px;font-size:22px}.way-grid,.feature-list,.format-grid,.api-layout{display:grid;gap:18px}.way-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.way-grid article,.feature-list article,.format-grid article,.api-layout article,.controls-card,.viewer-card,.code-frame,.cta-band{min-width:0;border:1px solid var(--border);border-radius:30px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 18px 54px #291e0e14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.way-grid article:nth-child(1),.feature-list article:nth-child(1),.api-layout article:nth-child(1){background:radial-gradient(circle at 12% 10%,rgba(124,92,255,.13),transparent 15rem),linear-gradient(135deg,rgba(99,91,255,.08),transparent 42%),var(--surface)}.way-grid article:nth-child(2),.feature-list article:nth-child(2),.api-layout article:nth-child(2){background:radial-gradient(circle at 88% 12%,rgba(255,122,182,.12),transparent 15rem),linear-gradient(135deg,rgba(0,194,255,.08),transparent 42%),var(--surface)}.feature-list article:nth-child(3){background:radial-gradient(circle at 20% 12%,rgba(51,214,166,.14),transparent 15rem),linear-gradient(135deg,rgba(32,201,151,.09),transparent 42%),var(--surface)}.way-grid article{padding:34px}.way-grid article>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:34px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:#635bff14;color:color-mix(in srgb,var(--brand) 70%,var(--text));font-size:13px;font-weight:750;white-space:nowrap}.way-grid article>span svg{width:16px;height:16px}.way-grid p,.feature-list p,.format-grid p,.split-heading>p,.cta-band p{color:var(--muted);line-height:1.68}pre{margin:0;overflow:auto;max-width:100%;padding:22px 22px 22px 66px;border-radius:0 0 22px 22px;background:linear-gradient(90deg,rgba(255,255,255,.035) 0 48px,rgba(255,255,255,.075) 48px 49px,transparent 49px),radial-gradient(circle at 92% 12%,rgba(124,92,255,.15),transparent 16rem),var(--code-bg);color:var(--code-text);counter-reset:code-line;scrollbar-color:rgba(148,163,184,.5) transparent}pre code{display:block;min-width:max-content;color:inherit;font-size:13px;line-height:1.72;white-space:pre}pre::-webkit-scrollbar{width:10px;height:10px}pre::-webkit-scrollbar-thumb{border:3px solid var(--code-bg);border-radius:999px;background:#94a3b880}.editor-window{overflow:hidden;min-height:340px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:var(--code-bg);box-shadow:0 24px 70px #10131c38,inset 0 1px #ffffff14}.compact-editor{margin-top:24px;min-height:0}.editor-titlebar{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#7c5cff2e,#ff7ab61f,#33d6a614),#151927}.editor-titlebar span{width:11px;height:11px;border-radius:999px}.editor-titlebar span:nth-child(1){background:#ff5f57}.editor-titlebar span:nth-child(2){background:#ffbd2e}.editor-titlebar span:nth-child(3){background:#28c840}.editor-titlebar strong{margin-left:8px;color:#aeb8cc;font-size:12px;font-weight:700}.editor-window pre{min-height:294px;border-radius:0;box-shadow:none}.editor-window pre[class*=language-],.editor-window code[class*=language-]{text-shadow:none;background:transparent;color:var(--code-text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.72}.editor-window pre[class*=language-]{overflow:auto;padding:22px 22px 22px 66px;border-radius:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 0 48px,rgba(255,255,255,.075) 48px 49px,transparent 49px),radial-gradient(circle at 92% 12%,rgba(124,92,255,.15),transparent 16rem),var(--code-bg);white-space:normal}.editor-window code[class*=language-]{display:block;min-width:max-content;padding:0;border:0;white-space:pre}.code-frame{padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.code-frame .editor-window{padding:0}.code-line{position:relative;display:block;min-height:1.72em;counter-increment:code-line}.code-line:before{position:absolute;left:-48px;width:30px;color:var(--code-gutter);content:counter(code-line);font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none}.editor-window .token{background:transparent!important;box-shadow:none!important;text-shadow:none!important}.compact-editor pre,.compact-editor pre[class*=language-]{min-height:104px;padding-left:22px;background:radial-gradient(circle at 90% 8%,rgba(255,122,182,.13),transparent 14rem),var(--code-bg)}.compact-editor pre code{min-width:0}.compact-editor .code-line:before{display:none}pre .token.comment,pre .token.prolog,pre .token.doctype,pre .token.cdata{color:#8292a8}pre .token.punctuation{color:#bed6ff}pre .token.property,pre .token.tag,pre .token.boolean,pre .token.number,pre .token.constant,pre .token.symbol,pre .token.deleted{color:#7dd3fc}pre .token.selector,pre .token.attr-name,pre .token.string,pre .token.char,pre .token.builtin,pre .token.inserted{color:#86efac}pre .token.operator,pre .token.entity,pre .token.url,pre .token.variable{color:#fbbf24}pre .token.atrule,pre .token.attr-value,pre .token.function,pre .token.class-name{color:#c4b5fd}pre .token.keyword{color:#f0abfc}pre .token.regex,pre .token.important{color:#fb923c}.way-grid pre{margin-top:0}.way-grid pre code{white-space:pre-wrap;overflow-wrap:anywhere}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-list article{min-height:270px;padding:30px}.feature-icon{display:grid;width:48px;height:48px;margin-bottom:28px;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-2),var(--brand-4));color:#fff}.feature-icon svg{width:23px;height:23px;stroke-width:1.9}.split-heading{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,.75fr);gap:40px;align-items:end;margin-bottom:30px}.code-frame{padding:0}.framework-tabs{display:inline-flex;flex-wrap:wrap;gap:8px;margin:18px 18px 16px;padding:6px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft)}.framework-tabs button{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:750;white-space:nowrap}.framework-tabs button.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 8px 20px var(--brand-ring)}#frameworkCopy{min-height:3.4em;max-width:680px;margin:0 18px 16px;color:var(--muted);line-height:1.68}.playground-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px}.controls-card{display:flex;flex-direction:column;gap:16px;padding:18px}.file-drop{position:relative;display:grid;gap:10px;min-height:174px;align-content:center;padding:18px;border:1px dashed var(--border-strong);border-radius:18px;background:linear-gradient(135deg,#635bff17,#00c2ff0f),var(--surface-soft);cursor:pointer}.drop-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 12px 28px var(--brand-ring)}.drop-icon svg{width:21px;height:21px;color:#fff;fill:none;stroke:currentColor}.file-picker-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:44px;margin-top:2px;padding:5px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 86%,var(--brand-soft));box-shadow:inset 0 1px #ffffff80,0 10px 24px #291e0e0e}.file-picker-button{display:inline-flex;gap:7px;min-height:36px;align-items:center;justify-content:center;padding:0 14px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:13px;font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff47,0 10px 24px var(--brand-ring);white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.file-picker-button svg{width:15px;height:15px;color:#fff;fill:none;stroke:currentColor}.file-picker-name{min-width:0;padding:0 8px 0 2px;overflow:hidden;color:var(--muted);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.url-preview-control{display:grid;gap:8px}.url-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.url-preview-row input{min-width:0}.url-preview-row button{min-height:44px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand) 32%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--text);font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.url-preview-row button:hover{border-color:color-mix(in srgb,var(--brand) 54%,var(--border));background:color-mix(in srgb,var(--brand) 22%,var(--surface));transform:translateY(-1px)}.file-drop small,.url-preview-control small,.current-file span,.controls-card label>span:not(.file-picker-row){color:var(--muted)}.controls-card .file-drop input{position:absolute;right:14px;bottom:14px;width:1px;min-height:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none;white-space:nowrap}.file-drop:focus-within{border-color:color-mix(in srgb,var(--brand) 42%,var(--border-strong));box-shadow:0 0 0 4px var(--brand-ring)}.file-drop:hover .file-picker-button{transform:translateY(-1px)}.controls-card label{display:grid;gap:8px;font-size:13px;font-weight:760}.controls-card input,.controls-card select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,var(--brand-soft));color:var(--text);padding:0 12px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.primary-button.full{width:100%}.current-file{display:grid;gap:8px;padding:16px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,rgba(32,201,151,.1),transparent),var(--surface-soft)}.current-file strong{word-break:break-word}.viewer-card{min-width:0;padding:14px;background:radial-gradient(circle at 0 0,rgba(124,92,255,.11),transparent 16rem),var(--surface)}#viewer{width:100%;min-height:680px;overflow:hidden;border-radius:18px}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:580px}.format-grid article{padding:24px}.format-icon,.api-icon{display:grid;place-items:center;border:1px solid var(--border);background:linear-gradient(135deg,rgba(255,255,255,.42),transparent),color-mix(in srgb,var(--brand-soft) 64%,var(--surface));color:color-mix(in srgb,var(--brand) 76%,var(--text))}.format-icon{position:relative;width:46px;height:46px;margin-bottom:22px;overflow:hidden;border-color:color-mix(in srgb,var(--format-accent, var(--brand)) 34%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--format-accent, var(--brand)) 12%,var(--surface));color:color-mix(in srgb,var(--format-accent, var(--brand)) 86%,var(--text));box-shadow:none}.format-icon:before{position:absolute;inset:8px auto auto 8px;width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--format-accent-2, var(--brand-2)) 80%,var(--surface));content:"";pointer-events:none}.format-icon:after{position:absolute;right:8px;bottom:8px;width:7px;height:7px;border-radius:3px;background:color-mix(in srgb,var(--format-accent, var(--brand)) 72%,var(--surface));content:"";pointer-events:none}.format-icon svg{position:relative;z-index:1;width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;filter:none}.format-icon-fill{fill:color-mix(in srgb,var(--format-accent, var(--brand)) 18%,var(--surface));stroke:currentColor}.format-icon-cut{fill:color-mix(in srgb,var(--format-accent-2, var(--brand-2)) 24%,var(--surface));stroke:color-mix(in srgb,var(--format-accent-2, var(--brand-2)) 84%,var(--text))}.format-icon-mark{stroke:color-mix(in srgb,var(--format-accent, var(--brand)) 86%,var(--text))}.format-icon-accent{stroke:color-mix(in srgb,var(--format-accent-2, var(--brand-2)) 88%,var(--text))}.format-grid article:nth-child(1){--format-accent: #635bff;--format-accent-2: #ff7ab6}.format-grid article:nth-child(2){--format-accent: #0ea5e9;--format-accent-2: #33d6a6}.format-grid article:nth-child(3){--format-accent: #7c3aed;--format-accent-2: #22c55e}.format-grid article:nth-child(4){--format-accent: #f97316;--format-accent-2: #38bdf8}.format-grid article:nth-child(5){--format-accent: #2563eb;--format-accent-2: #f59e0b}.format-grid article:nth-child(6){--format-accent: #10b981;--format-accent-2: #8b5cf6}.format-grid article:nth-child(3n+1){background:linear-gradient(135deg,rgba(99,91,255,.08),transparent 48%),var(--surface)}.format-grid article:nth-child(3n+2){background:linear-gradient(135deg,rgba(0,194,255,.08),transparent 48%),var(--surface)}.format-grid article:nth-child(3n+3){background:linear-gradient(135deg,rgba(32,201,151,.09),transparent 48%),var(--surface)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span{padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 82%,var(--brand-soft));color:var(--muted);font-size:12px}.tag-list span:nth-child(4n+1){border-color:#635bff3d;color:color-mix(in srgb,var(--brand) 55%,var(--muted))}.tag-list span:nth-child(4n+2){border-color:#00c2ff3d;color:color-mix(in srgb,var(--brand-2) 55%,var(--muted))}.tag-list span:nth-child(4n+3){border-color:#20c9973d;color:color-mix(in srgb,var(--brand-3) 55%,var(--muted))}.tag-list span:nth-child(4n){border-color:#ff8a3d47;color:color-mix(in srgb,var(--brand-4) 58%,var(--muted))}.api-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.api-layout article{padding:28px}.api-table{display:grid;gap:12px;min-height:580px;margin-top:18px}.api-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:18px;background:radial-gradient(circle at 0 0,rgba(124,92,255,.11),transparent 8rem),linear-gradient(135deg,rgba(255,255,255,.38),transparent 42%),var(--surface-soft);box-shadow:0 12px 34px #291e0e0e;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.api-row:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--border));box-shadow:0 18px 46px #291e0e17;transform:translateY(-1px)}.api-main,.api-row-header,.api-row strong,.api-row code,.api-row span{min-width:0}.api-main{display:grid;gap:10px}.api-row-header{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.api-row strong{color:var(--text);font-size:15px;line-height:1.25}.api-icon{width:42px;height:42px;border-radius:15px;box-shadow:0 10px 26px #7c5cff1f}.api-icon svg{width:20px;height:20px}.api-row code{display:inline-flex;max-width:100%;align-items:center;padding:5px 9px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,var(--brand-soft));color:color-mix(in srgb,var(--brand) 50%,var(--text));font-size:12px;line-height:1.35;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.api-row span{color:var(--muted);font-size:14px;line-height:1.65;overflow-wrap:anywhere}.api-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.api-summary-card{display:grid;gap:14px;min-width:0;min-height:230px;padding:24px;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(124,92,255,.11),transparent 10rem),var(--surface);box-shadow:0 18px 54px #291e0e14;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.api-summary-card:hover{border-color:color-mix(in srgb,var(--brand) 34%,var(--border));box-shadow:0 22px 68px #291e0e1f;transform:translateY(-2px)}.api-summary-card>span{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--brand-soft) 72%,var(--surface));color:color-mix(in srgb,var(--brand) 70%,var(--text))}.api-summary-card svg{width:21px;height:21px}.api-summary-card strong{font-size:18px}.api-summary-card p{margin-bottom:0;color:var(--muted);line-height:1.68}.about-section{padding-top:78px}.about-panel{display:grid;grid-template-columns:minmax(360px,.56fr) minmax(0,1fr);gap:18px;align-items:start}.about-copy,.qr-card{min-width:0;border:1px solid var(--border);background:var(--surface);box-shadow:0 18px 54px #291e0e14}.about-copy{display:grid;align-content:start;gap:18px;padding:30px;border-radius:26px;background:radial-gradient(circle at 10% 0,rgba(124,92,255,.16),transparent 16rem),radial-gradient(circle at 88% 20%,rgba(255,122,182,.12),transparent 16rem),var(--surface)}.about-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 16px 36px var(--brand-ring)}.about-icon svg{width:24px;height:24px}.about-copy h3{margin-bottom:0}.about-copy p{margin:0;color:var(--muted);line-height:1.78}.about-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;padding:16px;border:1px solid var(--border);border-radius:26px;background:radial-gradient(circle at 16% 0,rgba(0,194,255,.09),transparent 18rem),radial-gradient(circle at 90% 20%,rgba(255,122,182,.1),transparent 18rem),color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:0 18px 54px #291e0e14}.qr-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:124px;padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.48),transparent 44%),color-mix(in srgb,var(--surface) 88%,var(--brand-soft));box-shadow:none}.qr-card:nth-child(2){background:linear-gradient(135deg,rgba(0,194,255,.1),transparent 44%),var(--surface)}.qr-card:nth-child(3){background:linear-gradient(135deg,rgba(32,201,151,.11),transparent 44%),var(--surface)}.qr-card:nth-child(4){background:linear-gradient(135deg,rgba(255,181,69,.13),transparent 44%),var(--surface)}.qr-card:nth-child(5){background:linear-gradient(135deg,rgba(255,122,182,.11),transparent 44%),var(--surface)}.qr-code{position:relative;display:grid;width:92px;height:92px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(90deg,var(--text) 7px,transparent 7px 13px,var(--text) 13px 20px,transparent 20px 26px) 8px 8px / 34px 34px,linear-gradient(var(--text) 7px,transparent 7px 13px,var(--text) 13px 20px,transparent 20px 26px) 8px 8px / 34px 34px,radial-gradient(circle at 22% 22%,var(--text) 0 7px,transparent 8px),radial-gradient(circle at 78% 22%,var(--text) 0 7px,transparent 8px),radial-gradient(circle at 22% 78%,var(--text) 0 7px,transparent 8px),var(--surface)}.qr-code:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border));border-radius:10px;content:""}.qr-code:after{position:absolute;inset:auto 12px 12px;height:28%;border-radius:10px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 88%,transparent));content:""}.qr-code span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:28px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--muted);font-size:12px;font-weight:850;letter-spacing:0}.qr-code-image{padding:6px;background:#fff}.qr-code-image:before,.qr-code-image:after{display:none}.qr-code-image img{display:block;width:100%;height:100%;border-radius:10px;object-fit:contain}.qr-card-copy{display:grid;gap:6px;min-width:0}.qr-card strong{align-self:end;font-size:15px}.qr-card p{align-self:start;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.api-doc-page .site-footer{margin-top:56px}.about-doc-page .doc-panel.about-section{padding:30px}.about-doc-page .about-panel{gap:20px}.api-doc-hero{display:grid;gap:22px;width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:92px 0 38px}.api-doc-hero>p,.doc-eyebrow{margin-bottom:0;color:color-mix(in srgb,var(--brand) 68%,var(--subtle));font-size:14px;font-weight:850;letter-spacing:0;text-transform:uppercase}.api-doc-hero h1{max-width:980px;margin-bottom:0;font-size:clamp(42px,5.4vw,76px);white-space:normal}.api-doc-hero>div{display:flex;flex-wrap:wrap;gap:12px}.api-doc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;width:min(1180px,calc(100vw - 40px));margin:0 auto;align-items:start}.api-sidebar{position:sticky;top:96px;display:grid;gap:4px;max-height:calc(100vh - 116px);overflow:auto;padding:16px;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:0 18px 54px #291e0e14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.api-sidebar strong{margin-bottom:8px;font-size:13px;color:var(--text)}.api-sidebar a{padding:9px 10px;border-radius:12px;color:var(--muted);font-size:13px;font-weight:720;transition:background .18s ease,color .18s ease}.api-sidebar a:hover{background:var(--brand-soft);color:var(--text)}.api-doc-content{display:grid;gap:22px;min-width:0}.doc-panel{min-width:0;padding:30px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 0 0,rgba(124,92,255,.09),transparent 16rem),color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 18px 54px #291e0e14;scroll-margin-top:110px}.doc-panel h2{max-width:860px;margin:10px 0 16px;font-size:clamp(28px,3.5vw,42px)}.doc-panel h3{margin-top:22px}.doc-panel p{max-width:880px;color:var(--muted);line-height:1.75}.doc-panel code:not([class*=language-]){padding:2px 6px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--brand-soft) 66%,var(--surface));color:color-mix(in srgb,var(--brand) 56%,var(--text));font-size:.92em}.doc-kpi-grid,.doc-card-grid{display:grid;gap:14px}.doc-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.doc-kpi-grid div,.doc-card-grid article,.doc-callout,.doc-faq details{min-width:0;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-soft) 74%,var(--surface))}.doc-kpi-grid div{display:grid;gap:8px;padding:20px}.doc-kpi-grid strong{color:color-mix(in srgb,var(--brand) 64%,var(--text));font-size:36px;line-height:1}.doc-kpi-grid span{color:var(--muted);line-height:1.5}.doc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.doc-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-card-grid article{padding:20px}.doc-card-grid strong{display:block;margin-bottom:8px;color:var(--text);font-size:16px}.doc-card-grid p{margin-bottom:0;font-size:14px}.doc-code-window{min-height:0;margin-top:18px}.doc-code-window pre,.doc-code-window pre[class*=language-]{max-height:560px;min-height:0}.doc-callout{margin-top:16px;padding:18px;border-color:color-mix(in srgb,var(--brand) 24%,var(--border));background:linear-gradient(135deg,rgba(124,92,255,.1),transparent 56%),var(--surface)}.doc-callout strong{display:block;margin-bottom:8px}.doc-callout p{margin-bottom:0}.doc-tabs{display:grid;gap:18px}.doc-tabs>article{min-width:0}.doc-tabs>article>h3{margin:22px 0 10px}.doc-table{display:grid;gap:10px;margin-top:20px}.doc-table div{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(180px,1fr) minmax(0,1.7fr);gap:14px;align-items:start;min-width:0;padding:16px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface))}.doc-table.compact div{grid-template-columns:minmax(150px,.8fr) minmax(140px,.8fr) minmax(0,1.5fr)}.doc-table strong,.doc-table code,.doc-table span{min-width:0}.doc-table strong{color:var(--text)}.doc-table span{color:var(--muted);line-height:1.65}.doc-faq{display:grid;gap:10px;margin-top:18px}.doc-faq details{padding:16px 18px}.doc-faq summary{color:var(--text);font-weight:800;cursor:pointer}.doc-faq p{margin:12px 0 0}.cta-band{display:grid;justify-items:center;margin-top:56px;margin-bottom:72px;padding:58px 24px;text-align:center;background:radial-gradient(circle at 18% 20%,rgba(124,92,255,.2),transparent 18rem),radial-gradient(circle at 82% 24%,rgba(255,122,182,.15),transparent 18rem),linear-gradient(135deg,rgba(51,214,166,.09),transparent),var(--surface)}.cta-band h2{margin-bottom:16px}.cta-band .primary-button{margin-top:18px}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:32px 0 46px;border-top:1px solid var(--border);color:var(--muted)}.site-footer span:first-child{color:var(--text);font-weight:850}@media(max-width:1040px){.site-header{grid-template-columns:1fr auto}.desktop-nav{order:3;grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.product-ui,.split-heading,.playground-shell,.api-layout,.api-doc-layout{grid-template-columns:1fr}.api-sidebar{position:static;grid-auto-flow:column;grid-auto-columns:max-content;max-height:none;overflow-x:auto;padding:10px;scrollbar-width:none}.api-sidebar::-webkit-scrollbar{display:none}.api-sidebar strong{display:none}.api-summary-grid,.doc-card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.about-panel{grid-template-columns:1fr}.qr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-card{grid-template-columns:1fr}.qr-code{width:min(100%,132px);height:auto;aspect-ratio:1}.meta-panel{display:none}.feature-list,.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-grid,.api-table{min-height:760px}}@media(max-width:720px){.site-header,.preview-showcase,.section,.cta-band,.site-footer,.api-doc-hero,.api-doc-layout{width:calc(100vw - 32px)}.site-header{grid-template-columns:minmax(0,1fr) auto;top:8px;gap:10px 12px;min-height:auto;max-width:calc(100vw - 32px);padding:10px 10px 8px;border-radius:18px}:root[data-nav-state=scrolled] .site-header{width:calc(100vw - 32px);border-radius:18px;transform:translateY(0)}.brand span:last-child,.github-button{display:none}.brand{gap:8px}.brand-mark{width:36px;min-width:36px;height:36px;border-radius:12px!important}.brand-mark svg{width:23px;height:23px}.nav-actions{gap:8px}.ghost-icon{width:36px;min-width:36px;height:36px}.desktop-nav{gap:4px;width:100%;min-width:0;max-width:100%;margin:0;padding:2px 0 0;overflow-x:auto;contain:paint;scrollbar-width:none}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav a{gap:5px;padding:7px 9px;font-size:12px}.desktop-nav svg{width:13px;height:13px}.hero{width:calc(100vw - 32px);padding:34px 0 24px}.api-doc-hero{padding:34px 0 20px}h1{margin-bottom:18px;font-size:clamp(34px,10vw,44px);line-height:1.08}:lang(zh-CN) h1{max-width:100%;font-size:clamp(32px,9vw,42px);white-space:normal}h2{font-size:clamp(28px,8vw,38px);line-height:1.12}h3{font-size:19px}.hero-badge{margin-bottom:16px;padding:8px 12px;font-size:12px}.hero p{margin-bottom:18px;font-size:15px;line-height:1.65}.hero-actions,.way-grid,.feature-list,.format-grid,.api-summary-grid,.about-panel,.doc-kpi-grid,.doc-card-grid,.doc-card-grid.three{grid-template-columns:1fr}.about-section{padding-top:48px}.about-copy{padding:20px;border-radius:20px}.about-actions{display:grid;grid-template-columns:1fr}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.qr-card{grid-template-columns:1fr;padding:12px;border-radius:18px}.qr-code{border-radius:14px}.format-grid{min-height:1120px}.api-table{min-height:760px}.api-summary-card{min-height:0;padding:20px;border-radius:20px}.hero-actions{gap:10px;margin-bottom:22px}.primary-button,.secondary-button{min-height:46px;padding:0 16px;font-size:14px}.works-with{gap:10px;width:100%}.works-with div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.works-with strong{min-width:0;justify-content:center;padding:9px 10px;border-radius:14px;font-size:12px}.preview-showcase{padding:6px 0 38px}.browser-shell:before{display:none}.browser-top{grid-template-columns:58px minmax(0,1fr);gap:10px;min-height:48px;padding:0 12px}.traffic{gap:5px}.traffic span{width:9px;height:9px}.address{padding:8px 10px;font-size:11px}.api-row{grid-template-columns:40px minmax(0,1fr);padding:14px}.doc-panel{padding:20px;border-radius:20px}.doc-table div,.doc-table.compact div{grid-template-columns:1fr;gap:8px}.doc-code-window pre,.doc-code-window pre[class*=language-]{max-height:460px}.api-icon{width:40px;height:40px}.api-row-header{align-items:flex-start;flex-direction:column}.product-ui{gap:10px;min-height:auto;padding:10px}.browser-shell{border-radius:20px}.file-rail{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto;contain:paint;gap:8px;padding:8px;border-radius:18px;scrollbar-width:none}.file-rail::-webkit-scrollbar{display:none}.file-rail button{min-width:0;height:40px;padding:0 6px;font-size:12px}.paper-preview{border-radius:18px}.paper-toolbar{gap:6px;padding:10px}.paper-toolbar span{padding:6px 9px;font-size:11px}.paper-toolbar span:nth-child(n+4){display:none}.paper{width:calc(100% - 20px);min-height:250px;margin:10px auto 14px;padding:18px;border-radius:18px}.drawing-panel{min-height:116px}.section{padding:48px 0}.section-heading{margin-bottom:24px}.section-heading p,.split-heading p:first-child{font-size:12px}.way-grid,.feature-list,.format-grid,.api-layout{gap:14px}.way-grid article,.feature-list article,.format-grid article,.api-layout article,.controls-card,.viewer-card,.cta-band{border-radius:20px}.way-grid article,.feature-list article,.format-grid article,.api-layout article{padding:20px}.way-grid article>span{margin-bottom:20px;font-size:12px}.file-picker-row{grid-template-columns:auto minmax(0,1fr);gap:8px}.file-picker-button{width:auto}.file-picker-name{padding:0 8px 0 2px;text-align:left}.playground-shell{gap:14px}.controls-card{gap:10px;padding:12px}.controls-card label{gap:6px}.controls-card input,.controls-card select{min-height:38px;border-radius:10px}.file-drop{min-height:118px;padding:12px}.file-drop small{font-size:12px;line-height:1.45}.drop-icon{width:34px;height:34px;border-radius:14px}.current-file{gap:6px;padding:12px}.viewer-card{padding:10px}#viewer{height:min(560px,62vh);min-height:420px;border-radius:14px}#viewer .ofv-root,#viewer .ofv-host{min-height:0}.editor-window{max-width:100%;border-radius:18px}pre{max-width:100%;padding:18px 16px 18px 52px;overflow-x:auto;contain:paint;-webkit-overflow-scrolling:touch}.editor-window pre[class*=language-]{padding:18px 16px 18px 52px;overflow-x:auto;contain:paint;-webkit-overflow-scrolling:touch}.editor-window code[class*=language-]{min-width:max-content;white-space:pre;word-break:normal;overflow-wrap:normal}.code-line:before{left:-38px;width:24px}.code-frame{padding:0}.format-icon,.api-icon{width:40px;height:40px;margin-bottom:16px}.top-actions{display:none}.site-footer{flex-direction:column}}@media(max-width:430px){.site-header,.preview-showcase,.section,.cta-band,.site-footer,.hero,.api-doc-hero,.api-doc-layout{width:calc(100vw - 24px)}.site-header{grid-template-columns:minmax(0,1fr) auto;max-width:calc(100vw - 24px)}:root[data-nav-state=scrolled] .site-header{width:calc(100vw - 24px)}.desktop-nav a{padding:7px 8px}.hero-actions{width:100%}.works-with div{grid-template-columns:repeat(2,minmax(0,1fr))}.works-with strong{padding-inline:8px}.paper-toolbar span{flex:1 1 calc(50% - 6px);justify-content:center}#viewer{height:min(520px,60vh);min-height:390px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.url-preview-row{grid-template-columns:1fr}.url-preview-row button{width:100%}.api-row{grid-template-columns:1fr}.api-sidebar{margin-inline:-2px;contain:paint}.api-doc-hero>div{display:grid;grid-template-columns:1fr}.api-icon{margin-bottom:0}.cta-band{padding:28px 18px}}@media(max-width:340px){.works-with div{grid-template-columns:1fr}#viewer{min-height:360px}.file-picker-row,.url-preview-row,.control-grid,.qr-grid{grid-template-columns:1fr}.file-picker-button{width:100%}.file-picker-name{text-align:center}}