body{margin:0}.lab-shell,.lab-header,.sandbox-bar{--lab-ink:#1c1410;--lab-muted:#75675c;--lab-line:#eee3d8;--lab-base:#fffbf7;--lab-panel:#f8f1ea;--lab-accent:#f26822;--lab-accent-fill:#c94c0d;--lab-accent-ink:#b93f0c;--lab-on-accent:#fff;color:var(--lab-ink);background:var(--lab-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:13px/1.5 Selspy Manrope,system-ui,sans-serif}.lab-shell *,.lab-header,.lab-header *,.sandbox-bar *{box-sizing:border-box}.lab-shell a,.lab-header a,.sandbox-bar a{color:inherit;text-decoration:none}.lab-shell :is(a,button,select,summary):focus-visible,.lab-header a:focus-visible,.sandbox-bar :is(a,button):focus-visible{outline:2px solid var(--lab-accent-ink);outline-offset:3px}.lab-header{border-bottom:1px solid var(--lab-line);flex-wrap:wrap;align-items:center;gap:12px 32px;min-height:70px;padding:14px 28px;display:flex}.lab-brand{letter-spacing:-.04em;align-items:center;gap:9px;font-size:17px;font-weight:750;display:flex}.lab-brand .selspy-logo{width:auto;height:30px;display:block}.lab-brand small{letter-spacing:0;border-left:1px solid var(--lab-line);color:var(--lab-muted);margin-left:5px;padding-left:12px;font-size:11px;font-weight:500}.lab-header nav{color:var(--lab-muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.lab-header nav>a{border-radius:8px;padding:8px 12px}.lab-header nav>a:hover{background:var(--lab-panel);color:var(--lab-ink)}.lab-header nav>[aria-current]{background:var(--lab-panel);color:var(--lab-ink);font-weight:700}.lab-button,.sandbox-bar :is(button,a){border:1px solid var(--lab-line);min-height:40px;color:var(--lab-ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.lab-header .lab-primary{background:var(--lab-accent-fill);color:var(--lab-on-accent);border-color:var(--lab-accent-fill);margin-left:auto}.lab-button:hover,.sandbox-bar :is(button,a):hover{filter:brightness(.96)}.lab-controls{flex-wrap:wrap;align-items:end;gap:24px;padding:18px 28px;display:flex}.lab-field{color:var(--lab-muted);gap:7px;font-size:11px;font-weight:600;display:grid}.lab-controls select,.lab-design select{border:1px solid var(--lab-line);min-width:215px;max-width:100%;color:var(--lab-ink);cursor:pointer;background:#fff;border-radius:8px;height:40px;padding:10px 32px 10px 12px;font:500 12px Selspy Manrope,system-ui}.lab-design{border:1px solid var(--lab-line);background:var(--lab-panel);border-radius:12px;grid-template-columns:minmax(240px,320px) minmax(0,1fr);margin:0 28px 18px;display:grid}.lab-family-picker{align-content:start;min-width:0;padding:18px}.lab-field-heading,.lab-template-heading h2{color:var(--lab-ink);align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.lab-step{border:1px solid var(--lab-line);background:var(--lab-base);width:21px;height:21px;color:var(--lab-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;display:inline-grid}.lab-design select{width:100%;min-width:0}.lab-design p{color:var(--lab-muted);margin:6px 0 0;font-size:11px;font-weight:400}.lab-template-picker{border-left:1px solid var(--lab-line);min-width:0;padding:18px}.lab-template-heading{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px;display:flex}.lab-template-heading h2{margin:0}.lab-template-heading>span{color:var(--lab-muted);margin-left:auto;font-size:11px}.lab-template-list{flex-wrap:wrap;gap:8px;display:flex}.lab-template-list a{border:1px solid var(--lab-line);background:var(--lab-base);border-radius:8px;flex:160px;grid-template-columns:auto 1fr;gap:1px 10px;min-width:0;max-width:280px;padding:10px 14px;display:grid}.lab-template-list a:hover{border-color:var(--lab-accent)}.lab-template-list a[aria-current]{border-color:var(--lab-accent);box-shadow:inset 0 0 0 1px var(--lab-accent);background:#fff}.lab-template-list strong{font-size:12px;font-weight:650}.lab-template-list small{color:var(--lab-muted);grid-column:2;font-size:10px}.lab-template-list a[aria-current] small{color:var(--lab-accent-ink)}.lab-template-number{color:var(--lab-muted);grid-row:span 2;align-self:center;font-size:11px}.lab-family-picker .lab-field-heading:not(:first-child){margin-top:10px}.lab-fit{border-top:1px solid var(--lab-line);margin-top:14px;padding-top:12px}.lab-fit>p{color:var(--lab-ink);flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;display:flex}.lab-fit>p>span[data-rank="0"],.lab-fit>p>span[data-rank="1"]{color:var(--lab-accent-ink);font-weight:650}.lab-tags{gap:5px;margin:0;font-size:11px;display:grid}.lab-tags>div{grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.lab-tags dt{color:#75675c}.lab-tags dd{flex-wrap:wrap;gap:4px;margin:0;display:flex}.lab-tags dd>span{color:#1c1410;white-space:nowrap;background:#fff;border:1px solid #eee3d8;border-radius:20px;padding:1px 8px}.lab-tags dd>span:is([data-tone=primary],[data-tone=essential]){color:#fff;background:#c94c0d;border-color:#c94c0d}.lab-tags dd>span[data-tone=alternative]{border-color:#f26822}.lab-tags dd>span[data-tone=hard]{color:#a3301b;border-color:#a3301b}@media (max-width:760px){.lab-tags>div{grid-template-columns:minmax(0,1fr);gap:2px}.lab-tags dd>span{white-space:normal}.lab-design{grid-template-columns:minmax(0,1fr);margin:0 16px 16px}.lab-family-picker,.lab-template-picker{padding:14px}.lab-template-picker{border-left:0;border-top:1px solid var(--lab-line)}.lab-template-list a{flex-basis:120px;max-width:none;padding:10px}}.lab-appearance{border:0;margin:0;padding:0}.lab-appearance legend{color:var(--lab-muted);margin-bottom:7px;padding:0;font-size:11px;font-weight:600}.lab-segment{background:var(--lab-panel);border:1px solid var(--lab-line);border-radius:8px;gap:3px;padding:3px;display:flex}.lab-segment a{text-align:center;border-radius:5px;min-width:62px;padding:6px 12px;font-size:12px}.lab-segment a[aria-current]{background:#fff;font-weight:700;box-shadow:0 1px 3px #1c141018}.lab-status{border-block:1px solid var(--lab-line);background:var(--lab-panel);color:var(--lab-muted);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:10px 28px;font-size:11px;display:flex}.lab-status>span:first-child{align-items:center;gap:10px;display:flex}.lab-status strong{color:var(--lab-ink);font-weight:650}.lab-demo{border:1px solid var(--lab-line);border-radius:20px;padding:2px 8px;font-size:10px}.lab-status>[role=status]{margin-left:auto}.lab-status a{text-underline-offset:3px;text-decoration:underline}.sandbox-bar{border-bottom:1px solid var(--lab-line);flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:16px 28px;display:flex}.sandbox-bar [role=status]{color:var(--lab-muted);margin-left:auto}.sandbox-bar button:disabled{opacity:.55;cursor:wait}@media (max-width:760px){.lab-header{gap:10px 12px;padding:12px 16px}.lab-header nav{order:3;width:100%}.lab-header nav>a{padding:6px 10px}.lab-brand small{display:none}.lab-controls{gap:16px;padding:16px}.lab-field{flex:100%}.lab-controls select,.lab-design select{width:100%;min-width:0}.lab-status{padding-inline:16px}.lab-status>[role=status]{margin-left:0}}.lab-presentation{color:#2a211b;background:#fbf6f1;font:.75rem/1.4 Selspy Manrope,sans-serif}.lab-presentation-bar{border-bottom:1px solid #eee3d8;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex}.lab-presentation-bar a{color:inherit;text-decoration:none}.lab-presentation details>summary{cursor:pointer;padding:.45rem 1rem;font-size:.7rem}.lab-presentation details[open]>summary{border-bottom:1px solid #eee3d8}@media (max-width:600px){.lab-presentation-bar>span{display:none}}.lab-presentation details>summary>span{color:#75675c;margin-left:.5rem}