/* ── 7. SKELETON LOADER — keyframes NOT killed by no-transition class ── */
.skeleton {
    background: linear-gradient(90deg,
        var(--surface) 25%,
        var(--bg-dark) 50%,
        var(--surface) 75%
    );
    background-size: 200% 100%;
    animation: skeletonPulse 1.5s ease-in-out infinite;
    border-radius: 4px;
}
.skeleton-line {
    height: 16px;
    margin-bottom: 10px;
    border-radius: 4px;
}
.skeleton-line.w100 { width: 100%; }
.skeleton-line.w80  { width: 80%; }
.skeleton-line.w60  { width: 60%; }
.skeleton-line.w40  { width: 40%; }
.skeleton-line.h24  { height: 24px; }
.skeleton-line.h40  { height: 40px; }

@keyframes skeletonPulse {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.output-skeleton {
    padding: 20px;
    background: var(--bg-black);
    border: 2px solid var(--border);
    border-radius: 4px;
}