.quick-finishes .quick-paint button.open-paint-wheel {
  width:auto;height:auto;min-height:44px;border-radius:12px;padding:6px 12px;
  display:inline-flex;align-items:center;gap:8px;background:#fff;color:#242741;
}
.open-paint-wheel::before,.paint-reference button i,.paint-wheel-code i {
  content:"";display:inline-block;width:20px;height:20px;border-radius:50%;
  background:var(--chip);border:1px solid #0002;flex:none;
}
dialog.paint-wheel-dialog {
  position:fixed;inset:0;margin:auto;width:min(390px,calc(100vw - 20px));
  height:auto;max-height:min(90dvh,750px);padding:0;box-sizing:border-box;
  border:1px solid #d9dce0;border-radius:20px;background:#fbfaf7;color:#212640;
}
.paint-wheel-dialog[open] {display:flex;flex-direction:column}
.paint-wheel-dialog::backdrop {background:#15182766}
.paint-wheel-header,.paint-wheel-actions {
  display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;flex:none;
}
.paint-wheel-header button {min-width:44px;min-height:44px;font-size:22px}
.paint-wheel-body {overflow:auto;overscroll-behavior:contain;padding:4px 16px 16px}
.paint-wheel-disc {
  margin:8px auto 15px;width:min(180px,44vw,29dvh);aspect-ratio:1;position:relative;
  border-radius:50%;touch-action:none;user-select:none;cursor:crosshair;
  background:linear-gradient(var(--veil),var(--veil)),radial-gradient(circle closest-side,#808080,transparent 100%),conic-gradient(red,yellow,lime,cyan,blue,magenta,red);
}
.paint-wheel-disc i {pointer-events:none;position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:18px;height:18px;border:2px solid white;box-shadow:0 0 0 1px #202235}
.paint-lightness,.paint-lightness span {display:block}
.paint-lightness output {float:right;font-variant-numeric:tabular-nums}
.paint-lightness input {width:100%;height:44px;appearance:none;background:transparent;touch-action:pan-y}
.paint-lightness input::-webkit-slider-runnable-track {height:12px;border-radius:10px;background:linear-gradient(to right,black,var(--mid),white);border:1px solid #0002}
.paint-lightness input::-webkit-slider-thumb {appearance:none;margin-top:-6px;border-radius:100%;width:23px;height:23px;background:#fff;border:2px solid #272b42}
.paint-lightness input::-moz-range-track {height:12px;border-radius:10px;background:linear-gradient(to right,black,var(--mid),white)}
.paint-wheel-code {display:flex;align-items:center;gap:10px}
.paint-wheel-code input {min-height:44px;width:100px;font:inherit}
.paint-wheel-code input[aria-invalid=true] {outline:2px solid #a14040}
.paint-reference {margin-top:16px}
.paint-reference small,.paint-reference section a {display:block;margin:5px 0;font-size:13px}
.paint-reference section {margin-top:12px}
.paint-reference section div {display:flex;gap:5px;flex-wrap:wrap}
.paint-reference section button {display:flex;align-items:center;gap:5px;min-height:44px;padding:5px 8px;font-size:13px}
.paint-reference button[aria-pressed=true] {outline:2px solid #515671}
.paint-wheel-actions {border-top:1px solid #dedbd6}
.paint-wheel-actions button {background:#242741;color:white;min-height:44px;padding:8px 16px}
.paint-inline{display:block;min-width:0;background:#fff;border:1px solid #dce0e4;border-radius:12px;margin:8px 0;color:#232640}
.paint-inline summary{cursor:pointer;padding:10px 12px;font-weight:600;min-height:42px;box-sizing:border-box}
.paint-inline summary i{display:inline-block;vertical-align:middle;width:18px;height:18px;border:1px solid #0002;border-radius:50%;margin:0 5px}
.paint-inline .paint-wheel-body{overflow:visible;padding:4px 10px 8px}
.paint-inline .paint-wheel-disc{width:min(138px,45%,23dvh)}
.paint-inline .paint-reference button{width:auto;height:auto;min-height:38px;border-radius:10px}
.paint-inline [data-name]{margin:0 10px 10px}
kh-visual-choices{display:block;min-width:0}
kh-visual-choices label[hidden]{display:none!important}
.visual-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(80px,100%),1fr));gap:6px;margin:10px 0 14px}
.visual-choices>strong{grid-column:1/-1;font-size:.86rem}
.visual-choices button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:4px;min-width:0;border:1px solid #dce0e4;background:#fff;color:#252942;border-radius:10px;cursor:pointer;text-align:center;font:inherit;font-size:12px;line-height:1.22}
.visual-choices button[aria-pressed=true]{outline:2px solid #345a50;outline-offset:-2px}
.visual-choices button:focus-visible{outline:3px solid #5172af}
.visual-choices button img,.visual-choices button svg,.visual-choices button i{display:block;width:100%;height:42px;object-fit:contain;border-radius:6px;background-color:#f1eeea}
.visual-choices button img[src*="design-library"]{object-fit:cover}
.visual-choices button .choice-sample{background:var(--sample)}
.visual-choices .choice-sample.metal,.visual-choices .choice-sample.sheen{background:linear-gradient(125deg,transparent 12%,#ffffff55 42%,transparent 64%,#0002),var(--sample)}
.visual-choices .choice-sample.gloss{background:linear-gradient(120deg,transparent 35%,#fffd 43%,transparent 49%),var(--sample)}
.visual-choices .choice-sample.matte{background:var(--sample)}
.choice-inherit{font:normal 25px/42px sans-serif;color:#667068}