/* assets/sandbox/quill/quill-standalone.css or similar */

.ql-osmd-wrapper {
    margin: 20px 0;
    border: 1px solid var(--sandbox-border);
    background: var(--sandbox-card-bg);
    border-radius: 6px;
    overflow: hidden;
}

.osmd-render-container {
    width: 100% !important;
    min-height: 400px; /* Vital for multi-staff scores */
    background: transparent !important;
    color: var(--sandbox-text, var(--bs-emphasis-color, currentColor));
    padding: 10px;
    display: block;
}

.osmd-render-container svg,
.osmd-render-container canvas {
    background: transparent !important;
}

.osmd-blot-header {
    background: var(--sandbox-ruler-bg);
    color: var(--sandbox-text);
    border-bottom: 1px solid var(--sandbox-border);
    font-family: monospace;
    font-size: 12px;
}

.osmd-playback-status {
    min-width: 4rem;
    color: var(--sandbox-muted, #6c757d);
    text-align: right;
}