/* 仅在 DogeAPI 工作区内启用，不覆盖独立站的主题偏好。 */
html[data-embed="dogeapi"] {
    --sidebar-width: 220px;
    --font-family: "Aptos", "Noto Sans SC", "Microsoft YaHei UI", sans-serif;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 12px;
    --radius-xl: 12px;
    --content-max: 880px;
    --composer-max: 880px;
    --backdrop-rgb: 45, 38, 30;
    --shadow-glow: 0 0 0 2px rgba(var(--accent-rgb), 0.16);
    font-size: 16px;
    --safe-top: 0px;
    --safe-bottom: 0px;
    --safe-left: 0px;
    --safe-right: 0px;
}

html[data-embed="dogeapi"][data-theme="light"] {
    --accent-rgb: 217, 119, 87;
    --fg-rgb: 31, 30, 26;
    --panel-rgb: 253, 252, 248;
    --panel-deep-rgb: 245, 244, 237;
    --bg-deep: #fdfcf8;
    --bg-color: #fdfcf8;
    --bg-elevated: #f5f4ed;
    --bg-soft: #efeee3;
    --bg-hover: #e9e7db;
    --bg-active: #f4e3da;
    --text-color: #1f1e1a;
    --text-strong: #1f1e1a;
    --text-secondary: #565349;
    --text-muted: #6e6b60;
    --text-faint: #a5a294;
    --accent-color: #d97757;
    --accent-hover: #c25f3e;
    --on-accent: #ffffff;
    --border-color: #e5e3d6;
    --code-text: #1f1e1a;
    --code-accent: #c25f3e;
    --shadow-sm: 0 1px 2px rgba(60, 50, 30, 0.05);
    --shadow-md: 0 8px 24px rgba(60, 50, 30, 0.09);
    --shadow-lg: 0 20px 60px rgba(45, 38, 30, 0.18);
}

html[data-embed="dogeapi"][data-theme="dark"] {
    --accent-rgb: 229, 144, 111;
    --fg-rgb: 240, 238, 229;
    --panel-rgb: 46, 45, 41;
    --panel-deep-rgb: 38, 37, 33;
    --bg-deep: #2e2d29;
    --bg-color: #2e2d29;
    --bg-elevated: #262521;
    --bg-soft: #34332e;
    --bg-hover: #3c3a34;
    --bg-active: #40322b;
    --text-color: #f0eee5;
    --text-strong: #f7f5ee;
    --text-secondary: #c9c4b6;
    --text-muted: #a7a396;
    --text-faint: #8a8578;
    --accent-color: #e5906f;
    --accent-hover: #eda17f;
    --on-accent: #262521;
    --border-color: #3e3c35;
    --code-text: #f0eee5;
    --code-accent: #e5906f;
}

html[data-embed="dogeapi"] body {
    font-size: 14px;
}

html[data-embed="dogeapi"] #terminal {
    background: var(--bg-deep);
}

html[data-embed="dogeapi"] .sidebar {
    min-width: 0;
    gap: 12px;
    padding: 8px 12px 12px;
    background: var(--bg-elevated);
    border-color: var(--border-color);
    backdrop-filter: none;
    overflow-y: auto;
}

html[data-embed="dogeapi"] .sidebar-header,
html[data-embed="dogeapi"] .sidebar-section-title,
html[data-embed="dogeapi"] .sidebar-footer {
    flex-shrink: 0;
}

html[data-embed="dogeapi"] .session-list {
    flex: 1 0 80px;
}

html[data-embed="dogeapi"] .sidebar-brand-mark,
html[data-embed="dogeapi"] .sidebar-caption,
html[data-embed="dogeapi"] #theme-toggle-button,
html[data-embed="dogeapi"] #install-app-button {
    display: none;
}

html[data-embed="dogeapi"] .sidebar-brand-row {
    min-height: 36px;
    justify-content: space-between;
}

html[data-embed="dogeapi"] .sidebar-brand-row::before {
    content: "会话";
    font-size: 13px;
    font-weight: 600;
}

html[data-embed="dogeapi"] .sidebar-header {
    padding: 0;
}

html[data-embed="dogeapi"] .primary-sidebar-button,
html[data-embed="dogeapi"] .modal-footer button.primary,
html[data-embed="dogeapi"] #send-button:not(.is-stop) {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--on-accent);
    box-shadow: none;
}

html[data-embed="dogeapi"] .primary-sidebar-button:hover,
html[data-embed="dogeapi"] .modal-footer button.primary:hover,
html[data-embed="dogeapi"] #send-button:not(.is-stop):not(:disabled):hover {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
    transform: none;
}

html[data-embed="dogeapi"] .primary-sidebar-button,
html[data-embed="dogeapi"] .modal-footer button,
html[data-embed="dogeapi"] #send-button {
    min-height: 40px;
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-weight: 500;
}

html[data-embed="dogeapi"] .sidebar-section-title,
html[data-embed="dogeapi"] .sidebar-footer-title,
html[data-embed="dogeapi"] .sync-status {
    font-size: 11px;
    letter-spacing: 0;
}

html[data-embed="dogeapi"] #send-button {
    white-space: nowrap;
}

html[data-embed="dogeapi"] #send-button > :is(svg, .btn-label) {
    flex-shrink: 0;
}

html[data-embed="dogeapi"] .sidebar-footer {
    border-color: var(--border-color);
    box-shadow: none;
}

/* 长操作独占一行，短操作成对排列，220px 侧栏也不拆字或挤压图标。 */
html[data-embed="dogeapi"] .sidebar-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-embed="dogeapi"] .sidebar-actions #jailbreak-button {
    grid-column: 1 / -1;
}

