.tool-container[data-v-bf00e87e]{max-width:500px;margin:24px auto;padding:0 16px;text-align:left}h1[data-v-bf00e87e]{font-size:22px;margin-bottom:20px}.picker-row[data-v-bf00e87e]{display:flex;align-items:center;gap:16px;margin-bottom:12px}.color-input[data-v-bf00e87e]{width:60px;height:60px;border:none;cursor:pointer;padding:0;border-radius:8px}.hex-display[data-v-bf00e87e]{font-size:20px;font-family:monospace;font-weight:700}.preview[data-v-bf00e87e]{width:100%;height:80px;border-radius:8px;margin-bottom:20px;border:1px solid #e4e7ed}.values[data-v-bf00e87e]{display:flex;flex-direction:column;gap:12px}.value-row[data-v-bf00e87e]{display:flex;align-items:center;gap:10px}.label[data-v-bf00e87e]{width:36px;font-size:13px;color:#606266;font-weight:500}