.complementary-section{margin-top:20px}.complementary-row{display:flex;gap:12px;align-items:center;margin-top:10px}.complementary-swatch{width:64px;height:48px;border-radius:var(--radius-s);border:1px solid var(--line);cursor:pointer;transition:transform .15s}.complementary-swatch:hover{transform:scale(1.08)}.complementary-info{font-family:var(--font-mono);font-size:13px;color:var(--text-dim)}.scheme-section{margin-top:20px}.scheme-tabs{display:flex;gap:4px;margin-bottom:12px}.scheme-tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:8px 14px;border-radius:var(--radius-s);background:var(--bg);border:1px solid var(--line-strong);color:var(--text-dim);cursor:pointer;transition:all .2s}.scheme-tab:hover{border-color:var(--accent);color:var(--accent)}.scheme-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.scheme-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;border-radius:var(--radius-s);overflow:hidden}.scheme-swatch{height:56px;cursor:pointer;transition:transform .15s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-family:var(--font-mono);font-size:10px;color:#0009}.scheme-swatch:hover{transform:scaleY(1.1)}.history-section{margin-top:20px}.history-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.history-swatch{width:36px;height:36px;border-radius:var(--radius-s);border:1px solid var(--line);cursor:pointer;transition:transform .15s,border-color .2s;position:relative}.history-swatch:hover{transform:scale(1.15);border-color:var(--accent);z-index:2}.color-val-row{display:flex;align-items:center;gap:10px}.color-val-label{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);width:50px;letter-spacing:.08em;flex-shrink:0}.color-val-row .input{flex:1}.copy-btn-sm{font-family:var(--font-mono);font-size:11px;padding:6px 10px;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-s);color:var(--text-dim);cursor:pointer;transition:all .2s;flex-shrink:0}.copy-btn-sm:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.contrast-section{margin-top:20px}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.contrast-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-m);padding:16px;text-align:center}.contrast-sample{font-family:var(--font-sans);font-size:18px;font-weight:600;padding:12px 8px;border-radius:var(--radius-s);margin-bottom:10px;letter-spacing:.02em}.contrast-ratio{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--text)}.contrast-badges{display:flex;gap:6px;justify-content:center;margin-top:8px}.contrast-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:3px 8px;border-radius:3px;font-weight:600}.contrast-badge.pass{background:#4ade8026;color:var(--good)}.contrast-badge.fail{background:#f8717126;color:var(--bad)}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}@media(max-width:900px){.contrast-grid{grid-template-columns:1fr}}