/* ============================================
   3D Model Preview
   ============================================ */

.model-preview {
    display: block;
    position: relative;
    border: 1px solid var(--color-border);
    border-radius: 0.75rem;
    background: linear-gradient(135deg, rgba(255,255,255,0.02), rgba(45,212,191,0.03));
    overflow: hidden;
}

.model-preview__poster,
.model-preview__viewer {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: rgba(255,255,255,0.02);
}

.model-preview__viewer {
    background: #0a0a0a;
}

.model-preview__controls {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0.875rem 1rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    background: rgba(0,0,0,0.25);
}

.model-preview__download {
    color: var(--color-text-secondary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.model-preview__download:hover {
    color: var(--color-accent-hover);
}

.model-preview__status {
    padding: 0.75rem 1rem 0;
}

.model-preview--loading .model-preview__status {
    color: rgba(240,240,240,0.85);
}

.model-preview--error .model-preview__status {
    color: var(--color-error);
}