.lookup-page[data-v-1b785784]{display:flex;flex-direction:column;gap:16px}.page-sub[data-v-1b785784]{margin:0;color:var(--tools-muted);font-size:14px;line-height:1.55}.cnl-card[data-v-1b785784]{background:var(--tools-surface);border:1px solid var(--tools-border);border-radius:12px;overflow:hidden}.cnl-card-title[data-v-1b785784]{margin:0;padding:16px 18px;font-size:15px;font-weight:700;border-bottom:1px solid var(--tools-border)}.cnl-card-body[data-v-1b785784]{padding:16px 18px 18px}.field-label[data-v-1b785784]{display:block;margin-bottom:8px;font-size:13px;color:var(--tools-muted)}.input-row[data-v-1b785784]{display:flex;align-items:center;gap:12px}.swatch-btn[data-v-1b785784]{position:relative;width:44px;height:44px;flex-shrink:0;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);overflow:hidden;cursor:pointer}.swatch-input[data-v-1b785784]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hex-input[data-v-1b785784]{flex:1;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);background:var(--tools-bg);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.hex-input[data-v-1b785784]:focus{outline:none;border-color:var(--tools-accent)}.result-card[data-v-1b785784]{padding:20px 18px}.result-main[data-v-1b785784]{display:flex;align-items:center;gap:20px}.result-swatch[data-v-1b785784]{width:88px;height:88px;flex-shrink:0;border:1px solid var(--tools-border);border-radius:14px}.result-info[data-v-1b785784]{min-width:0;flex:1}.result-name[data-v-1b785784]{margin:0 0 4px;font-size:26px;font-weight:700;line-height:1.2}.result-zh[data-v-1b785784]{margin:0 0 10px;font-size:15px;color:var(--tools-muted)}.result-hex-row[data-v-1b785784]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.result-hex[data-v-1b785784]{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px}.copy-link[data-v-1b785784]{border:0;padding:0;background:transparent;color:#f59e0b;font-size:13px;font-weight:600;cursor:pointer}.match-badge[data-v-1b785784]{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:var(--tools-muted)}.badge-tag[data-v-1b785784]{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-tag.is-exact[data-v-1b785784]{background:#dcfce7;color:#16a34a}.badge-tag.is-approx[data-v-1b785784]{background:#fef3c7;color:#d97706}.palette-card .cnl-card-title[data-v-1b785784]{border-bottom:0;padding-bottom:0}.palette-grid[data-v-1b785784]{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px 8px;padding:0 18px 18px}.palette-item[data-v-1b785784]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border:0;border-radius:var(--tools-radius-sm);background:transparent;cursor:pointer;transition:transform .15s ease}.palette-item.is-active[data-v-1b785784],.palette-item[data-v-1b785784]:hover{transform:scale(1.06)}.palette-swatch[data-v-1b785784]{width:100%;aspect-ratio:1;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm)}.palette-name[data-v-1b785784]{width:100%;font-size:11px;color:var(--tools-muted);text-align:center;line-height:1.3;word-break:break-word}@media (max-width:640px){.result-main[data-v-1b785784]{flex-direction:column;align-items:flex-start}.result-swatch[data-v-1b785784]{width:72px;height:72px}.result-name[data-v-1b785784]{font-size:22px}.palette-grid[data-v-1b785784]{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}