@font-face{font-family:Roboto;src:url(/render-tag/assets/roboto-latin-wght-normal-ccAYIvAh.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/render-tag/assets/roboto-latin-wght-italic-BZYj8CJm.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Playfair Display;src:url(/render-tag/assets/playfair-display-latin-wght-normal-BOwq7MWX.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/render-tag/assets/playfair-display-latin-wght-italic-DmbndNpe.woff2)format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Merriweather;src:url(/render-tag/assets/merriweather-latin-wght-normal-BovdrKvB.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Merriweather;src:url(/render-tag/assets/merriweather-latin-wght-italic-BcExiaCi.woff2)format("woff2");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:Lobster;src:url(/render-tag/assets/lobster-latin-400-normal-VmWungf4.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#101113;--muted:#737987;--line:#dcdfe5;--blue:#0057ff;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-family:Roboto,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:16px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}::selection{background:#d9e6ff}h1,h2,h3,p,figure{margin:0}h1,h2{letter-spacing:-.055em;font-weight:800;line-height:1.04}h2{font-size:clamp(34px,4.3vw,54px)}code,pre{font-family:var(--mono)}pre{tab-size:2;margin:0;font-size:13px;line-height:1.8;overflow-x:auto}pre code{font-size:inherit}.shell{width:min(1200px,100% - 96px);margin-inline:auto}.eyebrow,.panel-label{font-family:var(--mono);letter-spacing:.085em;color:var(--muted);font-size:11px}.eyebrow{margin-bottom:20px}.button{white-space:nowrap;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:18px;padding:12px 22px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{color:#fff;background:#0049d9}.button-outline{color:#414957;background:#fff;border-color:#a8aeb9}.button-outline:hover{border-color:var(--blue)}.text-link{color:var(--blue);text-decoration:none}.text-link:hover{text-decoration:underline}.site-nav{align-items:center;gap:26px;min-height:88px;display:flex}.brand{letter-spacing:-.045em;white-space:nowrap;font-size:30px;font-weight:800;text-decoration:none}.brand-caption{font-family:var(--mono);letter-spacing:.05em;color:var(--muted);font-size:10px}.site-nav nav{align-items:center;gap:28px;margin-left:auto;font-size:14px;display:flex}.site-nav nav a:not(.button){text-decoration:none}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:42px;padding-block:46px 40px;display:grid}h1{font-size:clamp(44px,5.6vw,72px)}.hero-description{max-width:450px;color:var(--muted);margin-block:24px 28px;font-size:18px;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.install-command{color:#3c4351;font:14px var(--mono);background:#f3f4f6;border-radius:2px;align-items:center;gap:10px;margin-top:20px;padding:9px 12px;display:inline-flex}.install-command button{color:var(--muted);font:11px var(--mono);background:0 0;border:0;margin-left:12px;padding:3px}.hero-specimen{border:1px solid var(--line);min-width:0}.panel-label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:8px 14px;display:flex}.panel-label button{color:inherit;background:0 0;border:0;padding:0;font:12px Roboto,sans-serif}#specimen-stage{padding:16px 12px 20px}#specimen-stage canvas{display:block;width:100%!important;height:auto!important}.canvas-fallback{padding:12px;font:400 42px/1.2 Playfair Display,Georgia,serif}.benefits{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-block:26px;display:grid}.benefits div{border-right:1px solid var(--line);padding-inline:36px}.benefits div:first-child{padding-left:0}.benefits div:last-child{border:0;padding-right:0}.benefits h2{font:500 12px/1.5 var(--mono);letter-spacing:.1em;margin-bottom:5px}.benefits p{color:var(--muted);font-size:14px}.section{padding-block:58px;position:relative}.section:before,.layout-section:before{content:"";background:var(--line);width:100vw;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.section-head{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px;display:flex}.section-description{max-width:450px;color:var(--muted);line-height:1.5}.section-description .button{margin-top:18px}.code-to-canvas{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:28px;display:grid}.example-tabs{gap:4px;margin-bottom:16px;display:flex}.example-tabs button{color:var(--muted);background:0 0;border:0;padding:6px 12px;font-size:13px}.example-tabs button[aria-pressed=true]{color:var(--blue);background:#edf3ff}.code-panel{color:#f1f2f3;background:#22272b;border:1px solid #22272b;border-radius:2px;min-width:0}.code-panel .panel-label{color:#b9bdc4;border-color:#3b4045}.code-panel pre{padding:22px 24px}.t-kw{color:#7ec6ff}.t-str{color:#ffac75}.t-num{color:#becbfa}.t-cm{color:#929ba5}.example-output{border:1px solid var(--line);min-width:0}#showcase-render{justify-content:center;align-items:center;min-height:185px;padding:24px 14px;display:flex}#showcase-render canvas{max-width:100%;display:block;height:auto!important}.example-note{color:var(--muted);margin-top:12px;font-size:12px}.layout-section{grid-template-columns:1fr 1.05fr .75fr;align-items:center;gap:32px;padding-block:52px;display:grid;position:relative}.layout-copy p:not(.eyebrow){color:var(--muted);margin-block:22px 16px;font-size:15px}.layout-copy .text-link{font-size:14px}.layout-copy h2{font-size:clamp(32px,3.7vw,44px)}.layout-inspector{border:1px solid var(--line);min-width:0}.layout-inspector .panel-label{padding-inline:12px;font-size:9px}#layout-preview{justify-content:center;align-items:center;min-height:170px;padding:18px 10px 8px;display:flex}#layout-preview canvas{max-width:100%;display:block;height:auto!important}.geometry-controls{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:12px;font-size:10px;display:flex}.geometry-controls input{width:100%;min-width:40px;accent-color:var(--blue)}.geometry-controls span{white-space:nowrap}.geometry-controls output{font-family:var(--mono)}.geometry-note{color:var(--muted);padding:0 12px 12px;font-size:10px}.docs-links{border-left:1px solid var(--line);align-self:stretch;padding-left:30px}.docs-links .eyebrow{margin:0 0 16px}.docs-links a{color:var(--muted);justify-content:space-between;gap:10px;padding:9px 0;font-size:14px;text-decoration:none;display:flex}.docs-links a:first-of-type,.docs-links a:hover{color:var(--blue)}.playground-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:12px 22px;display:flex}.width-ctrl{color:#4c5360;align-items:center;gap:12px;font-size:13px;display:flex}.width-ctrl input{width:clamp(120px,20vw,260px);accent-color:var(--blue)}.width-ctrl output{width:28px;font-family:var(--mono)}.render-time{color:var(--muted);font:12px var(--mono)}.render-time strong{color:var(--ink);font-weight:400}.demo-stack{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.demo-panel{border:1px solid var(--line);min-width:0}.demo-bar{border-bottom:1px solid var(--line);background:#fafbfc;flex-wrap:wrap;align-items:center;gap:4px;min-height:46px;padding:7px 14px;display:flex}.demo-bar button{color:#454b57;background:0 0;border:0;border-radius:2px;min-width:27px;height:28px;font-size:13px}.demo-bar button:hover,.demo-bar button.active{color:var(--blue);background:#dfeaff}.demo-bar .sep{border-left:1px solid var(--line);height:20px;margin-inline:4px}.color-control{margin-left:6px;display:inline-flex}.color-control input{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0}.demo-body{min-height:340px;padding:24px;overflow:auto}#canvas-frame{padding-top:70px}#canvas-frame canvas{max-width:none;display:block}#editor{color:#101113;outline:0;max-width:none;min-height:260px;font:16px/1.6 Roboto,sans-serif}#editor:focus-visible{box-shadow:0 0 0 2px #d9e6ff}#editor p{margin:0 0 12px}#editor h2{letter-spacing:0;margin:0 0 14px;font:400 32px/1.2 Playfair Display,Georgia,serif}#editor h1{letter-spacing:0;margin:0 0 14px;font:700 40px/1.2 Playfair Display,Georgia,serif}#editor ul,#editor ol{margin:1em 0;padding-left:24px}.section-footnote{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;display:flex}.section-footnote a{color:var(--blue);text-decoration:none}.section-footnote a:hover{text-decoration:underline}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.feature-card{border:1px solid var(--line);min-width:0}.feature-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.feature-top h3{font-size:14px;font-weight:500}.feature-top span{color:#9298a3;font:10px var(--mono)}.feature-canvas{align-items:center;min-height:245px;padding:22px 18px;display:flex;overflow:hidden}.feature-canvas canvas{max-width:100%;display:block}.feature-toggle{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--muted);background:#fff;padding:10px 18px;font-size:12px;display:block}.feature-toggle:hover{color:var(--blue)}.feature-source{border-top:1px solid var(--line);background:#fafbfc;max-height:260px;padding:18px;font-size:11px}.benchmark-table-wrap{border-block:1px solid var(--line);overflow-x:auto}.benchmark-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.benchmark-table th{font-weight:500}.benchmark-table td,.benchmark-table th{border-bottom:1px solid var(--line);padding:16px 10px}.benchmark-table tr:last-child>*{border-bottom:0}.benchmark-table thead th{font:11px var(--mono);color:var(--muted)}.benchmark-table tbody th{width:220px}.benchmark-table small{color:var(--muted);font:10px var(--mono);margin-top:3px;display:block}.bench-bar-cell{width:42%}.bench-bar{background:#d1d5dc;width:0;height:8px;transition:width .3s}[data-bench=render-tag] .bench-bar{background:var(--blue)}[data-bench=render-tag] th,[data-bench=render-tag] .bench-time{color:var(--blue)}.bench-time,.bench-ratio{font:14px var(--mono);white-space:nowrap}.bench-ratio{color:var(--muted)}.bench-status{color:var(--muted);font-size:12px}.benchmark-cache-note{color:#4c5360;margin-bottom:20px;font-size:13px}.benchmark-note{color:var(--muted);margin-top:16px;font-size:13px}.benchmark-details{color:var(--muted);margin-top:20px;font-size:13px}.benchmark-details summary{cursor:pointer;color:var(--ink)}.benchmark-details>p{max-width:850px;margin-top:12px}.perf-outputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.perf-output{border:1px solid var(--line);background:#fff;min-width:0;padding:16px}.perf-output figcaption{color:var(--ink);margin-bottom:12px;font-size:12px}.perf-output canvas{width:100%;height:auto;display:block}.bench-fixture{color:#101113;background:#fff;width:400px;font:16px Roboto,sans-serif;position:fixed;top:0;left:-10000px}.api-tabs{background:#22272b;border:1px solid #3b4045;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 14px;display:flex}.api-tabs button{color:#b9bdc4;background:0 0;border:0;padding:8px 12px;font-size:13px}.api-tabs button[aria-selected=true]{color:#fff;background:#3b424a;border-radius:2px}.api-tabs .code-copy{margin-left:auto}.api-code-panels{color:#f1f2f3;background:#22272b;border-radius:0 0 2px 2px}.api-code-panels pre{padding:26px}.api-note{color:var(--muted);margin-top:16px;font-size:13px}.api-summary{color:var(--muted);justify-content:space-between;gap:24px;margin-top:26px;font-size:13px;display:flex}.api-summary code{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:28px;padding-block:24px;font-size:12px;display:flex}.site-footer .brand{color:var(--ink);font-size:23px}.site-footer nav{gap:24px;margin-left:auto;display:flex}.site-footer nav a{text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;border:1px solid var(--blue);background:#fff;padding:10px 18px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:12px}.demo-error{color:#b42318;font-size:13px}@media (width>=1350px){h1{font-size:76px}}@media (width<=1100px){.brand-caption{display:none}.hero{gap:28px}.hero-actions{gap:10px}.hero-actions .button{padding-inline:16px;font-size:14px}.layout-section{grid-template-columns:1fr 1fr}.docs-links{border:0;border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:center;column-gap:24px;padding:24px 0 0;display:flex}.docs-links .eyebrow{margin:0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-description{max-width:360px}}@media (width<=760px){.shell{width:calc(100% - 40px)}.site-nav{flex-wrap:wrap;gap:16px;min-height:76px;padding-block:16px}.site-nav .brand{font-size:26px}.site-nav nav{gap:16px;font-size:12px}.site-nav nav .button{display:none}.hero{grid-template-columns:1fr;gap:34px;padding-top:32px}h1{font-size:clamp(46px,8.5vw,66px)}.hero-description{font-size:17px}.hero-specimen{width:100%;max-width:540px}.benefits{grid-template-columns:1fr;gap:18px}.benefits div{border:0;padding:0}.section{padding-block:40px}.section-head{display:block}.section-description{max-width:none;margin-top:20px;font-size:15px}.code-to-canvas,.demo-stack{grid-template-columns:1fr}.layout-section{grid-template-columns:1fr;gap:28px;padding-block:40px}.layout-inspector{width:min(420px,100%)}.docs-links{border-top:1px solid var(--line);padding-top:24px;display:block}.docs-links .eyebrow{margin-bottom:8px}#canvas-frame{padding-top:24px}.demo-body{min-height:280px}.feature-grid{gap:16px}.feature-canvas{min-height:235px}.perf-outputs{grid-template-columns:repeat(2,minmax(0,1fr))}.bench-bar-cell{display:none}.benchmark-table tbody th{width:auto}.api-tabs{padding:6px}.api-tabs button{padding:8px;font-size:12px}.api-summary{flex-direction:column;gap:10px}.site-footer{flex-wrap:wrap;gap:14px}.site-footer nav{gap:20px;width:100%;margin-left:0}}@media (width<=480px){.feature-grid,.perf-outputs{grid-template-columns:1fr}.width-ctrl{gap:8px}.width-ctrl input{width:120px}.hero-actions .button{padding-inline:14px}.site-nav nav{gap:12px}.code-panel pre,.api-code-panels pre{padding:18px;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bench-bar{transition:none}}