.wp-block-kuaili-carousel-slider {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.wp-block-kuaili-carousel-slider.alignwide {
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto;
    margin-right: auto;
}
.wp-block-kuaili-carousel-slider.alignfull {
    width: 100vw;
    margin-left: calc( 50% - 50vw );
    margin-right: calc( 50% - 50vw );
}
.wp-block-kuaili-carousel-slider .swiper-slide > * {
    max-width: 100%;
    width: auto;
}
.wp-block-kuaili-carousel-slider img,
.wp-block-kuaili-carousel-slider video {
    width: 100%;
    height: auto;
    display: block;
}
.wp-block-kuaili-carousel-slider .swiper-button-prev,
.wp-block-kuaili-carousel-slider .swiper-button-next {
    color: var(--wp--preset--color--base, #fff);
    background: var(--wp--preset--color--contrast-2, rgba(0,0,0,0.3));
    width: 42px;
    height: 42px;
    border-radius: 50%;
    transition: all 0.2s;
}
.wp-block-kuaili-carousel-slider .swiper-button-prev:after,
.wp-block-kuaili-carousel-slider .swiper-button-next:after {
    font-size: 18px;
}
.wp-block-kuaili-carousel-slider .swiper-button-prev:hover,
.wp-block-kuaili-carousel-slider .swiper-button-next:hover {
    background: var(--wp--preset--color--contrast, rgba(0,0,0,0.6));
}
.wp-block-kuaili-carousel-slider .swiper-pagination-bullet {
    background: var(--wp--preset--color--contrast-3, #aaa);
    opacity: 0.6;
}
.wp-block-kuaili-carousel-slider .swiper-pagination-bullet-active {
    background: var(--wp--preset--color--primary, #000);
}
.wp-block-kuaili-carousel-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--wp--preset--color--primary, #000);
}
.wp-block-kuaili-carousel-slider .swiper-pagination-fraction {
    color: var(--wp--preset--color--foreground, #333);
}
.wp-block-kuaili-carousel-slider-placeholder {
    background: var(--wp--preset--color--base-2, #f0f0f0);
    padding: 50px 20px;
    text-align: center;
    border: 1px dashed var(--wp--preset--color--border, #ccc);
}
.kuaili-carousel-editor {
    border: 1px solid var(--wp--preset--color--border, #e0e0e0);
    background: var(--wp--preset--color--base, #fff);
}
.editor-hint {
    font-size: 12px;
    color: var(--wp--preset--color--foreground-light, #757575);
    text-align: center;
    padding: 8px;
    border-top: 1px solid var(--wp--preset--color--border, #f0f0f0);
}
@media (max-width: 640px) {
    .wp-block-kuaili-carousel-slider .swiper-button-prev,
    .wp-block-kuaili-carousel-slider .swiper-button-next {
        width: 32px;
        height: 32px;
    }
    .wp-block-kuaili-carousel-slider .swiper-button-prev:after,
    .wp-block-kuaili-carousel-slider .swiper-button-next:after {
        font-size: 14px;
    }
}