.swatch-row[data-v-966ad6f8]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.swatch-card[data-v-966ad6f8]{flex-direction:column;gap:6px;min-width:0;display:flex}.swatch-fill[data-v-966ad6f8]{border-radius:var(--radius-sm);height:76px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s var(--ease-out);border:0;align-items:flex-end;padding:8px;display:flex}.swatch-fill[data-v-966ad6f8]:hover{transform:translateY(-2px)}.swatch-hex[data-v-966ad6f8]{letter-spacing:.02em;font-size:.72rem}.swatch-foot[data-v-966ad6f8]{justify-content:space-between;align-items:center;gap:6px;display:flex}.contrast-badge[data-v-966ad6f8]{background:var(--bg-soft);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:.66rem}.contrast-badge.is-aaa[data-v-966ad6f8]{color:var(--ok)}.contrast-badge.is-aa[data-v-966ad6f8]{color:var(--accent)}.contrast-badge.is-fail[data-v-966ad6f8]{color:var(--danger)}.lock-btn[data-v-966ad6f8]{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);cursor:pointer;opacity:.7;transition:color .15s var(--ease-out), opacity .15s var(--ease-out);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.lock-btn[data-v-966ad6f8]:hover,.lock-btn.on[data-v-966ad6f8]{opacity:1;color:var(--accent)}.mock[data-v-966ad6f8]{border:1px solid var(--line);border-radius:var(--radius);transition:background .2s var(--ease-out);overflow:hidden}.mock-nav[data-v-966ad6f8]{border-bottom:1px solid;align-items:center;gap:8px;padding:10px 14px;display:flex}.mock-logo[data-v-966ad6f8]{border-radius:6px;flex-shrink:0;width:18px;height:18px}.mock-nav-text[data-v-966ad6f8]{font-size:.76rem;font-weight:600}.mock-nav-chip[data-v-966ad6f8]{border:1px solid;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:.68rem}.mock-body[data-v-966ad6f8]{flex-direction:column;gap:10px;padding:16px;display:flex}.mock-title[data-v-966ad6f8]{margin:0;font-size:1rem;font-weight:650}.mock-text[data-v-966ad6f8]{max-width:46ch;margin:0;font-size:.78rem;line-height:1.65}.mock-actions[data-v-966ad6f8]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-btn[data-v-966ad6f8]{border-radius:8px;padding:6px 14px;font-size:.74rem;font-weight:550}.mock-chip[data-v-966ad6f8]{border-radius:999px;padding:4px 10px;font-size:.68rem}.mock-card[data-v-966ad6f8]{border:1px solid;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.mock-card strong[data-v-966ad6f8]{font-size:.8rem}.mock-card-text[data-v-966ad6f8]{font-size:.72rem}.scale-row[data-v-966ad6f8]{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;display:grid}.scale-cell[data-v-966ad6f8]{cursor:pointer;transition:transform .15s var(--ease-out);border:0;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex}.scale-cell[data-v-966ad6f8]:hover{transform:translateY(-2px)}.scale-step[data-v-966ad6f8]{font-size:.68rem;font-weight:600}.scale-hex[data-v-966ad6f8]{opacity:.72;font-size:.6rem}.toast-enter-active[data-v-966ad6f8],.toast-leave-active[data-v-966ad6f8]{transition:all .25s var(--ease-spring)}.toast-enter-from[data-v-966ad6f8],.toast-leave-to[data-v-966ad6f8]{opacity:0;transform:translate(-50%,12px)scale(.95)}