.contentserp-tool {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
} @keyframes mtSpin { to { transform: rotate(360deg); } } .hat-fetch-status {
display: none; align-items: center; gap: 10px;
margin-top: 14px; font-size: 0.83rem;
}
.hat-fetch-status.active { display: flex; }
.hat-spinner {
width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0;
border: 2px solid rgba(129,140,248,0.15);
border-top-color: #818cf8;
animation: mtSpin 0.7s linear infinite;
} .kd-fetch-status {
display: none; align-items: center; gap: 10px;
margin-top: 14px; font-size: 0.83rem;
}
.kd-fetch-status.active { display: flex; }
.kd-spinner {
width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0;
border: 2px solid rgba(129,140,248,0.15);
border-top-color: #818cf8;
animation: mtSpin 0.7s linear infinite;
} .mt-btn-primary {
background: #6366f1;
color: #fff;
box-shadow: 0 6px 20px rgba(129,140,248,0.18);
}
.mt-btn-primary:hover {
background: #4f46e5;
transform: translateY(-2px);
}
.mt-btn-primary:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
} @media (max-width: 768px) {
.contentserp-tool { padding: 0 12px; }
}