/* --- Base Quill Theme (if not loaded via CDN) --- */
/* @import "quill/dist/quill.snow.css"; */

/* --- Musical Sandbox Modules --- */
@import "css/tone-keyscale-tokens-RXeTb2v.css";
@import "css/osmd-blot-Ju1fzow.css";
@import "css/pianoroll-blot-2YlKKQE.css";
@import "css/keyscale-card-FQge7oJ.css";
@import "css/instrument-blot-Lv07vNy.css";
@import "css/file-blot-Msi2dM4.css";
@import "css/quill-toolbar-theory-BikqFqz.css";
@import "css/quill-modal-uhOXR5f.css";
/* --- Global Sandbox Overrides --- */
.ql-editor {
    min-height: 500px;
    /* Use the theme background and text colors */
    background-color: var(--sandbox-bg);
    color: var(--sandbox-text);
    font-size: 1.1rem;
    line-height: 1.6;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Toolbars and UI elements */
.ql-toolbar.ql-snow {
    background-color: var(--sandbox-surface);
    border-color: var(--sandbox-border) !important;
}

.ql-snow .ql-stroke {
    stroke: var(--sandbox-text);
}

.ql-snow .ql-fill {
    fill: var(--sandbox-text);
}

.ql-snow .ql-picker {
    color: var(--sandbox-text);
}

/* Ensure block embeds adapt to the theme card variables */
.ql-editor .ql-instrument-card,
.ql-editor .ql-keyscale-card,
.ql-editor .ql-pianoroll-container,
.ql-editor .ql-graphical-harmony-card {
    margin: 1.5rem 0;
    background-color: var(--sandbox-card-bg);
    border: 1px solid var(--sandbox-card-border);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}