/* === AI Tools — Global Overrides === */

:root {
    --pico-font-size: 100%;
    scrollbar-width: thin;
    scrollbar-color: var(--pico-secondary-border) var(--pico-background-color);
    /* Backdrop behind canvases (preview workspace + the result viewer). Doubles
       as what shows through transparent output pixels. Neutral dark gray reads
       better than pure black. */
    --workspace-bg: #1e1e1e;
}

/* Nav brand */
nav .brand {
    color: #6366f1;
}
nav .brand-icon {
    height: 2.25em;
    vertical-align: -0.35em;
    margin: 0 -0.5em;
}

/* Compact form controls inside tool UIs */
.controls select,
.controls input {
    margin-bottom: 0;
}

/* Feature sections */
[id^="feature-"] {
    animation: fadeIn 0.15s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}