/* Editors (Monaco) - wrapper makes it resizable */
.editor-wrapper {
    resize: vertical;
    overflow: hidden;
    min-height: 150px;
}

.editor-wrapper .yaml-editor,
.editor-wrapper .env-editor,
.editor-wrapper .yaml-viewer {
    height: 100%;
    border: 1px solid oklch(var(--bc) / 0.2);
    border-radius: 0.5rem;
}

.editor-wrapper.yaml-wrapper { height: 400px; }
.editor-wrapper.env-wrapper { height: 250px; }
.editor-wrapper.viewer-wrapper { height: 300px; }

/* Terminal - no custom CSS needed, using h-full class in HTML */

/* Prevent save button resize when text changes */
#save-btn, #save-config-btn {
    min-width: 5rem;
}

/* Rainbow hover effect for headers */
.rainbow-hover {
    transition: color 0.3s;
}

.rainbow-hover:hover {
    background: linear-gradient(
        90deg,
        #e07070,
        #e0a070,
        #d0d070,
        #70c080,
        #7090d0,
        #9080b0,
        #b080a0,
        #e07070
    );
    background-size: 16em 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: rainbow 4s linear infinite;
}

@keyframes rainbow {
    to {
        background-position: 16em center;
    }
}
