/* Basic layout for the plugin (keeps styling self-contained) */
[data-cb-type="aurora-glow"] {
    display: block;
    width: 100%;
    min-height: 320px;
    position: relative;
    overflow: hidden;
    background: #fafafa;
    color: #111827;
    border-radius: 8px;
}

/* hero-section fills plugin area */
[data-cb-type="aurora-glow"] .hero-section {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 320px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* canvas sits behind content */
[data-cb-type="aurora-glow"] .hero-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}