@import url('/assets/css/main.css');

.out-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}
.out-row:last-child{border-bottom:none}
.out-label{font-weight:600;font-size:.92rem}
.out-note{font-weight:400;font-size:.78rem;color:var(--muted-2)}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;color:var(--primary);font-size:.95rem;word-break:break-all}
.copy-btn{flex:0 0 auto}

.match-card{display:flex;gap:1.2rem;align-items:center;margin:1rem 0;flex-wrap:wrap}
.match-swatch{width:96px;height:96px;border-radius:16px;border:1px solid var(--line);flex:0 0 96px}
.match-name{font-family:var(--font-head);font-size:1.6rem;font-weight:700}
.match-hex{font-family:ui-monospace,monospace;color:var(--primary);font-weight:600}