.rcolor-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.rcolor-preview{width:100%;max-width:400px;height:200px;border-radius:12px;background:#3b82f6;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:background .3s}.rcolor-values{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.5rem}.rcolor-value-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}.rcolor-label{font-size:.75rem;font-weight:700;color:var(--gray-500);min-width:32px}.rcolor-val{flex:1;font-size:.95rem;font-weight:600;color:var(--gray-800);font-family:monospace}.rcolor-btn,.rcolor-copy{cursor:pointer;transition:all .2s}.rcolor-copy{padding:.3rem .75rem;border:1px solid var(--gray-200);border-radius:6px;background:#fff;font-size:.8rem;color:var(--gray-600)}.rcolor-copy:hover{border-color:var(--primary-500);color:var(--primary-500)}.rcolor-btn{padding:.9rem 3rem;background:var(--primary-500);color:#fff;border:0;border-radius:10px;font-size:1.1rem;font-weight:700}.rcolor-btn:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:0 4px 12px rgba(235,57,68,.3)}.rcolor-palette{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.rcolor-palette-swatch{width:40px;height:40px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s}.rcolor-palette-swatch:hover{transform:scale(1.15);border-color:var(--gray-400)}.rcolor-history-label{font-size:.85rem;font-weight:600;color:var(--gray-500);text-transform:uppercase}.rcolor-history{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;max-width:400px}.rcolor-history-swatch{width:28px;height:28px;border-radius:6px;cursor:pointer;border:1px solid var(--gray-200);transition:transform .2s}.rcolor-history-swatch:hover{transform:scale(1.2)}@media (max-width:600px){.rcolor-tool{padding:1rem}.rcolor-preview{height:150px}}