:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f6f1;color:#181b22;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page-max: 1180px;--border: #d9ddd2;--muted: #626b78;--surface: #ffffff;--ink: #181b22;--soft: #eaede6;--shadow: 0 24px 70px rgba(24, 27, 34, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header,.site-footer,main{width:min(var(--page-max),calc(100% - 40px));margin:0 auto}.site-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;padding:22px 0}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;font-size:15px;font-weight:760}.brand-mark{width:34px;height:34px;display:block;border:1px solid #101318;border-radius:50%;background:#fffaf1;object-fit:cover}.demo-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;padding:3px 0}.demo-nav-group{position:relative;flex:0 0 auto}.demo-nav-group summary{list-style:none;min-height:36px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--border);background:#ffffffbd;padding:8px 11px;font-size:13px;font-weight:780;color:#1f242c}.demo-nav-group summary::-webkit-details-marker{display:none}.demo-nav-group summary:after{content:"";width:7px;height:7px;border-right:2px solid #6d7581;border-bottom:2px solid #6d7581;transform:translateY(-2px) rotate(45deg);transition:transform .14s ease}.demo-nav-group[open] summary:after{transform:translateY(2px) rotate(225deg)}.demo-nav-group summary:hover,.demo-nav-group[open] summary,.demo-nav-group.is-active summary{border-color:#aeb5a8;background:#fff}.demo-nav-group.is-active summary{color:#11151b}.demo-nav-group small{max-width:118px;color:var(--muted);font-size:12px;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-nav-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:min(300px,calc(100vw - 40px));display:grid;grid-template-columns:1fr;gap:2px;border:1px solid var(--border);background:#fff;box-shadow:0 18px 48px #181b2224;padding:8px}.demo-nav-link{min-height:34px;display:flex;align-items:center;color:var(--muted);font-size:13px;font-weight:720;padding:8px 9px;border:1px solid transparent}.demo-nav-link:hover,.demo-nav-link.is-active{color:#11151b;border-color:var(--border);background:#f5f6f1}.secondary-action,.primary-action,.card-actions a,.install-box a,.next-section a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#ffffffb8;padding:8px 12px;font-size:13px;font-weight:700}.secondary-action:hover,.card-actions a:hover,.install-box a:hover,.next-section a:hover{border-color:#aeb5a8;background:#fff}.hero-section{min-height:min(760px,calc(100vh - 86px));display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:44px;padding:24px 0 56px}.hero-copy h1,.library-heading h1{max-width:860px;margin:0;color:var(--ink);font-size:clamp(44px,6vw,86px);line-height:.92;letter-spacing:0}.hero-copy p,.library-heading p,.principles-section p,.library-card p{color:var(--muted);font-size:18px;line-height:1.55}.hero-copy p{max-width:680px;margin:24px 0 0}.hero-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-status-strip span{min-height:30px;display:inline-flex;align-items:center;border:1px solid #dfe3da;background:#ffffffb8;color:#303640;padding:5px 9px;font-size:12px;font-weight:820}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-action{border-color:#11151b;background:#11151b;color:#fff;padding-inline:18px}.primary-action:hover{background:#2a2f38}.hero-demo{border:1px solid #cfd5ca;background:linear-gradient(rgba(24,27,34,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(24,27,34,.04) 1px,transparent 1px),#fff;background-size:28px 28px;box-shadow:var(--shadow);padding:20px}.flow-node{width:92px;height:92px;display:flex;align-items:center;justify-content:center;background:#11151b;color:#fff;font-size:22px;font-weight:840}.flow-heading{display:grid;gap:4px;margin-top:18px}.flow-heading h2{margin:0;color:#181b22;font-size:20px;line-height:1.15}.flow-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.flow-grid a{min-height:52px;display:grid;align-content:center;gap:4px;border:1px solid #dfe3da;background:#ffffffe6;padding:11px 12px;color:#303640;font-size:14px;font-weight:740}.flow-grid small{color:#6b7280;font-size:11px;font-weight:720}.flow-grid a:hover,.flow-grid a:focus-visible{border-color:#11151b;background:#11151b;color:#fff;outline:none}.flow-grid a:hover small,.flow-grid a:focus-visible small{color:#ffffffb8}.hero-demo pre,.code-output{overflow:auto;margin:0;border:1px solid #dfe3da;background:#f9faf7;color:#1f4e45;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;white-space:pre}.principles-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:40px;align-items:end;border-top:1px solid var(--border);padding:72px 0 34px}.principles-section h2{max-width:760px;margin:0;font-size:clamp(34px,5vw,72px);line-height:.96;letter-spacing:0}.principle-list{display:grid;gap:10px}.principle-list span{border-top:1px solid var(--border);padding:14px 0;color:#2f3640;font-weight:760}.signals-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1fr);gap:40px;align-items:start;border-top:1px solid var(--border);padding:44px 0 28px}.signals-section h2{margin:0;font-size:clamp(30px,4vw,58px);line-height:.98;letter-spacing:0}.signals-section p{color:var(--muted);font-size:17px;line-height:1.55}.signals-panel{border:1px solid var(--border);border-top:5px solid #11151b;background:#fff;padding:20px}.signal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.signal-metrics div{border:1px solid #dfe3da;background:#f9faf7;padding:14px}.signal-metrics strong{display:block;color:#11151b;font-size:26px;line-height:1}.signal-metrics span,.signal-list span,.signal-updated{color:var(--muted);font-size:12px!important;line-height:1.35!important;font-weight:720}.signal-list{list-style:none;display:grid;gap:0;margin:18px 0 0;padding:0}.signal-list li{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e4e7df;padding:12px 0}.signal-list a{color:#11151b;font-weight:780}.signal-list a:hover{text-decoration:underline;text-underline-offset:4px}.signal-updated{margin:8px 0 0!important}.library-section{padding:24px 0 28px}.library-section+.library-section{border-top:1px solid var(--border)}.section-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(280px,.55fr);gap:28px;align-items:end;margin-bottom:18px}.section-heading h2{margin:0;font-size:clamp(30px,4vw,58px);line-height:.98;letter-spacing:0}.section-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 0 36px}.library-card{min-height:300px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-top:5px solid var(--accent);background:var(--surface);padding:24px}.library-card.is-preview{background:linear-gradient(180deg,#fff,#fbfcf8)}.card-label{margin:0 0 54px;color:var(--accent)!important;font-size:13px!important;line-height:1!important;font-weight:840}.library-card h3{margin:0 0 10px;font-size:28px;letter-spacing:0}.library-card p{margin:0;font-size:15px}.package-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.package-badges span{min-height:28px;display:inline-flex;align-items:center;border:1px solid #dfe3da;background:#f9faf7;color:#303640;padding:4px 8px;font-size:12px;font-weight:820}.install-badges{margin-top:12px}.card-highlight{margin-top:12px!important;color:#303640!important;font-weight:720}.card-actions{display:flex;gap:8px;margin-top:24px}.site-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding:26px 0 34px;color:var(--muted);font-size:14px}.site-footer a{color:#11151b;font-weight:760}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.library-hero{padding:28px 0 34px}.library-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:28px;color:var(--muted);font-size:13px;font-weight:720}.library-breadcrumb a{color:#11151b}.library-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.library-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.38fr);gap:32px;align-items:end}.library-heading h1{font-size:clamp(52px,8vw,106px)}.library-heading p{max-width:760px;margin:22px 0 0}.install-box{border:1px solid var(--border);border-top:5px solid var(--accent);background:#fff;padding:18px}.install-box code{display:block;overflow:auto;padding:14px;background:#11151b;color:#fff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;white-space:nowrap}.preview-status-box{display:grid!important;gap:6px!important;margin:0!important;padding:14px;background:#11151b;color:#fff}.preview-status-box strong{font-size:14px}.preview-status-box span{color:#d8dce5;font-size:13px;line-height:1.45}.install-box div{display:flex;gap:8px;margin-top:12px}.demo-shell{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1fr);gap:18px;padding:28px 0 54px}.json-html-demo{grid-column:1 / -1;min-width:0}.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.demo-tab{min-height:40px;border:1px solid var(--border);background:#ffffffc2;color:#303640;padding:8px 14px;font-weight:760;cursor:pointer}.demo-tab:hover,.demo-tab:focus-visible{border-color:#aeb5a8;background:#fff;outline:none}.demo-tab.is-active{border-color:#11151b;background:#11151b;color:#fff}.tab-demo-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1fr);gap:18px}.tab-demo-grid[hidden]{display:none}.panel{border:1px solid var(--border);background:#fff;min-width:0}.input-panel{padding:18px}.preview-note{margin:0 0 14px;border:1px solid #dfe3da;background:#f9faf7;color:#303640;padding:10px 12px;font-size:12px;line-height:1.35;font-weight:820}.output-panel{display:flex;flex-direction:column;min-height:560px;overflow:hidden}.panel label,.panel-title{display:block;margin:0 0 8px;color:#303640;font-size:13px;font-weight:820}.panel-title{border-bottom:1px solid var(--border);padding:18px}.demo-meta{border-bottom:1px solid var(--border);color:var(--muted);padding:10px 18px;font-size:13px;font-weight:760}textarea,input,select{width:100%;border:1px solid #cfd5ca;background:#fbfcf8;color:#171b22;outline:none}textarea{min-height:390px;resize:vertical;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}input,select{height:42px;padding:0 12px;font-size:14px}textarea:focus,input:focus,select:focus{border-color:#11151b;box-shadow:0 0 0 3px #11151b14}.control-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;align-items:end;margin-top:14px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.range-control{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;align-items:center}.range-control input{padding:0}.range-control output{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd5ca;background:#fbfcf8;color:#171b22;font-weight:760}.check-control{min-height:42px;display:flex!important;align-items:center;gap:10px;margin-top:14px!important;color:#303640;cursor:pointer}.check-control input{width:20px;height:20px;flex:0 0 auto;padding:0}.check-control span{font-size:14px;font-weight:760}.compact-title{border-bottom:0;padding:0}.compact-code{max-height:300px}.rendered-json,.table-output,.code-output,.frontmatter-output{flex:1;overflow:auto}.small-code{flex:0 0 auto;max-height:260px}.rendered-json{padding:24px}.frontmatter-output{display:grid;gap:16px;padding:18px}.hex-grid-demo-panel{min-height:640px}.hex-grid-board{flex:1;min-height:420px;display:grid;place-items:center;overflow:auto;padding:22px;background:linear-gradient(rgba(24,27,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,27,34,.035) 1px,transparent 1px),#fbfcf8;background-size:24px 24px}.hex-grid-board svg{max-width:min(100%,760px);max-height:520px}.hex-grid-board .hex-grid__cell{cursor:pointer;transition:filter .12s ease,stroke-width .12s ease}.hex-grid-board .hex-grid__cell:hover{filter:brightness(.96);stroke-width:2.2}.hex-grid-stats{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);padding:12px 18px}.hex-grid-stats span{min-height:30px;display:inline-flex;align-items:center;border:1px solid #dfe3da;background:#f9faf7;color:#303640;padding:5px 9px;font-size:12px;font-weight:820}.color-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}.color-match-card{display:grid;grid-template-columns:34px 42px minmax(0,1fr);gap:8px 10px;align-items:center;border:1px solid #dfe3da;background:#f9faf7;padding:12px}.color-match-rank{color:var(--muted);font-size:12px;font-weight:820}.color-swatch{width:42px;height:42px;border:1px solid rgba(17,21,27,.24)}.color-match-card strong,.color-match-card code,.color-match-card span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-match-card strong{color:#171b22;font-size:14px}.color-match-card code{grid-column:2 / 3;color:#25554d;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.color-match-card span:last-child{grid-column:3 / 4;color:var(--muted);font-size:12px;font-weight:760}.large-log-input{min-height:320px}.large-log-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.large-log-actions button,.large-log-search-results button{min-height:40px;border:1px solid var(--border);background:#fff;color:#171b22;font:inherit;font-weight:820;cursor:pointer}.large-log-actions button:hover,.large-log-actions button:focus-visible,.large-log-search-results button:hover,.large-log-search-results button:focus-visible{border-color:#11151b;outline:none}.large-log-panel{min-height:650px}.large-log-scroll{position:relative;flex:1;min-height:420px;overflow:auto;background:#11151b;color:#d9f99d;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.4}.large-log-spacer{position:relative;min-width:max-content}.large-log-rows{position:absolute;inset:0 0 auto}.large-log-row{display:grid;grid-template-columns:74px minmax(760px,1fr);align-items:center;border-bottom:1px solid rgba(255,255,255,.045)}.large-log-row code{overflow:hidden;white-space:pre;color:inherit}.large-log-line-number{padding:0 12px;color:#94a3b8;text-align:right;-webkit-user-select:none;user-select:none}.llv-fg-red{color:#fca5a5}.llv-fg-yellow{color:#fde68a}.llv-fg-green{color:#86efac}.llv-fg-blue{color:#93c5fd}.llv-bold{font-weight:800}.llv-underline{text-decoration:underline}.llv-match{background:#facc15;color:#11151b}.large-log-search-results{border-top:1px solid var(--border);padding:14px 18px 18px}.large-log-result-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:10px}.large-log-result-meta strong{color:#171b22;font-size:14px}.large-log-result-meta span{color:var(--muted);font-size:12px;font-weight:760}.large-log-search-results ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.large-log-search-results li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center}.large-log-search-results code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#25554d;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.frontmatter-output section{min-width:0}.frontmatter-output h2{margin:0 0 8px;color:#303640;font-size:13px;font-weight:820}.frontmatter-output table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.frontmatter-output th,.frontmatter-output td{border:1px solid #dfe3da;padding:9px 10px;text-align:left;vertical-align:top}.frontmatter-output th{background:#f3f5ef;color:#626b78;font-size:11px;text-transform:uppercase}.empty-state{margin:0;border:1px solid #dfe3da;background:#f9faf7;color:var(--muted);padding:12px;font-size:14px;font-weight:700}.table-output{padding:18px}.compact-table-output{flex:0 0 auto;border-bottom:1px solid var(--border);padding:14px 18px}.table-output table,.array-table-kit-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.table-output th,.table-output td,.array-table-kit-table th,.array-table-kit-table td{border:1px solid #dfe3da;padding:10px 12px;text-align:left}.table-output th,.array-table-kit-table th{background:#f3f5ef;color:#626b78;font-size:12px;text-transform:uppercase}.error-box{border:1px solid #efb4a2;background:#fff1ec;color:#9a3412;padding:14px;font-size:14px;line-height:1.45}.next-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--border);padding:34px 0 78px}.next-section a{min-height:86px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;background:#fff;font-size:17px}.next-section span{color:var(--muted);font-size:13px}@media(max-width:980px){.hero-section,.principles-section,.signals-section,.section-heading,.library-heading,.demo-shell,.tab-demo-grid{grid-template-columns:1fr}.hero-section{min-height:auto}.library-grid,.next-section{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.site-header,.site-footer,main{width:min(var(--page-max),calc(100% - 28px))}.site-header,.site-footer{display:flex;flex-direction:column;align-items:flex-start}.demo-nav{width:100%;justify-content:flex-start}.demo-nav-group,.demo-nav-group summary{width:100%}.demo-nav-group summary{justify-content:space-between}.demo-nav-group small{max-width:none;margin-left:auto}.demo-nav-menu{position:static;width:100%;margin-top:6px;box-shadow:none}.hero-copy h1,.library-heading h1{font-size:clamp(38px,12vw,56px);line-height:.94}.hero-copy p,.library-heading p,.principles-section p,.signals-section p{font-size:16px}.signal-metrics{grid-template-columns:1fr}.signal-list li{flex-direction:column;gap:5px}.library-grid,.next-section,.flow-grid,.control-row,.control-grid,.color-match-grid{grid-template-columns:1fr}.output-panel{min-height:420px}textarea{min-height:300px}}