.color-picker .card-section[data-v-1529556b]{margin-bottom:24px}.color-picker .card-section[data-v-1529556b]:last-child{margin-bottom:0}.color-picker .color-display[data-v-1529556b]{margin-bottom:20px}.color-picker .color-display .color-preview[data-v-1529556b]{height:120px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .2s;border:2px solid #e5e7eb}.color-picker .color-display .color-preview .color-hex-label[data-v-1529556b]{background:#00000080;color:#fff;padding:4px 14px;border-radius:6px;font-size:16px;font-family:monospace;letter-spacing:1px}.color-picker .controls[data-v-1529556b]{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.color-picker .controls[data-v-1529556b]{grid-template-columns:1fr}}.color-picker .controls .control-group label[data-v-1529556b]{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.color-picker .controls .control-group input[data-v-1529556b]{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-family:monospace;font-size:13px}.color-picker .controls .control-group input[data-v-1529556b]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.color-picker .controls .control-group .native-picker[data-v-1529556b]{height:38px;padding:2px;cursor:pointer}.color-picker .info-grid[data-v-1529556b]{display:grid;gap:10px}.color-picker .info-grid .info-item[data-v-1529556b]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f9fafb;border-radius:6px}.color-picker .info-grid .info-item .label[data-v-1529556b]{font-size:12px;color:#6b7280;width:50px;flex-shrink:0}.color-picker .info-grid .info-item code[data-v-1529556b]{flex:1;font-family:monospace;font-size:13px}.color-picker .info-grid .info-item .copy-btn[data-v-1529556b]{padding:2px 10px;font-size:12px;background:#e5e7eb;border:none;border-radius:4px;cursor:pointer}.color-picker .info-grid .info-item .copy-btn[data-v-1529556b]:hover{background:#d1d5db}.color-picker .preset-grid[data-v-1529556b]{display:flex;flex-wrap:wrap;gap:8px}.color-picker .preset-grid .preset-color[data-v-1529556b]{width:32px;height:32px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:transform .15s}.color-picker .preset-grid .preset-color[data-v-1529556b]:hover{transform:scale(1.2);border-color:#6366f1}