.editor-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 13px 15px;
    color: var(--primary-text, #252525);
    background: var(--surface-2, #efede6);
    border: 1px solid var(--divider-color, #b9b5ab);
    border-left: 4px solid var(--button-bg, #3d7563);
    border-radius: 0;
    box-shadow: none;
}

.editor-banner > div { display: grid; gap: 4px; }
.editor-banner strong { font-size: .88rem; }

.editor-banner .control-button {
    min-height: 44px;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.creator-panel [data-requires-account="true"] {
    color: var(--button-bg, #3d7563);
    background: transparent;
    border-color: var(--button-bg, #3d7563);
}

#creator-access-note { max-width: 42ch; }

@media (max-width: 480px) {
    .editor-banner { align-items: stretch; flex-direction: column; }
}