.model_preview.svelte-15jjqd1 {
        
        
        
        
        text-align: left;
        height: 100%;
    }

    .preview_header.svelte-15jjqd1 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: 0.85rem;

        h3:where(.svelte-15jjqd1) {
            margin: 0.15rem 0 0;
            font-size: 1rem;
            word-break: break-word;
        }
    }

    .preview_eyebrow.svelte-15jjqd1 {
        margin: 0;
        color: var(--color-accent);
        font-size: 0.8rem;
        
        letter-spacing: 0.08em;
    }

    .response_label.svelte-15jjqd1{
            display: block;
            margin-bottom: 0.25rem;
            color: var(--color-text-tertiary);
            font-size: 0.875rem;
            letter-spacing: 0.04em;
        
    }

    .preview_dimensions_heading.svelte-15jjqd1 {
        display: flex;
        align-items: baseline;
        gap: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .preview_dimensions_label.svelte-15jjqd1 {
        margin-bottom: 0;
    }

    .preview_unit_inline_toggle.svelte-15jjqd1 {
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--color-accent);
        font-size: 0.875rem;
        letter-spacing: 0.04em;
        line-height: 1;
        cursor: pointer;
        text-decoration: underline;
        text-decoration-color: color-mix(in srgb, var(--color-accent) 45%, transparent);
        text-underline-offset: 0.16em;
        transition:
            color 160ms ease,
            text-decoration-color 160ms ease,
            opacity 160ms ease;
    }

    .preview_unit_inline_toggle.svelte-15jjqd1:hover {
        color: color-mix(in srgb, var(--color-accent) 78%, white);
        text-decoration-color: currentColor;
    }

    .preview_unit_inline_toggle[aria-pressed='true'].svelte-15jjqd1 {
        opacity: 0.92;
    }
    

    .preview_viewport.svelte-15jjqd1 {
        position: relative;
        min-height: 320px;
        border-radius: 6px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
        
    }

    canvas.svelte-15jjqd1 {
        display: block;
        width: 100%;
        height: 100%;
    }




    .preview_overlay.svelte-15jjqd1,
    .preview_fallback.svelte-15jjqd1 {
        display: grid;
        place-items: center;
        min-height: 320px;
        padding: 1.25rem;
        color: var(--color-text-secondary);
        text-align: center;
        line-height: 1.5;
    }

    .preview_overlay.svelte-15jjqd1 {
        position: absolute;
        inset: 0;
        background: color-mix(in srgb, var(--color-surface) 82%, transparent);
        backdrop-filter: blur(4px);
    }

    .preview_overlay_error.svelte-15jjqd1 {
        color: var(--color-danger, #b3261e);
    }

    .preview_hint.svelte-15jjqd1 {
        margin: 0.75rem 0 0;
        color: var(--color-text-secondary);
        font-size: 0.9rem;
    }

    .preview_metrics.svelte-15jjqd1 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
        margin-top: 0.9rem;
    }

    /* (empty) .preview_metric {
        

        
    }*/

    .preview_metric_y.svelte-15jjqd1{
        text-align: center;
    }
    .preview_metric_label.svelte-15jjqd1 {
        color: var(--color-text-tertiary);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

     .preview_metric_label_y.svelte-15jjqd1 {
        text-align: center;
    }

    .preview_metric_label_z.svelte-15jjqd1 {
        text-align: right;
        padding-right:4px;
    }



    @media (width < 640px) {
        .preview_header.svelte-15jjqd1 {
            flex-direction: column;
        }

        .preview_viewport.svelte-15jjqd1,
        .preview_overlay.svelte-15jjqd1,
        .preview_fallback.svelte-15jjqd1 {
            min-height: 260px;
        }



        .preview_metrics.svelte-15jjqd1 {
            grid-template-columns: 1fr;
        }
    }