:root{color:#222920;font-synthesis:none;scroll-behavior:smooth;background:#fafbf7;font-family:Arial,Helvetica,sans-serif}body{margin:0}.docs,.docs *{box-sizing:border-box}.docs a{color:inherit;text-underline-offset:4px}.docs button{font:inherit;cursor:pointer}.site-header{border-bottom:1px solid #dce0d5;align-items:center;gap:24px;max-width:1440px;min-height:88px;margin:auto;padding:0 56px;display:flex}.wordmark{font-size:26px;font-weight:800;text-decoration:none}.site-header>a:last-child{margin-left:auto;font-size:13px;text-decoration:none}.page{max-width:1440px;margin:auto;padding:0 56px}.intro{padding:42px 0 26px}.eyebrow{color:#717b68;font:10px monospace}.intro h1{margin:12px 0 0;font-size:clamp(24px,2.5vw,36px)}.demo-wrap{border:1px solid #273023;border-radius:12px;max-width:840px;margin:0 auto;overflow:hidden}.theme-editor{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;margin:24px 0 54px;padding:28px}.theme-editor-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.theme-editor h2{margin:0;font-size:22px}.reset-theme{color:#334155;background:#fff;border:1px solid #94a3b8;border-radius:6px;padding:7px 10px;font-size:12px}.theme-controls{grid-template-columns:minmax(0,1fr) 250px;gap:28px;display:grid}.color-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.color-control{color:#334155;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;font-size:12px;display:grid}.color-preview{border:1px solid #94a3b8;border-radius:8px;width:40px;height:40px;padding:0}.color-dialog-backdrop{z-index:10;background:#0f172a9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.color-dialog{background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:min(960px,100%);max-height:min(760px,100vh - 48px);padding:28px;overflow:auto;box-shadow:0 24px 70px #0f172a59}.color-dialog-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.color-dialog h3{color:#0f172a;margin:8px 0 0;font-size:22px}.color-dialog>p{color:#64748b;margin:14px 0 24px;font-size:13px}.dialog-preview{border:2px solid #fff;border-radius:50%;outline:1px solid #94a3b8;width:54px;height:54px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;display:grid}.palette-family{color:#475569;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;font:11px monospace;display:grid}.palette-family>div{grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;display:grid}.palette-family button{aspect-ratio:1;color:#0000;cursor:pointer;border:1px solid #0f172a24;border-radius:4px;min-width:0}.palette-family button:hover,.palette-family button:focus-visible{outline-offset:1px;outline:2px solid #0f172a}.palette-family button.selected{outline-offset:2px;outline:3px solid #0f172a}.color-dialog-actions{border-top:1px solid #e2e8f0;justify-content:end;gap:10px;margin-top:28px;padding-top:20px;display:flex}.color-dialog-actions button{font:inherit;border-radius:6px;padding:9px 14px;font-size:13px}.dialog-cancel{color:#334155;background:#fff;border:1px solid #94a3b8}.dialog-apply{color:#fff;background:#4f46e5;border:1px solid #4f46e5}.dimension-controls{border-left:1px solid #cbd5e1;align-content:start;gap:18px;padding-left:28px;display:grid}.range-control{color:#334155;grid-template-columns:1fr auto;gap:7px 12px;font-size:12px;display:grid}.range-control output{color:#64748b;font-family:monospace}.range-control input{accent-color:#6366f1;grid-column:1/-1;width:100%}.docs-layout{grid-template-columns:210px minmax(0,1fr);gap:70px;padding-top:54px;display:grid}.contents{flex-direction:column;align-self:start;gap:18px;font-size:13px;display:flex;position:sticky;top:32px}.contents .eyebrow{margin-bottom:10px}.contents a{color:#65705c;text-decoration:none}.contents a:hover{color:#20251f}.doc-section{border-bottom:1px solid #dce0d5;margin-bottom:42px;padding-bottom:60px;scroll-margin-top:30px}.section-heading{align-items:center;gap:18px;display:flex}.section-heading>span{color:#7d896d;font:12px monospace}.section-heading h2{margin:0 0 4px;font-size:28px;font-weight:600}.doc-section p{color:#5f6a58;margin:18px 0;font-size:15px}.doc-section code{color:#364629;background:#edf0e5;border-radius:4px;padding:2px 5px;font-size:.86em}.code{color:#e7eedd;background:#1d241d;border-radius:9px;margin:24px 0;overflow:hidden}.code-bar{color:#a8b39d;background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 20px;font:11px monospace;display:flex}.code-bar button{color:#b9c4af;background:0 0;border:0;padding:4px;font-size:11px}.code pre{tab-size:4;margin:0;padding:24px;font-size:13px;overflow:auto}.code code{color:inherit;font-size:inherit;background:0 0;padding:0}.table-scroll{overflow-x:auto}.background-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.background-sample{border:1px solid #dce0d5;border-radius:9px;flex-direction:column;justify-content:space-between;min-height:128px;padding:16px;display:flex}.background-sample span{opacity:.7;font:10px monospace}.background-sample strong{font-size:16px}.docs table{border-collapse:collapse;text-align:left;width:100%;margin:24px 0;font-size:13px}.docs td,.docs th{vertical-align:top;border-bottom:1px solid #dce0d5;padding:15px 12px}.docs td:first-child{width:28%}.docs th{color:#738167;font-size:11px;font-weight:500}.template-item{border-bottom:1px solid #dce0d5;gap:24px;padding:22px 0;display:flex}.template-item>span{color:#889478;padding-top:5px;font:12px monospace}.template-item h3{margin:0;font-size:17px;font-weight:500}.template-item h3 code{margin-left:8px;font-size:11px}.template-item p{margin:8px 0 0;font-size:13px}.site-footer{color:#7a846e;align-items:center;gap:24px;padding:0 0 48px;font-size:12px;display:flex}.site-footer .wordmark{color:#303b28;font-size:21px}.site-footer a{margin-left:auto}@media (width<=900px){.page,.site-header{padding-left:24px;padding-right:24px}.docs-layout{grid-template-columns:150px minmax(0,1fr);gap:28px}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-controls{grid-template-columns:1fr}.dimension-controls{border-top:1px solid #cbd5e1;border-left:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 0 0}.palette-grid{grid-template-columns:1fr}}@media (width<=620px){.site-header{gap:12px;min-height:70px}.page,.site-header{padding-left:16px;padding-right:16px}.docs-layout{padding-top:26px;display:block}.background-grid{grid-template-columns:1fr}.theme-editor{padding:20px}.color-controls,.dimension-controls{grid-template-columns:1fr}.color-dialog-backdrop{padding:12px}.color-dialog{max-height:calc(100vh - 24px);padding:20px}.palette-family{grid-template-columns:1fr;gap:6px}.contents{flex-flow:wrap;gap:12px 20px;padding-bottom:32px;position:static}.contents .eyebrow{width:100%;margin:0}.section-heading h2{font-size:23px}.code pre{padding:16px;font-size:11px}.demo-caption{font-size:9px}.template-item h3 code{width:fit-content;margin:8px 0;display:block}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}