.ce-layout[data-v-be3becc8]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ce-left[data-v-be3becc8],.ce-right[data-v-be3becc8]{display:flex;flex-direction:column;gap:14px}.drop-zone[data-v-be3becc8]{border:2px dashed var(--wz-border);border-radius:var(--wz-radius);padding:32px 20px;text-align:center;cursor:pointer;transition:border-color .2s;color:var(--wz-ink-muted)}.drop-zone[data-v-be3becc8]:hover{border-color:var(--wz-jade);color:var(--wz-jade)}.drop-zone p[data-v-be3becc8]{margin:8px 0 2px;font-weight:600;font-size:13px}.drop-zone__hint[data-v-be3becc8]{font-size:11px;opacity:.7}.drop-zone__input[data-v-be3becc8]{display:none}.file-info[data-v-be3becc8]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--wz-surface-2);border-radius:var(--wz-radius-sm);font-size:13px}.file-info span[data-v-be3becc8]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview[data-v-be3becc8]{background:linear-gradient(45deg,var(--wz-surface-2) 25%,transparent 25%),linear-gradient(-45deg,var(--wz-surface-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--wz-surface-2) 75%),linear-gradient(-45deg,transparent 75%,var(--wz-surface-2) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:1px solid var(--wz-border);border-radius:var(--wz-radius);padding:12px;text-align:center}.preview img[data-v-be3becc8]{max-width:100%;max-height:240px;border-radius:4px}.field__label[data-v-be3becc8]{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--wz-ink-muted);margin-bottom:8px}.field__label strong[data-v-be3becc8]{color:var(--wz-jade);font-family:var(--wz-mono, monospace)}.avg-color[data-v-be3becc8]{display:flex;gap:14px;padding:14px;background:var(--wz-surface-2);border-radius:var(--wz-radius)}.avg-color__swatch[data-v-be3becc8]{width:80px;height:80px;border-radius:var(--wz-radius-sm);border:1px solid var(--wz-border);flex-shrink:0}.avg-color__info[data-v-be3becc8]{flex:1;display:flex;flex-direction:column;gap:6px}.avg-color__label[data-v-be3becc8]{font-size:12px;font-weight:600;color:var(--wz-ink-muted)}.avg-color__values[data-v-be3becc8]{display:flex;flex-direction:column;gap:4px}.val-btn[data-v-be3becc8]{text-align:left;font-family:var(--wz-mono, monospace);font-size:12px;color:var(--wz-ink);background:var(--wz-surface);padding:4px 8px;border-radius:4px;border:1px solid var(--wz-border);cursor:pointer;transition:all .15s}.val-btn[data-v-be3becc8]:hover{border-color:var(--wz-jade);color:var(--wz-jade)}.palette__head[data-v-be3becc8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.palette__label[data-v-be3becc8]{font-size:13px;font-weight:600;color:var(--wz-ink-muted)}.palette__export[data-v-be3becc8]{display:flex;gap:6px}.palette__grid[data-v-be3becc8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.swatch-card[data-v-be3becc8]{border:1px solid var(--wz-border);border-radius:var(--wz-radius-sm);overflow:hidden;background:var(--wz-surface);transition:transform .15s}.swatch-card[data-v-be3becc8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.swatch-card__color[data-v-be3becc8]{height:80px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.swatch-card__copy[data-v-be3becc8]{opacity:0;transition:opacity .15s;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.swatch-card__color:hover .swatch-card__copy[data-v-be3becc8]{opacity:1}.swatch-card__info[data-v-be3becc8]{padding:6px 8px;display:flex;flex-direction:column;gap:2px}.swatch-card__hex[data-v-be3becc8],.swatch-card__rgb[data-v-be3becc8],.swatch-card__hsl[data-v-be3becc8]{text-align:left;font-family:var(--wz-mono, monospace);background:transparent;border:none;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:11px;color:var(--wz-ink-muted);transition:all .15s}.swatch-card__hex[data-v-be3becc8]{font-weight:700;color:var(--wz-ink);font-size:12px}.swatch-card__hex[data-v-be3becc8]:hover,.swatch-card__rgb[data-v-be3becc8]:hover,.swatch-card__hsl[data-v-be3becc8]:hover{background:var(--wz-jade-soft);color:var(--wz-jade)}.empty[data-v-be3becc8]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--wz-ink-faint);text-align:center}.empty p[data-v-be3becc8]{margin:0;font-size:13px}@media (max-width: 768px){.ce-layout[data-v-be3becc8]{grid-template-columns:1fr}.palette__grid[data-v-be3becc8]{grid-template-columns:repeat(2,1fr)}}