:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17130f;background:#faf7f0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{min-height:2.35rem;border:1px solid #d4c5b3;border-radius:8px;background:#fffdf8;color:#17130f;cursor:pointer;font:inherit;padding:.55rem .8rem}button:hover,select:hover{background:#f2eadf}.site-header{border-bottom:1px solid #e3d8c9;background:#faf7f0e0;box-shadow:0 1px #17130f08;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}nav{display:flex;gap:1rem;width:min(1120px,100%);margin:0 auto;padding:.9rem 1rem;font-size:.93rem}nav a:first-child{margin-right:auto;font-weight:800}main{width:min(1120px,100%);margin:0 auto;padding:2rem 1rem 4rem}.hero{display:grid;grid-template-columns:minmax(18rem,.82fr) minmax(28rem,1.18fr);align-items:center;gap:2rem;min-height:calc(100vh - 5rem);padding-bottom:2rem}.eyebrow{margin:0 0 .5rem;color:#a85f08;font-size:.8rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:13ch;font-size:clamp(3.2rem,8vw,6.5rem);line-height:.95;letter-spacing:0}.doc-page h1{max-width:none;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,4.5rem)}h2{margin-top:1.8rem;margin-bottom:.45rem;font-size:1.18rem}.lede{max-width:35rem;margin-top:1.2rem;color:#5d544c;font-size:1.12rem;line-height:1.65}.hero-actions,.toolbar{display:flex;flex-wrap:wrap;gap:.65rem}.hero-actions{margin-top:1.4rem}.button-link{display:inline-flex;align-items:center;min-height:2.4rem;border:1px solid #17130f;border-radius:8px;background:#17130f;color:#fffdf8;font-weight:700;padding:.6rem .85rem}.button-link.secondary{border-color:#d4c5b3;background:#fffdf8;color:#17130f}.markhome{margin:0;border:1px solid #ddcfbd;border-radius:8px;overflow:hidden;background:#f8f4ec}.markhome svg{display:block;width:100%}.band{border-top:1px solid #e3d8c9;padding:2rem 0}.band p,.doc-page p{max-width:48rem;color:#5d544c;line-height:1.65}.grid,.example-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.example-list{grid-template-columns:repeat(3,minmax(0,1fr))}article{border:1px solid #e3d8c9;border-radius:8px;background:#fffdf8;padding:1rem}pre{overflow:auto;border:1px solid #e3d8c9;border-radius:8px;background:#fffdf8;padding:1rem;color:#312820;line-height:1.55}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.playground-page{width:min(1440px,100%)}.playground-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.playground-header h1{max-width:none;font-size:clamp(2.3rem,5vw,4.8rem)}.playground-header p:not(.eyebrow){max-width:43rem;margin-top:.8rem;color:#5d544c;line-height:1.6}.playground-grid{display:grid;grid-template-columns:minmax(22rem,.9fr) minmax(28rem,1.1fr);gap:1rem;min-height:39rem}.tool-panel,.status-strip>div{border:1px solid #e3d8c9;border-radius:8px;background:#fffdf8;overflow:hidden}.tool-panel-header{display:flex;align-items:center;min-height:4rem;border-bottom:1px solid #e3d8c9;padding:.85rem 1rem}.tool-panel-header.split{justify-content:space-between;gap:1rem}.tool-panel-header h2,.status-strip h2{margin:0}.tool-panel-header p{margin-top:.25rem;color:#6b6258;font-size:.86rem}.pill{flex:0 0 auto;border:1px solid #d4c5b3;border-radius:999px;color:#5d544c;font-size:.8rem;padding:.35rem .65rem}.preview-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem}.zoom-controls{display:grid;grid-template-columns:2.35rem minmax(3.4rem,auto) 2.35rem auto;align-items:center;gap:.3rem}.zoom-controls button{min-width:2.35rem;padding-inline:.55rem}.zoom-label{color:#5d544c;font-size:.82rem;text-align:center}.zoom-slider{display:block;width:calc(100% - 2rem);height:1.9rem;margin:.15rem 1rem .35rem;accent-color:#17130f}.grid-toggle{display:inline-flex;align-items:center;gap:.35rem;color:#5d544c;font-size:.82rem}.grid-toggle input{accent-color:#17130f}textarea{width:100%;height:calc(100% - 4rem);min-height:35rem;resize:none;border:0;outline:0;background:#17130f;color:#fffdf8;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.65;padding:1rem}.preview-surface{height:calc(100% - 6.4rem);min-height:35rem;background:#f8f4ec;cursor:grab;overflow:auto;overscroll-behavior:contain}.preview-surface.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-zoom-layer{min-width:100%;min-height:100%}.preview-zoom-layer svg{display:block;width:100%;height:100%}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.status-strip>div{padding:1rem}.ok{color:#177245}.error-list{display:grid;gap:.35rem;margin:0;padding-left:1.2rem;color:#b42318}.toast{position:fixed;right:1rem;bottom:1rem;min-width:9rem;min-height:2.5rem;border:1px solid #d4c5b3;border-radius:8px;background:#17130f;color:#fffdf8;opacity:0;transform:translateY(.4rem);transition:opacity .16s ease,transform .16s ease;padding:.65rem .9rem;pointer-events:none}.toast:not(:empty){opacity:1;transform:translateY(0)}@media(max-width:860px){nav{flex-wrap:wrap}nav a:first-child{flex-basis:100%}.hero,.grid,.example-list,.playground-grid,.status-strip{grid-template-columns:1fr}.hero{min-height:auto}h1{max-width:11ch}.playground-header{align-items:stretch;flex-direction:column}.toolbar,.preview-tools{justify-content:flex-start}}