.color__layout[data-v-05f34a43]{grid-template-columns:280px 1fr;align-items:start;gap:24px;margin-top:20px;display:grid}@media (width<=600px){.color__layout[data-v-05f34a43]{grid-template-columns:1fr}.color__format-row[data-v-05f34a43]{flex-wrap:wrap}}.color__picker-section[data-v-05f34a43]{background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:8px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.color__preview[data-v-05f34a43]{border:2px solid var(--el-border-color);border-radius:12px;width:160px;height:160px}.color__formats[data-v-05f34a43]{flex-direction:column;gap:16px;display:flex}.color__format-row[data-v-05f34a43]{background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.color__format-label[data-v-05f34a43]{color:var(--el-text-color-primary);flex-shrink:0;width:50px;font-size:14px;font-weight:600}.color__format-inputs[data-v-05f34a43]{flex:1;gap:8px;display:flex}