/* Main CSS file - imports all stylesheets */
@import url('variables.css');
@import url('reset.css');
@import url('layout.css');
@import url('components.css');
@import url('navigation.css');
@import url('sidebar.css');
@import url('welcome.css');
@import url('editor.css');
@import url('comparison.css');
@import url('ai-panel.css');
@import url('modals.css');
@import url('responsive.css');

/* Global image constraints for markdown content */
.panel-content img,
.markdown-preview img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 12px auto !important;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Global overrides for dark mode compatibility */
body.dark-mode .read-only-content,
body.dark-mode .markdown-preview,
body.dark-mode .paragraph-textarea {
    color: var(--text) !important;
}

body.dark-mode .editor-form input,
body.dark-mode .editor-form textarea {
    background: transparent !important;
    color: var(--text) !important;
}

/* Final override for welcome logo - maximum specificity */
.welcome-screen .welcome-header img.welcome-logo,
.welcome-header img.welcome-logo,
img.welcome-logo {
    width: 450px !important;
    max-width: 450px !important;
    min-width: 450px !important;
    height: 450px !important;
    max-height: 450px !important;
    min-height: 450px !important;
    object-fit: contain !important;
}