.cabinet-objects .cb-art{background:#17221d}.cabinet-objects .cb-canvas{display:block;width:100%;height:auto;touch-action:manipulation}.co-range{display:flex;gap:12px;align-items:center}.co-range input{flex:1;min-width:0;accent-color:#beac78}.co-range output{min-width:3.3em;font-variant-numeric:tabular-nums;text-align:right}.co-bead-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.co-bead-picker button{min-height:42px;padding:6px}.co-bead-picker button[aria-pressed=true]{background:#baab81;color:#15231b;box-shadow:inset 0 0 0 2px #e0d5b4}.co-measure{display:block;padding:15px 0;line-height:1.6;font-size:14px;color:#ddd0af}.cabinet-objects input:focus-visible,.cabinet-objects select:focus-visible,.cabinet-objects button:focus-visible{outline:3px solid #ddc691;outline-offset:4px}.cabinet-objects input[type=range]{min-height:44px}.cabinet-objects .cb-note{font-size:13px;line-height:1.65}.cabinet-objects button{min-height:44px}@media(max-width:640px){.co-bead-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.co-bead-picker button{font-size:13px}.co-range{gap:8px}}@media(prefers-reduced-motion:reduce){.cabinet-objects *{animation:none!important;transition:none!important}}