.gd-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.gd-swatch{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--text);cursor:pointer;transition:all var(--dur-fast) var(--ease);flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.gd-swatch:hover,.gd-swatch[aria-pressed=true]{border-color:var(--dgreen);box-shadow:0 0 0 2px color-mix(in srgb, var(--dgreen) 18%, transparent)}.gd-swatch__chip{border:1px solid #0000002e;border-radius:8px;width:100%;height:44px}.gd-swatch strong{font-family:var(--display);font-size:16px}.gd-swatch span:last-child{color:var(--text-muted);font-size:13px;line-height:1.4}.gd-shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}@media (max-width:720px){.gd-shapes{grid-template-columns:1fr}}.gd-shape{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:110px 1fr;align-items:center;gap:14px;padding:8px;display:grid}.gd-shape svg{width:110px;height:auto;display:block}.gd-shape p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.45}.gd-dot{vertical-align:-1px;border:1px solid #0000004d;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.gd-band{mix-blend-mode:multiply}.gd-band.b-hand{fill:#d43c3247}.gd-band.b-perm{fill:#c8961438}.gd-band.b-rep{fill:#781e1e40}.gd-band.b-sup{fill:#3c141459}.gd-bucket{stroke:#222;stroke-width:1.5px;transition:fill var(--dur-fast) var(--ease)}.gd-bucket--stop{fill:#d23a2f}.gd-bucket--warn{fill:#e0a526}.gd-bucket--go{fill:#3a8f5c}.gd-sim{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:14px 20px;margin-top:14px;display:grid}@media (max-width:720px){.gd-sim{grid-template-columns:1fr}}.gd-dim td{opacity:.5}