.pigments{margin:9px 0}.pigments button.selected-pigment{border-color:#d77c35;box-shadow:0 0 0 2px #f8cd8b}.mix-board-wrap{position:relative;border-radius:14px;overflow:hidden;border:2px solid #d5bd92;background:#f7eedc}.mix-board-wrap canvas{width:100%;display:block;touch-action:none}.active-pigment{position:absolute;right:8px;top:7px;font-size:11px;background:#fffdf0dc;border-radius:99px;padding:4px 8px;color:#725842}.active-pigment:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--active-paint,#eb5a4f);margin-right:4px}.target-color-card{position:absolute;left:7px;top:7px;display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:99px;background:#fffdf0e8;color:#725842;font-size:10px;box-shadow:0 1px 4px #6a431522;cursor:pointer}.target-color-card i{width:13px;height:13px;border-radius:50%;background:var(--goal,#ed923d);border:1px solid #9c6a3d;box-shadow:inset 0 1px #fff9}.target-color-card b{font-size:10px}.target-color-card small{font-size:9px;color:#9a5c2d}.target-color-card.matched{background:#e8f3df;color:#38693e}.target-color-card.matched small{color:#38693e}.brief-color-goal{cursor:pointer}.mix-actions{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:7px;margin-top:9px}.recipe{margin-top:9px}.color-chip{width:12px;height:12px;border-radius:50%;display:inline-block;vertical-align:-2px;margin:0 4px;border:1px solid #987}.elf{position:static;font-size:11px;pointer-events:none;filter:none;white-space:nowrap;transition:transform .18s ease,color .18s ease}.elf.working{transform:translateY(-4px) scale(1.08);color:#e58036}.tool-row{grid-template-columns:repeat(3,1fr)}.utility-row{grid-template-columns:1fr 1fr;margin-top:7px}