.wp-block-blockxpert-advanced-post-block {
    // Editor specific styles
    .block-editor-block-list__layout {
        margin: 0;
    }

    // Preview wrapper
    .post-preview {
        min-height: 100px;
        padding: 20px;
        background: #f8f9fa;
        border-radius: 4px;
    }

    // Loading state
    .loading-spinner {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 200px;
    }

    // Inspector controls
    .components-panel {
        .components-base-control {
            margin-bottom: 24px;

            &:last-child {
                margin-bottom: 0;
            }
        }

        .components-range-control {
            margin-bottom: 28px;
        }
    }

    // Post selection controls
    .post-selection-controls {
        margin-bottom: 16px;

        .components-base-control__field {
            margin-bottom: 12px;
        }
    }

    // Layout controls
    .layout-controls {
        .components-button-group {
            display: flex;
            gap: 8px;
            margin-bottom: 16px;
        }

        .layout-button {
            flex: 1;
            justify-content: center;
            height: auto;
            padding: 8px;

            &.is-active {
                background: var(--wp-admin-theme-color);
                color: #fff;
            }

            svg {
                width: 20px;
                height: 20px;
            }
        }
    }

    // Display controls
    .display-controls {
        .components-toggle-control {
            margin-bottom: 16px;
        }
    }

    // Placeholder
    .components-placeholder {
        min-height: 200px;
    }
}