.article-form-toggle-icon {
    display: inline-block;
    margin-left: 3px;
    transition: transform .3s ease;
}
.article-form-toggle-icon.is-collapsed { transform: rotate(180deg); }
.article-form-settings-column.is-fullscreen { display: none; }

@media (min-width: 768px) {
    .article-form-layout .article-form-editor-column,
    .article-form-layout .article-form-settings-column {
        transition: flex-basis .3s ease, max-width .3s ease, padding .3s ease, opacity .25s ease;
    }
    .article-form-layout .article-form-editor-column.is-collapsed {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .article-form-layout .article-form-settings-column { overflow: hidden; }
    .article-form-layout .article-form-settings-column.is-collapsed {
        flex: 0 0 0;
        max-width: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        opacity: 0;
        pointer-events: none;
    }
}

@media (max-width: 767px) {
    .article-form-layout .article-form-settings-column {
        max-height: 2200px;
        overflow: hidden;
        transition: max-height .3s ease, opacity .25s ease, transform .3s ease;
    }
    .article-form-layout .article-form-settings-column.is-collapsed {
        max-height: 0;
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .article-form-toggle-icon,
    .article-form-layout .article-form-editor-column,
    .article-form-layout .article-form-settings-column { transition: none; }
}