/* Canvas Plugin styles */
#ascii-canvas-overlay { background: rgba(0,0,0,0.5); backdrop-filter: blur(2px); }
.ascii-grid {
    white-space: pre;
    user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    width: max-content;
}
.ascii-cursor { background: var(--t-accent); color: var(--t-bg); }
.ascii-char-btn {
    font-family: var(--t-font-mono, monospace);
    font-size: 13px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--t-border);
    border-radius: 3px;
    background: var(--t-bg);
    color: var(--t-text);
    cursor: pointer;
    transition: all 0.1s;
    padding: 0;
    line-height: 1;
}
.ascii-char-btn:hover { background: var(--t-raised); color: var(--t-bright); }
.ascii-char-btn.active {
    background: var(--t-accent);
    color: var(--t-bg);
    border-color: var(--t-accent);
}
.ascii-char-group { display: inline-flex; gap: 2px; margin-right: 6px; }
#ascii-canvas-toolbar .toolbar-btn.active { background: var(--t-accent); color: var(--t-bg); }

/* Preview rendering of ```ascii blocks */
.prose pre.ascii-art {
    line-height: 1.35;
    letter-spacing: 0;
    white-space: pre;
    font-size: 0.85em;
}