.color-explorer{scroll-margin-top:96px}.explorer-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;display:grid}.explorer-heading>p{color:var(--muted-dark);justify-self:end;max-width:440px}.explorer-tools{grid-template-columns:minmax(0,1fr) 200px;gap:20px;margin-top:48px;display:grid}.explorer-tools label{gap:8px;font-size:17px;display:grid}.explorer-tools input,.explorer-tools select{border:1px solid var(--muted);width:100%;min-width:0;min-height:54px;color:var(--paper);background:var(--ink);font:inherit;border-radius:4px;padding:12px 16px}.explorer-tools input::placeholder{color:var(--muted)}.explorer-help{color:var(--muted);margin-top:10px;font-size:14px}.explorer-families{flex-wrap:wrap;gap:8px;margin:24px 0 32px;display:flex}.explorer-families button{border:1px solid var(--muted);min-height:44px;color:var(--muted-dark);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:8px 16px}.explorer-families button[aria-pressed=true]{background:var(--paper);color:var(--bg);border-color:var(--paper)}.explorer-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:32px;display:grid}.explorer-results{min-width:0}.explorer-result-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.explorer-result-head p{font-size:17px}.explorer-reset{min-height:44px;color:var(--muted-dark);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}.explorer-grid{scrollbar-color:var(--muted) var(--ink);scrollbar-gutter:stable;overscroll-behavior:contain;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px 8px;max-height:540px;padding:5px;display:grid;overflow-y:auto}.explorer-chip{min-width:0;color:var(--muted-dark);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.explorer-chip__paint{aspect-ratio:1;border:1px solid #faf9f733;border-radius:3px;width:100%;min-height:44px;display:block}.explorer-chip__label{text-align:center;white-space:nowrap;width:100%;margin-top:4px;font-size:14px;line-height:1.6;display:block}.explorer-chip[aria-pressed=true] .explorer-chip__paint{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--paper)}.explorer-chip[aria-pressed=true]:after{content:"✓";width:20px;height:20px;color:var(--bg);background:var(--paper);box-shadow:0 0 0 1px var(--bg);border-radius:50%;font-size:14px;line-height:20px;position:absolute;top:3px;right:3px}.explorer-pagination{justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.explorer-pagination button,.explorer-empty button{font:inherit;color:var(--paper);border:1px solid var(--muted);cursor:pointer;background:0 0;border-radius:4px;min-height:44px;padding:8px 20px}.explorer-pagination button:disabled{opacity:.4;cursor:default}.explorer-pagination span{color:var(--muted)}.explorer-empty{border-block:1px solid var(--line);padding:60px 12px}.explorer-empty h3{font-size:24px}.explorer-empty p{color:var(--muted);margin:12px 0 24px}.explorer-selection{background:var(--ink);border-radius:6px;overflow:hidden}.explorer-preview{border:1px solid #faf9f733;height:200px}.explorer-detail{padding:24px}.explorer-caption{color:var(--muted);font-size:14px}.explorer-detail h3{overflow-wrap:anywhere;margin:8px 0 24px;font-size:26px;line-height:1.3}.explorer-detail dl{gap:8px;margin-bottom:24px;display:grid}.explorer-detail dl div{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:17px;display:flex}.explorer-detail dt{color:var(--muted)}.explorer-detail dd{margin:0}.explorer-copy,.explorer-consult{text-align:center;width:100%;min-height:48px;font:inherit;border:1px solid var(--muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.explorer-copy{color:var(--paper);background:0 0}.explorer-consult{background:var(--paper);color:var(--bg);border-color:var(--paper);gap:12px;margin-top:10px}.explorer-status{min-height:44px;color:var(--muted-dark);margin-top:14px;font-size:14px;line-height:1.6}.explorer-detail textarea{width:100%;min-height:100px;color:var(--paper);background:var(--bg);font:inherit;margin-top:12px}.explorer-source{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding-top:24px;font-size:14px}.explorer-source p+p{margin-top:8px}.explorer-source a{text-underline-offset:4px}.color-explorer :is(button,input,select,a,textarea):focus-visible{outline:2px solid var(--paper);outline-offset:4px}@media (width>=1600px){.explorer-workspace{grid-template-columns:minmax(0,1fr) 320px}.explorer-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (width<=1100px) and (width>=841px){.explorer-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.explorer-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=840px){.explorer-heading{grid-template-columns:1fr;gap:20px}.explorer-heading>p{justify-self:start}.explorer-tools{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px}.explorer-order{grid-template-columns:44px minmax(0,1fr);align-items:center}.explorer-families{gap:8px;margin-bottom:24px}.explorer-families button{padding:7px 12px}.explorer-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.explorer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 8px;max-height:360px}.explorer-result-head{gap:8px}.explorer-result-head p,.explorer-reset{font-size:14px}.explorer-preview{height:130px}.explorer-detail{padding:24px}.explorer-detail h3{margin-bottom:18px}.explorer-status{min-height:0}}