.page-title[data-v-94a23bda]{margin:0 0 16px;font-size:18px;font-weight:650}.upload-card[data-v-94a23bda]{padding-top:16px}.upload-head[data-v-94a23bda]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-width:0}.upload-label[data-v-94a23bda]{flex-shrink:0;font-size:14px;font-weight:600}.file-name[data-v-94a23bda]{min-width:0;flex:1;color:var(--tools-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.upload-zone[data-v-94a23bda]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;min-height:220px;padding:24px 16px;border:1px dashed var(--tools-border);border-radius:12px;background:var(--tools-bg);cursor:pointer;box-sizing:border-box}.upload-zone.is-dragover[data-v-94a23bda]{border-color:var(--tools-accent);background:var(--tools-accent-soft)}.upload-zone.has-preview[data-v-94a23bda]{min-height:180px}.upload-icon[data-v-94a23bda]{font-size:28px}.upload-title[data-v-94a23bda]{margin:0;color:var(--tools-muted);font-size:14px}.upload-preview[data-v-94a23bda]{display:block;width:100%;max-width:100%;max-height:160px;-o-object-fit:contain;object-fit:contain;border-radius:var(--tools-radius-sm)}.change-btn[data-v-94a23bda]{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--tools-muted);font-size:14px;cursor:pointer}.change-icon[data-v-94a23bda]{font-size:16px}.hidden-input[data-v-94a23bda]{display:none}.clear-wrap[data-v-94a23bda]{display:flex;justify-content:center}.clear-btn[data-v-94a23bda]{border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);padding:8px 22px;background:var(--tools-surface);font-size:14px;cursor:pointer}.result-layout[data-v-94a23bda]{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:start;min-width:0}.preview-wrap[data-v-94a23bda]{width:140px;max-width:100%;min-width:0;height:140px;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);overflow:hidden;background:var(--tools-bg)}.result-preview[data-v-94a23bda]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.palette-wrap[data-v-94a23bda]{min-width:0}.palette-title[data-v-94a23bda]{margin:0 0 12px;font-size:14px;font-weight:600}.palette-row[data-v-94a23bda]{display:grid;grid-template-columns:28px minmax(60px,1fr) auto auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--tools-border)}.palette-row[data-v-94a23bda]:last-child{border-bottom:0}.palette-row.is-copied[data-v-94a23bda]{background:#fffbeb}.color-dot[data-v-94a23bda]{width:28px;height:28px;border-radius:var(--tools-radius-sm);border:1px solid var(--tools-border)}.bar-track[data-v-94a23bda]{height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden}.bar-fill[data-v-94a23bda]{display:block;height:100%;border-radius:inherit;background:#9ca3af}.color-hex[data-v-94a23bda]{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.color-percent[data-v-94a23bda]{min-width:36px;color:var(--tools-muted);font-size:13px;text-align:right}.copy-btn[data-v-94a23bda]{border:0;background:transparent;color:var(--tools-muted);font-size:13px;cursor:pointer;padding:4px 6px}.copy-btn[data-v-94a23bda]:hover{color:var(--tools-text)}@media (max-width:720px){.result-layout[data-v-94a23bda]{grid-template-columns:1fr}.preview-wrap[data-v-94a23bda]{width:100%;max-width:200px;height:160px}.palette-row[data-v-94a23bda]{grid-template-columns:28px 1fr auto;grid-template-areas:"dot bar percent" "hex hex copy"}.color-dot[data-v-94a23bda]{grid-area:dot}.bar-track[data-v-94a23bda]{grid-area:bar}.color-percent[data-v-94a23bda]{grid-area:percent}.color-hex[data-v-94a23bda]{grid-area:hex}.copy-btn[data-v-94a23bda]{grid-area:copy;justify-self:end}}