@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}

.big-swatch{height:170px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:1.4rem 0;border:1px solid var(--line);cursor:pointer;transition:background .2s}
.big-swatch span{font-family:var(--font-head);font-size:2rem;font-weight:700;letter-spacing:.06em}
.history{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:.6rem}
.history .h-chip{width:44px;height:44px;border-radius:10px;cursor:pointer;border:1px solid var(--line);transition:transform .15s}
.history .h-chip:hover{transform:scale(1.12)}