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

.model-preview {
    display: block;
    position: relative;
    border: 1px solid var(--color-border);
    border-radius: 0.75rem;
    background: linear-gradient(135deg, rgba(27,26,23,0.02), rgba(15,118,110,0.04));
    overflow: hidden;
}

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

.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 var(--color-border, rgba(27,26,23,0.12));
    background: var(--paper-200, #ece7db);
}

.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: var(--color-text-muted, #6c6960);
}

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