/* Editor styles */
.advanced-shortcodes-block-editor {
    min-height: 50px;
    border: 1px dashed #ccc;
    transition: all 0.3s ease;
}

.shortcode-placeholder {
    padding: 20px;
    text-align: center;
    color: #888;
}

.shortcode-preview {
    padding: 10px;
}

.shortcode-content {
    font-family: monospace;
    margin-bottom: 5px;
}

.shortcode-notice {
    font-size: 12px;
    font-style: italic;
    color: #666;
}

/* Frontend styles */
.advanced-shortcodes-block {
    transition: all 0.3s ease;
}