@media screen and (max-width: 480px) {
    .ai3d-shell {
        gap: 4px;
    }

    .ai3d-right-toolbar {
        width: 100% !important;
        max-width: none !important;
        margin-top: 8px;
    }

    .ai3d-debug-stl-btn {
        padding: 0 10px;
        font-size: 14px;
    }

    .ai3d-render-mode-select {
        font-size: 14px;
    }

    .ai3d-workbench-view-btn {
        padding: 0 10px;
        font-size: 14px;
    }

    .ai3d-turntable-duration-popover {
        width: min(196px, calc(100vw - 16px));
        padding: 11px;
    }

    .ai3d-turntable-duration-title {
        font-size: 12px;
    }

    .ai3d-turntable-duration-hint {
        font-size: 12px;
    }

    .ai3d-turntable-duration-btn {
        min-width: 62px;
        min-height: 40px;
        padding: 0 12px;
    }

    .ai3d-right-dock {
        width: 100%;
        max-width: none;
        margin-top: 8px;
    }

    .ai3d-right-card--format .ai3d-format-trigger {
        min-height: 44px;
        padding: 0 12px;
    }

    .ai3d-preview-stage--workbench-only .ai3d-preview-stage-viewport--single {
        min-height: 320px;
        min-height: clamp(320px, 58vh, 520px);
    }
}