html[data-embed="dogeapi"] .sidebar-actions button {
    min-width: 0;
    white-space: nowrap;
}

html[data-embed="dogeapi"] .sidebar-actions button svg {
    flex-shrink: 0;
}

html[data-embed="dogeapi"] .session-item-main.is-active {
    background: var(--bg-active);
    border-color: var(--accent-mid);
    box-shadow: none;
}

html[data-embed="dogeapi"] .toolbar {
    flex-shrink: 0;
    background: var(--bg-deep);
    border-color: var(--border-color);
    backdrop-filter: none;
}

html[data-embed="dogeapi"] .workspace-topbar {
    min-height: 52px;
    padding: 8px 16px;
    align-items: center;
}

html[data-embed="dogeapi"] .workspace-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

html[data-embed="dogeapi"] .workspace-title {
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
}

html[data-embed="dogeapi"] .workspace-meta {
    min-width: 0;
    margin: 0;
    font-size: 12px;
}

html[data-embed="dogeapi"] .chat-stage {
    overflow: hidden;
}

html[data-embed="dogeapi"] #chat-log {
    flex: 1;
    padding: 20px;
}

html[data-embed="dogeapi"] .chat-empty {
    min-height: 180px;
    padding: 28px 16px;
    animation: none;
}

html[data-embed="dogeapi"] .chat-empty-icon {
    border-radius: var(--radius-md);
    border-color: var(--border-color);
    background: var(--bg-active);
    box-shadow: none;
}

html[data-embed="dogeapi"] .chat-empty-title {
    font-size: 20px;
    line-height: 1.4;
}

html[data-embed="dogeapi"] .chat-empty-desc {
    max-width: 32em;
    font-size: 13px;
    line-height: 1.8;
}

html[data-embed="dogeapi"] .message-content {
    font-size: 15px;
    line-height: 1.8;
}

html[data-embed="dogeapi"] .message.user .message-content {
    background: var(--bg-elevated);
    border-color: var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: none;
}

html[data-embed="dogeapi"] .input-container {
    flex-shrink: 0;
    padding: 0 16px 16px;
    background: var(--bg-deep);
}

html[data-embed="dogeapi"] .input-area {
    padding: 12px;
    background: var(--bg-elevated);
    border-color: var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

html[data-embed="dogeapi"] .input-area:focus-within {
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

html[data-embed="dogeapi"] .input-area.is-drop-active {
    background: var(--bg-active);
    border-color: var(--accent-color);
}

html[data-embed="dogeapi"] .modal {
    background: rgba(var(--backdrop-rgb), 0.5);
    backdrop-filter: blur(4px);
}

html[data-embed="dogeapi"] .modal-content,
html[data-embed="dogeapi"] .reasoning-level-menu {
    background: var(--bg-deep);
    border-color: var(--border-color);
    border-radius: var(--radius-md);
}

html[data-embed="dogeapi"] .modal-header {
    font-size: 20px;
    font-weight: 600;
}

html[data-embed="dogeapi"] .modal-body :is(input, textarea, select) {
    background: var(--bg-elevated);
    border-color: var(--border-color);
    border-radius: var(--radius-sm);
}

html[data-embed="dogeapi"] :is(button, a, input, select, textarea):focus-visible {
    outline: 2px solid var(--accent-color);
    outline-offset: 3px;
}

@media (max-width: 900px) {
    html[data-embed="dogeapi"] .sidebar:not(.is-open) { box-shadow: none; }
}

@media (max-width: 600px) {
    html[data-embed="dogeapi"] .workspace-heading { display: block; }
    html[data-embed="dogeapi"] .workspace-title,
    html[data-embed="dogeapi"] .workspace-meta { white-space: nowrap; }
    html[data-embed="dogeapi"] .workspace-meta { font-size: 11px; }
    html[data-embed="dogeapi"] #chat-log { padding: 16px 12px; }
    html[data-embed="dogeapi"] .input-container { padding: 0 12px 12px; }
    html[data-embed="dogeapi"] .input-area { grid-template-columns: minmax(0, 1fr) auto; }
    html[data-embed="dogeapi"] .composer-tools { min-width: 0; flex-wrap: wrap; }
}

@media (max-width: 420px) {
    html[data-embed="dogeapi"] #search-button .tool-button-label { display: none; }
}

/* 短视窗压缩输入区，消息始终留在独立滚动区域内。 */
@media (max-height: 360px) {
    html[data-embed="dogeapi"] .workspace-topbar { min-height: 44px; padding: 2px 12px; }
    html[data-embed="dogeapi"] .workspace-heading { display: block; }
    html[data-embed="dogeapi"] .workspace-meta { display: none; }
    html[data-embed="dogeapi"] #chat-log { padding: 8px 12px; }
    html[data-embed="dogeapi"] .input-container { padding: 0 12px 6px; }
    html[data-embed="dogeapi"] .input-area { padding: 6px; gap: 4px 8px; }
    html[data-embed="dogeapi"] .composer-meta { display: none; }
    html[data-embed="dogeapi"] #user-input { min-height: 44px; max-height: max(44px, 24dvh); }
    html[data-embed="dogeapi"] #attachment-preview { margin-bottom: 4px; padding: 2px 8px; }
}

@media (min-width: 600px) and (max-height: 360px) {
    html[data-embed="dogeapi"] .input-area {
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-areas: "textarea tools send";
    }
    html[data-embed="dogeapi"] .composer-tools { flex-wrap: nowrap; }
}

html[data-embed="dogeapi"] #terminal { height: var(--doge-visible-height, 100dvh); transform: translateY(var(--doge-visible-top, 0px)); }
html[data-embed="dogeapi"] .modal-content { max-height: calc(var(--doge-visible-height, 100dvh) - 16px); }