:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:oklch(96.8% .009 85);--bg:var(--paper);--surface:oklch(99.5% .004 85);--surface-2:oklch(93.2% .012 85);--text:oklch(19.6% .014 70);--text-2:oklch(44.2% .013 70);--text-3:oklch(54.5% .012 70);--accent:oklch(57.7% .206 32);--accent-ink:oklch(51.5% .196 32);--marine:oklch(43.8% .187 266);--border:oklch(19.6% .014 70/.24);--rule:oklch(19.6% .014 70/.14);--on-field:oklch(98.5% .006 60);--field-document:var(--text);--field-canvas:var(--accent);--field-inline:var(--marine);--on-document:var(--on-field);--on-canvas:var(--on-field);--on-inline:var(--on-field);--tag-new:var(--marine);--tag-info:var(--text-2);--tag-alert:var(--accent-ink);--line-height-body:1.55}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:oklch(17.7% .011 70);--surface:oklch(22.2% .011 70);--surface-2:oklch(26.8% .012 70);--text:oklch(95.8% .006 85);--text-2:oklch(74.2% .01 80);--text-3:oklch(63.5% .01 80);--accent:oklch(66% .186 34);--accent-ink:oklch(72% .165 36);--marine:oklch(66% .157 263);--border:oklch(95.8% .006 85/.26);--rule:oklch(95.8% .006 85/.15);--on-field:oklch(16% .02 40);--field-document:var(--text);--on-document:var(--paper);--line-height-body:1.62}:root{--gutter:clamp(1rem, 4vw, 3.5rem);--measure:68ch;--t-display:clamp(3.75rem, 15vw, 11rem);--t-section:clamp(1.75rem, 4vw, 2.75rem);--t-lead:clamp(1.0625rem, 1.5vw, 1.375rem);--t-body:.9375rem;--t-small:.8125rem;--t-label:.6875rem;--sans:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--t-body);line-height:var(--line-height-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--on-field)}:where(a){color:var(--accent-ink);text-underline-offset:.2em;text-decoration-thickness:1px}:where(a):hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{left:var(--gutter);z-index:100;background:var(--text);color:var(--paper);font:600 var(--t-label) / 1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:.5rem .875rem;text-decoration:none;position:absolute;top:0;transform:translateY(-120%)}.skip-link:focus-visible{transform:translateY(0)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.label{font:600 var(--t-label) / 1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}code{color:var(--accent-ink);overflow-wrap:anywhere;font-size:.9em}.prose{max-width:var(--measure);color:var(--text-2)}.prose strong{color:var(--text);font-weight:600}button,select,input{font:inherit;color:inherit}.btn{border:1px solid var(--border);color:var(--text);font:600 var(--t-small) / 1.2 var(--sans);cursor:pointer;transition:background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease);background:0 0;border-radius:0;align-items:center;gap:.5rem;padding:.5rem .875rem;display:inline-flex}.btn:hover{border-color:var(--text);background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-field);font:700 var(--t-label) / 1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:.6875rem 1.125rem}.btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--on-field)}:root[data-theme=dark] .btn-primary:hover{color:var(--paper)}.btn-quiet{color:var(--text-2);padding:.4375rem .75rem;font-weight:500}.page{border-inline:1px solid var(--rule);max-width:1440px;margin-inline:auto}.inner{padding-inline:var(--gutter)}.masthead{border-bottom:1px solid var(--text)}.meta{border-bottom:1px solid var(--rule);font:600 var(--t-label) / 1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:0 1.25rem;padding-block:.75rem;display:flex}.meta-name{color:var(--text);letter-spacing:.04em;text-transform:none;font-weight:600}.meta-version{text-transform:none}.meta-push{margin-inline-start:auto}.theme-toggle{cursor:pointer;font:inherit;color:var(--text-2);transition:color .12s var(--ease);background:0 0;border:0;align-items:center;gap:.5rem;padding:.25rem 0;display:inline-flex}.theme-toggle:hover{color:var(--text)}.theme-swatch{background:linear-gradient(90deg, var(--text) 0 50%, var(--paper) 50% 100%);border:1px solid;width:.75rem;height:.75rem}.masthead-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(1.5rem,3vw,2.5rem) 0;display:grid}.contents{min-width:15rem;padding-top:.5rem}.contents-label{border-bottom:1px solid var(--text);font:600 var(--t-label) / 1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);padding-bottom:.5rem;display:block}.contents ol{margin:0;padding:0;list-style:none}.contents li{border-bottom:1px solid var(--rule)}.contents a{color:var(--text);font-size:var(--t-small);gap:.75rem;padding-block:.625rem;text-decoration:none;display:flex}.contents a:hover{color:var(--accent-ink)}.contents-no{font:600 var(--t-label) / 1.5 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--text-3)}.contents a:hover .contents-no{color:var(--accent-ink)}.wordmark{font-size:var(--t-display);letter-spacing:-.05em;text-transform:uppercase;word-break:keep-all;font-weight:800;line-height:.82}.wordmark span{display:block}.wordmark .is-accent{color:var(--accent)}.masthead-foot{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(1.75rem,4vw,3rem);display:grid}.lead{max-width:46ch;font-size:var(--t-lead);letter-spacing:-.015em;text-wrap:balance;line-height:1.35}.install{flex-direction:column;align-items:start;gap:.625rem;display:flex}.install-row{border:1px solid var(--text);background:var(--surface);width:100%;display:flex}.install-cmd{min-width:0;font:500 var(--t-small) / 1.2 var(--mono);color:var(--text);white-space:nowrap;flex:1;padding:.6875rem .875rem;overflow-x:auto}.install-cmd::-webkit-scrollbar{height:0}.install-copy{border:0;border-inline-start:1px solid var(--text);background:var(--text);color:var(--paper);font:600 var(--t-label) / 1 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;flex-shrink:0;padding-inline:.875rem}.install-copy:hover{background:var(--accent);border-color:var(--accent);color:var(--on-field)}.install-note{font:600 var(--t-label) / 1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.band+.band{border-top:1px solid var(--text)}.band-head{grid-template-columns:4.5rem minmax(0,1fr);align-items:baseline;gap:0 clamp(1rem,2.5vw,2rem);padding-block:clamp(1.75rem,3.5vw,2.75rem) clamp(1.25rem,2.5vw,1.75rem);display:grid}.band-no{font:600 var(--t-label) / 1.2 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.12em;color:var(--accent-ink)}.band-title{font-size:var(--t-section);letter-spacing:-.035em;text-transform:uppercase;font-weight:700;line-height:1}.band-note{max-width:var(--measure);color:var(--text-2);grid-column:2;margin-top:.75rem}.band-note strong{color:var(--text);font-weight:600}.switch{border:1px solid var(--text);border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.switch-item{text-align:left;border:0;border-inline-start:1px solid var(--rule);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease);flex-direction:column;align-items:start;gap:.25rem;padding:.875rem 1rem;display:flex}.switch-item:first-child{border-inline-start:0}.switch-item:hover{background:var(--surface-2);color:var(--text)}.switch-item[aria-selected=true]{background:var(--text);color:var(--paper)}.switch-no{font:600 var(--t-label) / 1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.12em;opacity:.65}.switch-name{font-size:var(--t-body);letter-spacing:-.015em;font-weight:600;line-height:1.2}.switch-blurb{font-size:var(--t-small);opacity:.8;line-height:1.35}.stage{border:1px solid var(--text);background:var(--surface)}.stage:focus-visible{outline-offset:-2px}.example{grid-template-columns:minmax(0,1fr) minmax(0,27rem);display:grid}.example-main{min-width:0;padding:clamp(1.25rem,3vw,2rem)}.example-heading{flex-wrap:wrap;align-items:baseline;gap:.625rem .875rem;display:flex}.example-title{letter-spacing:-.03em;font-size:clamp(1.25rem,2.2vw,1.625rem);font-weight:700;line-height:1.1}.badges{flex-wrap:wrap;gap:.375rem;display:flex}.badge{border:1px solid var(--border);font:600 var(--t-label) / 1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);padding:.1875rem .4375rem}.example-tagline{max-width:var(--measure);color:var(--text-2);margin-top:.625rem}.controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.renderer{font:600 var(--t-label) / 1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:.5rem;display:flex}.renderer select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:500 var(--t-small) / 1.2 var(--mono);text-transform:none;letter-spacing:0;cursor:pointer;border-radius:0;padding:.375rem .5rem}.mode-readout{border-top:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.375rem .75rem;margin-top:1.5rem;padding-top:1rem;display:grid}.mode-key{font:600 var(--t-label) / 1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.mode-value{font:600 var(--t-label) / 1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text);align-items:center;gap:.4375rem;display:inline-flex}.mode-mark{background:var(--text-3);width:.5rem;height:.5rem}.mode-value[data-mode=document] .mode-mark{background:var(--text)}.mode-value[data-mode=canvas] .mode-mark{background:var(--accent)}.mode-value[data-mode=inline] .mode-mark{background:var(--marine)}.mode-note{max-width:var(--measure);font-size:var(--t-small);color:var(--text-2);grid-column:2}.example-code{border-top:1px solid var(--rule);flex-direction:column;gap:.625rem;margin-top:1.75rem;padding-top:1.25rem;display:flex}.example-code pre{border:1px solid var(--border);background:var(--surface-2);tab-size:2;margin:0;padding:.875rem 1rem;overflow-x:auto}.example-code code{color:var(--text);white-space:pre;font-size:.75rem;line-height:1.65;display:block}.example-aside{border-inline-start:1px solid var(--rule);background:var(--surface-2);flex-direction:column;gap:.75rem;min-width:0;padding:clamp(1.25rem,3vw,2rem);display:flex}.aside-label{font:600 var(--t-label) / 1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.aside-hint{font-size:var(--t-small);color:var(--text-2)}.example-aside canvas{border:1px solid var(--border);background:var(--surface);max-width:100%;height:auto;display:block}.panel{background:var(--surface);height:100%;min-height:0;color:var(--text);border:1px solid var(--text);flex-direction:column;display:flex;overflow:hidden}.panel-shell{width:340px;height:460px;box-shadow:0 1.25rem 2.5rem oklch(19.6% .014 70/.28)}:root[data-theme=dark] .panel-shell{box-shadow:0 1.25rem 2.5rem oklch(0% 0 0/.6)}.panel-header{background:var(--text);color:var(--paper);font:600 var(--t-label) / 1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex}.panel-header:active{cursor:grabbing}.dot{background:var(--accent);flex-shrink:0;width:.5rem;height:.5rem}.count{font-variant-numeric:tabular-nums;color:var(--accent);margin-inline-start:auto}.panel-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.panel-list li{border-bottom:1px solid var(--rule);flex-direction:column;gap:.3125rem;padding:.625rem .75rem;display:flex}.panel-list li.fresh{background:color-mix(in oklab, var(--accent) 11%, transparent)}.panel-list li.fresh .row-title{font-weight:600}.row-title{font-size:var(--t-small);overflow-wrap:anywhere;line-height:1.3}.row-meta{font:500 var(--t-label) / 1.2 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.02em;align-items:center;gap:.5rem;display:flex}.fresh-mark{background:var(--accent);flex-shrink:0;width:.375rem;height:.375rem}.tag{letter-spacing:.1em;border:1px solid;padding:.125rem .3125rem;font-weight:600}.tag-new{color:var(--tag-new)}.tag-info{color:var(--tag-info)}.tag-alert{color:var(--tag-alert)}.price{color:var(--text-2)}.ago{color:var(--text-3);margin-inline-start:auto}.pip-controls{left:var(--gutter);right:var(--gutter);bottom:var(--gutter);z-index:2147483000;border:1px solid var(--text);background:var(--surface);align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex;position:fixed;box-shadow:0 1.25rem 2.5rem oklch(19.6% .014 70/.3)}:root[data-theme=dark] .pip-controls{box-shadow:0 1.25rem 2.5rem oklch(0% 0 0/.65)}.pip-controls-label{font:600 var(--t-label) / 1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.pip-controls button{border:1px solid var(--text);background:var(--text);color:var(--paper);font:600 var(--t-label) / 1 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;margin-inline-start:auto;padding:.5rem .75rem}.checklist-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.checklist-list li{border-bottom:1px solid var(--rule)}.checklist-list label{font-size:var(--t-small);cursor:pointer;align-items:center;gap:.625rem;padding:.5625rem .75rem;display:flex}.checklist-list input[type=checkbox]{width:.9375rem;height:.9375rem;accent-color:var(--accent);flex-shrink:0}.checklist-list .done{color:var(--text-3);text-decoration:line-through}.checklist-list-inline{border:1px solid var(--border);background:var(--surface);max-height:15rem}.checklist-add{border-top:1px solid var(--border);flex-shrink:0;display:flex}.checklist-add input{background:var(--surface);min-width:0;font-size:var(--t-small);border:0;flex:1;padding:.5625rem .75rem}.checklist-add input::placeholder{color:var(--text-3)}.checklist-add button{border:0;border-inline-start:1px solid var(--border);background:var(--surface-2);font:600 var(--t-label) / 1 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;flex-shrink:0;padding-inline:.875rem}.checklist-add button:hover{background:var(--accent);color:var(--on-field)}.dashboard-shell{width:360px;height:358px}.checklist-shell{width:320px;height:420px}.fields{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field{flex-direction:column;gap:.75rem;min-height:clamp(18rem,26vw,24rem);padding:clamp(1.25rem,2.5vw,2rem);display:flex}.field-document{background:var(--field-document);color:var(--on-document)}.field-canvas{background:var(--field-canvas);color:var(--on-canvas)}.field-inline{background:var(--field-inline);color:var(--on-inline)}.field-no{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:.8}.field-name{font:600 var(--t-label) / 1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}.field-where{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.125rem,1.8vw,1.375rem);font-weight:600;line-height:1.2}.field-body{font-size:var(--t-small);opacity:.86;line-height:1.5}.field-limit{font-size:var(--t-small);border-top:1px solid;margin-top:auto;padding-top:.875rem;line-height:1.45}.field-limit b{font:600 var(--t-label) / 1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;opacity:.75;display:block}.matrix-scroll{overflow-x:auto}.matrix{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:34rem}.matrix caption{text-align:left;font-size:var(--t-small);color:var(--text-2);padding-bottom:.875rem}.matrix th,.matrix td{border-bottom:1px solid var(--rule);text-align:left;padding:.75rem .875rem}.matrix thead th{border-bottom:1px solid var(--text);font:600 var(--t-label) / 1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);vertical-align:bottom}.matrix tbody th{font-weight:500;font-size:var(--t-small);color:var(--text);white-space:nowrap}.matrix td{text-align:center;width:7.5rem}.matrix tbody tr:hover{background:var(--surface-2)}.mark{width:.75rem;height:.75rem;display:inline-block}.mark-document{background:var(--text)}.mark-canvas{background:var(--accent)}.mark-inline{background:var(--marine)}.mark-none{background:var(--text-3);vertical-align:middle;width:.75rem;height:1px}.matrix-foot{max-width:var(--measure);font-size:var(--t-small);color:var(--text-2);margin-top:1.25rem}.colophon{border-top:1px solid var(--text);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:clamp(1.5rem,3vw,2.5rem);padding-block:clamp(2rem,4vw,3.5rem);display:grid}.colophon h2{font:600 var(--t-label) / 1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:.75rem}.colophon ul{font-size:var(--t-small);flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.colophon a{color:var(--text);-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}.colophon a:hover{color:var(--accent-ink);text-decoration-color:currentColor}.colophon p{font-size:var(--t-small);color:var(--text-2);max-width:34ch}@media (width<=68rem){.masthead-top{grid-template-columns:minmax(0,1fr)}.contents{min-width:0;max-width:28rem}}@media (width<=62rem){.masthead-foot{grid-template-columns:minmax(0,1fr);align-items:start}.example{grid-template-columns:minmax(0,1fr)}.example-aside{border-inline-start:0;border-top:1px solid var(--rule)}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field:last-child{grid-column:1/-1;min-height:0}}@media (width<=44rem){.contents{display:none}.matrix{min-width:0}.matrix th,.matrix td{padding:.625rem .375rem}.matrix thead th{-webkit-hyphens:auto;hyphens:auto}.matrix tbody th{white-space:normal}.matrix td{width:4rem}.band-head{grid-template-columns:minmax(0,1fr);gap:.5rem}.band-no,.band-note{grid-column:1}.switch{grid-template-columns:minmax(0,1fr)}.switch-item{border-inline-start:0;border-top:1px solid var(--rule);flex-direction:row;align-items:baseline;gap:.625rem}.switch-item:first-child{border-top:0}.switch-blurb{display:none}.fields{grid-template-columns:minmax(0,1fr)}.field{min-height:0}.field:last-child{grid-column:auto}.mode-readout{grid-template-columns:minmax(0,1fr)}.mode-note{grid-column:1}.pip-controls{flex-wrap:wrap}}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}.stagger>*{animation:rise .42s var(--ease) backwards}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}