.color-lab{border:2px solid #e2d1cb;border-radius:15px;padding:20px;margin:20px 0;background:#fffcf8}.color-lab summary{font-size:21px;font-weight:bold;color:#89131a;cursor:pointer}.family-note{padding:20px;background:#f3f7fa;border-radius:12px;margin:20px 0}.family-note h3{margin-top:0}.u81 input[type=color]{height:58px;padding:4px;cursor:pointer}.u81 input[type=range]{padding:0}.lab-preview{border:1px solid #ddd;background:white;border-radius:12px;overflow:hidden;margin:16px 0;max-width:420px}.lab-preview>div{height:120px}.lab-preview>strong{display:block;padding:14px}.u81 .color-dot{flex-shrink:0}.u81 .color-palette button{min-width:0}.color-palette strong{overflow-wrap:anywhere}.color-lab [hidden]{display:none!important}