#previewContent .editor-dropdown {
    margin: 8px 0;
    font-family: Arial, sans-serif;
}

    #previewContent .editor-dropdown .editor-dropdown-item {
        border: 1px solid #e6e6e6;
        border-radius: 6px;
        margin-bottom: 8px;
        overflow: hidden;
        transition: box-shadow 0.3s;
    }

        #previewContent .editor-dropdown .editor-dropdown-item[open] {
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        #previewContent .editor-dropdown .editor-dropdown-item summary {
            cursor: pointer;
            padding: 12px 16px;
            background: #f7f7f7;
            font-weight: 600;
            list-style: none; /* default arrow gizle */
            user-select: none;
            display: block;
            border-bottom: 1px solid #e6e6e6;
            transition: background 0.3s;
        }

            #previewContent .editor-dropdown .editor-dropdown-item summary:hover {
                background: #ffe5e5; /* ufak kırmızı vurgu */
            }

        #previewContent .editor-dropdown .editor-dropdown-item[open] summary {
            border-bottom: none; /* birleşik görünüm için */
            border-radius: 6px 6px 0 0;
        }

    #previewContent .editor-dropdown .dropdown-item-content {
        padding: 12px 16px;
        display: none;
        background: #fff;
        border-radius: 0 0 6px 6px;
    }

    #previewContent .editor-dropdown .editor-dropdown-item[open] .dropdown-item-content {
        display: block;
    }


.notices {
    border-left: 4px solid #ccc;
    padding: 12px;
    border-radius: 6px;
    margin: 12px 0;
}

    .notices.note {
        background: #fffbe6;
        border-color: #ffd324;
    }

    .notices.tip {
        background: #e8fff0;
        border-color: #2ecc71;
    }

    .notices.info {
        background: #e8f3ff;
        border-color: #2196F3;
    }

    .notices p {
        margin: 0;
    }

.editor-accordion .accordion-item {
    border: 1px solid #e6e6e6;
    padding: 0;
    border-radius: 6px;
    margin: 8px 0;
    overflow: hidden;
}

.editor-accordion .accordion-header {
    background: #f7f7f7;
    padding: 10px;
    cursor: pointer;
    font-weight: 600;
}

.editor-accordion .accordion-body {
    padding: 10px;
    display: none;
}

.editor-accordion .accordion-item.open .accordion-body {
    display: block;
}

.editor-dropdown {
    margin: 8px 0;
    font-family: Arial, sans-serif;
}

    .editor-dropdown .editor-dropdown-item {
        border: 1px solid #e6e6e6;
        border-radius: 6px;
        margin-bottom: 8px;
        overflow: hidden;
        transition: box-shadow 0.3s;
    }

        .editor-dropdown .editor-dropdown-item[open] {
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .editor-dropdown .editor-dropdown-item summary {
            cursor: pointer;
            padding: 12px 16px;
            background: #f7f7f7;
            font-weight: 600;
            list-style: none; /* default arrow gizle */
            user-select: none;
            display: block;
            border-bottom: 1px solid #e6e6e6;
            transition: background 0.3s;
        }

            .editor-dropdown .editor-dropdown-item summary:hover {
                background: #ffe5e5; /* ufak kırmızı vurgu */
            }

        .editor-dropdown .editor-dropdown-item[open] summary {
            border-bottom: none; /* birleşik görünüm için */
            border-radius: 6px 6px 0 0;
        }

    .editor-dropdown .dropdown-item-content {
        padding: 12px 16px;
        display: none;
        background: #fff;
        border-radius: 0 0 6px 6px;
    }

    .editor-dropdown .editor-dropdown-item[open] .dropdown-item-content {
        display: block;
    }