/* Scheme E · 模块页皮肤：直角 / 纸米白 / 朱红 / 衬线标题 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,900&family=Noto+Serif+SC:wght@600;700;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
    --bg-base: #faf9f7 !important;
    --bg: #faf9f7 !important;
    --card: #ffffff !important;
    --text-main: #1c1a17 !important;
    --accent: #e11d48 !important;
    --font-display: 'Fraunces', 'Noto Serif SC', Georgia, serif;
    --font-ui: 'Space Grotesk', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

html.theme-dark,
html.studio-theme-dark,
body.theme-dark,
body.studio-theme-dark {
    --bg-base: #141210 !important;
    --bg: #141210 !important;
    --card: #1a1714 !important;
    --text-main: #f4efe8 !important;
    --accent: #fb7185 !important;
}

body {
    background-color: var(--bg-base) !important;
    font-family: var(--font-ui) !important;
    color: var(--text-main) !important;
}

h1, h2, .page-title, .gate-title, .setting-title,
.console-title, .hero-title {
    font-family: var(--font-display) !important;
    letter-spacing: -.015em;
}

.console-card,
.tool-panel,
.control-panel,
.work-panel,
.setting-row,
.upload-item,
.result-frame,
.masonry-item,
.composer,
.composer-body,
.history-popover,
.thread-item,
.lightbox-card,
.select-shell,
.model-pill,
.ratio-grid,
.resolution-toggle,
.mode-switch,
.mode-switcher,
.mini-ratio,
.topbar,
.panel {
    border-radius: 4px !important;
}

.masonry-item {
    border-radius: 4px !important;
    border-color: #e7e2da !important;
    background: #fff !important;
}
.theme-dark .masonry-item,
html.studio-theme-dark .masonry-item {
    border-color: #2e2924 !important;
    background: #1a1714 !important;
}
.masonry-item:hover {
    box-shadow: 0 14px 32px rgba(30, 25, 20, .14) !important;
    transform: translateY(-3px);
}

.mode-switcher,
.mode-switch {
    border-radius: 3px !important;
    background: #f4f2ee !important;
}
.mode-glider,
.mode-btn.active {
    border-radius: 2px !important;
}

.btn-render,
.btn-primary,
button.primary,
.gen-btn,
.primary-btn,
.create-confirm {
    border-radius: 3px !important;
    background: #1c1a17 !important;
    color: #fff !important;
    box-shadow: none !important;
}
html.theme-dark .btn-render,
html.studio-theme-dark .btn-render,
html.theme-dark .btn-primary,
html.studio-theme-dark .btn-primary,
html.theme-dark .gen-btn,
html.studio-theme-dark .gen-btn,
html.theme-dark .primary-btn,
html.studio-theme-dark .primary-btn {
    background: #f4efe8 !important;
    color: #141210 !important;
}

input, textarea, select,
.nano-input {
    border-radius: 3px !important;
    font-family: var(--font-ui) !important;
}
textarea:focus,
input:focus {
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 3px rgba(225, 29, 72, .1) !important;
}

.console-card {
    background: #fff !important;
    border: 1px solid #e7e2da !important;
    box-shadow: none !important;
}
html.theme-dark .console-card,
html.studio-theme-dark .console-card {
    background: #1a1714 !important;
    border-color: #2e2924 !important;
}