/* 2026-07-13 Apple-inspired interface polish
   Scope: visual layer only. Business logic, quotas and permissions are untouched. */
:root {
    --apple-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
    --apple-bg: #f5f5f7;
    --apple-bg-elevated: #ffffff;
    --apple-bg-soft: #fbfbfd;
    --apple-ink: #1d1d1f;
    --apple-ink-2: rgba(29, 29, 31, .72);
    --apple-ink-3: rgba(29, 29, 31, .52);
    --apple-line: rgba(60, 60, 67, .16);
    --apple-line-strong: rgba(60, 60, 67, .24);
    --apple-fill: rgba(120, 120, 128, .10);
    --apple-fill-2: rgba(120, 120, 128, .16);
    --apple-blue: #007aff;
    --apple-blue-soft: rgba(0, 122, 255, .12);
    --apple-radius-sm: 10px;
    --apple-radius: 16px;
    --apple-radius-lg: 22px;
    --apple-radius-xl: 28px;
    --apple-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);
    --apple-shadow-2: 0 2px 8px rgba(0, 0, 0, .06), 0 18px 46px rgba(0, 0, 0, .08);
    --apple-shadow-glass: 0 18px 48px rgba(0, 0, 0, .12);
    --apple-ease: cubic-bezier(.2, .8, .2, 1);
}

html {
    font-optical-sizing: auto;
}

body {
    font-family: var(--apple-font);
    color: var(--apple-ink);
    background: var(--apple-bg);
}

button,
input,
select,
textarea {
    font-family: inherit;
}

button {
    -webkit-tap-highlight-color: transparent;
}

button:active {
    transform: scale(.985);
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid rgba(0, 122, 255, .72) !important;
    outline-offset: 2px;
}

body.workspace-v2:not(.tool-open) {
    --workspace-bg: #f5f5f7;
    --workspace-sidebar: rgba(246, 246, 248, .86);
    --workspace-surface: rgba(255, 255, 255, .86);
    --workspace-surface-soft: rgba(120, 120, 128, .10);
    --workspace-surface-hover: rgba(120, 120, 128, .14);
    --workspace-text: var(--apple-ink);
    --workspace-text-strong: var(--apple-ink);
    --workspace-muted: var(--apple-ink-2);
    --workspace-subtle: var(--apple-ink-3);
    --workspace-border: var(--apple-line);
    --workspace-border-strong: var(--apple-line-strong);
    --workspace-accent: var(--apple-blue);
    --workspace-accent-soft: var(--apple-blue-soft);
    --workspace-shadow-composer: 0 16px 50px rgba(0, 0, 0, .10), 0 2px 8px rgba(0, 0, 0, .05);
    overflow: hidden;
    font-family: var(--apple-font);
    letter-spacing: 0;
}

body.workspace-v2:not(.tool-open) .ai-workspace {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(245, 245, 247, .96)),
        radial-gradient(circle at 50% -12%, rgba(0, 122, 255, .12), transparent 34%);
}

body.workspace-v2:not(.tool-open) .workspace-sidebar {
    background: rgba(246, 246, 248, .84);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    backdrop-filter: blur(24px) saturate(180%);
    border-right: 1px solid var(--apple-line);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .72);
}

body.workspace-v2:not(.tool-open) .sidebar-logo,
body.workspace-v2:not(.tool-open) .logo-img {
    border-radius: 9px;
    box-shadow: 0 8px 22px rgba(0, 122, 255, .16);
}

body.workspace-v2:not(.tool-open) .sidebar-brand strong,
body.workspace-v2:not(.tool-open) .workspace-view-title span,
body.workspace-v2:not(.tool-open) .mobile-brand span {
    font-weight: 650;
    letter-spacing: -.01em;
}

body.workspace-v2:not(.tool-open) .new-chat-btn,
body.workspace-v2:not(.tool-open) .workspace-nav-item,
body.workspace-v2:not(.tool-open) .sidebar-collapse-btn,
body.workspace-v2:not(.tool-open) .sidebar-settings-btn,
body.workspace-v2:not(.tool-open) .topbar-icon-btn {
    transition:
        transform 120ms var(--apple-ease),
        background-color 180ms var(--apple-ease),
        border-color 180ms var(--apple-ease),
        box-shadow 180ms var(--apple-ease),
        color 180ms var(--apple-ease);
}

body.workspace-v2:not(.tool-open) .new-chat-btn {
    min-height: 44px;
    background: rgba(255, 255, 255, .74);
    border-color: rgba(255, 255, 255, .82);
    border-radius: 14px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .74),
        0 1px 2px rgba(0, 0, 0, .04),
        0 10px 30px rgba(0, 0, 0, .05);
}

body.workspace-v2:not(.tool-open) .new-chat-btn:hover,
body.workspace-v2:not(.tool-open) .workspace-nav-item:hover,
body.workspace-v2:not(.tool-open) .workspace-nav-item.is-active {
    background: rgba(255, 255, 255, .82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

body.workspace-v2:not(.tool-open) .workspace-nav-item.is-active {
    color: var(--apple-ink);
    border: 1px solid rgba(255, 255, 255, .72);
}

body.workspace-v2:not(.tool-open) .chat-topbar {
    background: linear-gradient(180deg, rgba(245, 245, 247, .94), rgba(245, 245, 247, .72) 70%, rgba(245, 245, 247, 0));
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    backdrop-filter: blur(18px) saturate(180%);
}

body.workspace-v2:not(.tool-open) .chat-scroll {
    scrollbar-color: rgba(60, 60, 67, .22) transparent;
}

body.workspace-v2:not(.tool-open) .chat-main.is-empty-chat .chat-scroll {
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
}

body.workspace-v2:not(.tool-open) .chat-main.is-empty-chat .chat-view {
    display: flex;
    justify-content: flex-start;
    min-height: 100%;
    padding-top: clamp(96px, 18vh, 158px);
    padding-bottom: 0;
}

body.workspace-v2:not(.tool-open) .chat-main.is-empty-chat .chat-welcome {
    width: 100%;
    margin: 0 auto !important;
    transform: none !important;
    pointer-events: none;
}

body.workspace-v2:not(.tool-open) .chat-welcome h1 {
    display: block !important;
    width: 100%;
    max-width: min(640px, calc(100vw - 48px));
    margin-inline: auto !important;
    color: var(--apple-ink);
    font-size: clamp(30px, 3vw, 42px) !important;
    font-weight: 720 !important;
    line-height: 1.12;
    letter-spacing: -.022em;
    text-align: center !important;
    text-wrap: balance;
}

body.workspace-v2:not(.tool-open) .chat-messages {
    padding-top: 14px;
}

body.workspace-v2:not(.tool-open) .message-bubble {
    color: var(--apple-ink);
    font-size: 15px;
    line-height: 1.68;
}

body.workspace-v2:not(.tool-open) .chat-message.user .message-bubble {
    color: #111827 !important;
    background: rgba(255, 255, 255, .82) !important;
    -webkit-backdrop-filter: blur(18px) saturate(170%);
    backdrop-filter: blur(18px) saturate(170%);
    border: 1px solid rgba(60, 60, 67, .12);
    border-radius: 18px 18px 6px 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .68),
        0 8px 24px rgba(0, 0, 0, .06);
}

body.workspace-v2:not(.tool-open) .chat-message.assistant .message-bubble {
    color: var(--apple-ink) !important;
}

body.workspace-v2:not(.tool-open) .omnibox-shell {
    top: 57%;
}

body.workspace-v2:not(.tool-open) .omnibox {
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    backdrop-filter: blur(28px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 26px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .78),
        0 0 0 .5px rgba(60, 60, 67, .10),
        var(--apple-shadow-glass);
}

body.workspace-v2:not(.tool-open) .omnibox:focus-within {
    border-color: rgba(0, 122, 255, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .82),
        0 0 0 4px rgba(0, 122, 255, .10),
        0 20px 58px rgba(0, 0, 0, .13);
}

body.workspace-v2:not(.tool-open) .omnibox textarea {
    color: var(--apple-ink);
    font-size: 16px;
    line-height: 1.5;
}

body.workspace-v2:not(.tool-open) .omnibox textarea::placeholder {
    color: rgba(60, 60, 67, .48);
}

body.workspace-v2:not(.tool-open) .omnibox .icon-btn,
body.workspace-v2:not(.tool-open) .omnibox .web-search-toggle,
body.workspace-v2:not(.tool-open) .omnibox .send-btn,
body.workspace-v2:not(.tool-open) .model-switcher {
    min-height: 40px;
    transition:
        transform 120ms var(--apple-ease),
        background-color 160ms var(--apple-ease),
        color 160ms var(--apple-ease),
        box-shadow 160ms var(--apple-ease);
}

body.workspace-v2:not(.tool-open) .omnibox .icon-btn:hover,
body.workspace-v2:not(.tool-open) .omnibox .web-search-toggle:hover,
body.workspace-v2:not(.tool-open) .model-switcher:hover {
    background: rgba(120, 120, 128, .12);
}

body.workspace-v2:not(.tool-open) .omnibox .send-btn {
    width: 38px;
    height: 38px;
    min-width: 38px;
    color: #fff;
    background: #1d1d1f;
    box-shadow: 0 8px 18px rgba(29, 29, 31, .18);
}

body.workspace-v2:not(.tool-open) .omnibox .send-btn:hover {
    background: #000;
}

body.workspace-v2:not(.tool-open) .action-pill,
body.workspace-v2:not(.tool-open) .chat-agent-hint {
    border-color: rgba(60, 60, 67, .12);
    background: rgba(255, 255, 255, .74);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    backdrop-filter: blur(16px) saturate(160%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 8px 24px rgba(0, 0, 0, .04);
}

body.workspace-v2:not(.tool-open) .chat-agent-hint {
    width: fit-content;
    max-width: min(680px, calc(100vw - 48px));
    margin: 10px auto 0;
    padding: 0 !important;
    color: rgba(29, 29, 31, .54) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}

body.workspace-v2:not(.tool-open) .action-pill:hover {
    transform: translateY(-1px);
    border-color: rgba(0, 122, 255, .28);
}

body.workbench-theme-dark:not(.tool-open) {
    --apple-bg: #0b0b0f;
    --apple-bg-elevated: #1c1c1e;
    --apple-bg-soft: #242426;
    --apple-ink: #f5f5f7;
    --apple-ink-2: rgba(245, 245, 247, .74);
    --apple-ink-3: rgba(245, 245, 247, .52);
    --apple-line: rgba(255, 255, 255, .14);
    --apple-line-strong: rgba(255, 255, 255, .22);
    --workspace-bg: #0b0b0f;
    --workspace-sidebar: rgba(22, 22, 24, .82);
    --workspace-surface: rgba(30, 30, 32, .84);
    --workspace-surface-soft: rgba(255, 255, 255, .09);
    --workspace-surface-hover: rgba(255, 255, 255, .12);
    --workspace-text: var(--apple-ink);
    --workspace-text-strong: var(--apple-ink);
    --workspace-muted: var(--apple-ink-2);
    --workspace-subtle: var(--apple-ink-3);
    --workspace-border: var(--apple-line);
    --workspace-border-strong: var(--apple-line-strong);
}

body.workbench-theme-dark:not(.tool-open) .ai-workspace {
    background:
        radial-gradient(circle at 50% -12%, rgba(10, 132, 255, .22), transparent 34%),
        linear-gradient(180deg, #111114, #08080a);
}

body.workbench-theme-dark:not(.tool-open) .workspace-sidebar,
body.workbench-theme-dark:not(.tool-open) .chat-topbar,
body.workbench-theme-dark:not(.tool-open) .omnibox,
body.workbench-theme-dark:not(.tool-open) .chat-message.user .message-bubble {
    background: rgba(28, 28, 30, .78) !important;
    border-color: rgba(255, 255, 255, .12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 18px 46px rgba(0, 0, 0, .36);
}

body.workbench-theme-dark:not(.tool-open) .chat-message.user .message-bubble,
body.workbench-theme-dark:not(.tool-open) .chat-message.assistant .message-bubble,
body.workbench-theme-dark:not(.tool-open) .omnibox textarea,
body.workbench-theme-dark:not(.tool-open) .chat-welcome h1 {
    color: #f5f5f7 !important;
}

body.workbench-theme-dark:not(.tool-open) .chat-agent-hint {
    color: rgba(245, 245, 247, .58) !important;
    background: transparent !important;
}

body.workbench-theme-dark:not(.tool-open) .omnibox .send-btn {
    color: #111114;
    background: #f5f5f7;
}

body.tool-open {
    background: #f5f5f7;
    font-family: var(--apple-font);
}

.action-panel {
    color: var(--apple-ink);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .68), rgba(245, 245, 247, .96)),
        radial-gradient(circle at 12% -8%, rgba(0, 122, 255, .10), transparent 32%) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.action-panel:not(.wechat-article-panel):not(.document-tools-panel) {
    max-width: min(1120px, calc(100vw - 36px));
    margin-inline: auto;
    padding: clamp(18px, 2.4vw, 28px) !important;
    border-radius: 0 !important;
}

.back-btn,
.secondary-btn,
.primary-btn,
.prompt-chip,
.compact-btn,
.document-tool-card,
.video-tool-tabs button,
.video-source-switch button {
    transition:
        transform 120ms var(--apple-ease),
        background-color 180ms var(--apple-ease),
        border-color 180ms var(--apple-ease),
        box-shadow 180ms var(--apple-ease),
        color 180ms var(--apple-ease) !important;
}

.back-btn,
.secondary-btn,
.compact-btn {
    min-height: 40px;
    border: 1px solid var(--apple-line) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .76) !important;
    color: var(--apple-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 8px 24px rgba(0, 0, 0, .04) !important;
}

.back-btn:hover,
.secondary-btn:hover,
.compact-btn:hover,
.prompt-chip:hover,
.document-tool-card:hover {
    transform: translateY(-1px);
    border-color: rgba(0, 122, 255, .28) !important;
    box-shadow: var(--apple-shadow-1) !important;
}

.primary-btn,
.document-submit-btn,
#btnWechatArticle,
#wechatArticlePanel .wechat-top-actions .primary-btn,
#mode5Panel .primary-btn {
    min-height: 46px;
    border: 0 !important;
    border-radius: 999px !important;
    background: #1d1d1f !important;
    color: #fff !important;
    font-weight: 650 !important;
    box-shadow: 0 12px 26px rgba(29, 29, 31, .18) !important;
}

.primary-btn:hover:not(:disabled),
.document-submit-btn:hover:not(:disabled),
#btnWechatArticle:hover:not(:disabled),
#wechatArticlePanel .wechat-top-actions .primary-btn:hover:not(:disabled),
#mode5Panel .primary-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    background: #000 !important;
    box-shadow: 0 16px 34px rgba(29, 29, 31, .22) !important;
}

.panel-header,
.help-box,
.guided-prompt-card,
.result-panel,
.template-context-display,
.file-list,
.usage-limit-hint,
.document-tools-hero,
.document-tools-sidebar,
.document-tools-workbench,
.document-tools-result,
.video-agent-top,
.video-toolbox-form,
.video-tool-preview-card,
.video-tool-result-panel {
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: var(--apple-radius-xl) !important;
    background: rgba(255, 255, 255, .76) !important;
    -webkit-backdrop-filter: blur(22px) saturate(170%);
    backdrop-filter: blur(22px) saturate(170%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .72),
        0 0 0 .5px rgba(60, 60, 67, .08),
        var(--apple-shadow-1) !important;
}

.panel-header {
    align-items: center;
    padding: clamp(18px, 2vw, 24px) !important;
    margin-bottom: 18px !important;
}

.panel-title h3,
.document-tools-hero h3,
.video-agent-top h3,
.wechat-article-hero h3 {
    color: var(--apple-ink) !important;
    font-size: clamp(24px, 2.2vw, 34px) !important;
    font-weight: 720 !important;
    line-height: 1.12 !important;
    letter-spacing: -.022em !important;
}

.panel-title p,
.document-tools-hero p,
.video-agent-top p,
.help-box,
.usage-limit-hint,
.template-context-display,
.file-list {
    color: var(--apple-ink-2) !important;
    line-height: 1.65;
}

.panel-icon,
.agent-avatar,
.document-upload-card > span {
    background: rgba(0, 122, 255, .12) !important;
    color: #0066cc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

.action-panel label,
.document-option-panel label,
.video-toolbox-form label,
.wechat-article-editor label {
    color: var(--apple-ink) !important;
    font-size: 13px;
    font-weight: 650 !important;
    letter-spacing: 0;
}

.action-panel input[type="text"],
.action-panel input[type="number"],
.action-panel input[type="url"],
.action-panel input[type="file"],
.action-panel select,
.action-panel textarea,
.document-option-panel input,
.document-option-panel select,
.document-option-panel textarea,
.video-toolbox-form input,
.video-toolbox-form select,
.video-toolbox-form textarea,
.wechat-article-editor input[type="text"],
.wechat-article-editor input[type="file"],
.wechat-article-editor select,
.wechat-article-editor textarea {
    border: 1px solid rgba(60, 60, 67, .16) !important;
    border-radius: var(--apple-radius) !important;
    background: rgba(255, 255, 255, .88) !important;
    color: var(--apple-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

.action-panel input[type="file"] {
    padding: 9px 12px !important;
}

.action-panel input[type="file"]::file-selector-button {
    min-height: 30px;
    margin-right: 10px;
    padding: 0 12px;
    border: 1px solid var(--apple-line);
    border-radius: 999px;
    background: rgba(120, 120, 128, .10);
    color: var(--apple-ink);
    font: inherit;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    transition: background-color 160ms var(--apple-ease), border-color 160ms var(--apple-ease);
}

.action-panel input[type="file"]::file-selector-button:hover {
    border-color: rgba(0, 122, 255, .28);
    background: rgba(0, 122, 255, .10);
}

.action-panel input:focus,
.action-panel select:focus,
.action-panel textarea:focus,
.document-option-panel input:focus,
.document-option-panel select:focus,
.document-option-panel textarea:focus,
.video-toolbox-form input:focus,
.video-toolbox-form select:focus,
.video-toolbox-form textarea:focus,
.wechat-article-editor input:focus,
.wechat-article-editor select:focus,
.wechat-article-editor textarea:focus {
    border-color: rgba(0, 122, 255, .45) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, .10) !important;
}

.prompt-chips {
    gap: 8px !important;
}

.prompt-chip {
    min-height: 36px;
    border: 1px solid var(--apple-line) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .72) !important;
    color: var(--apple-ink) !important;
    font-weight: 600 !important;
}

.result-panel,
.video-tool-result-panel {
    overflow: hidden;
}

.document-tools-panel {
    max-width: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .70), rgba(245, 245, 247, .96)),
        radial-gradient(circle at 78% -8%, rgba(0, 122, 255, .10), transparent 30%) !important;
}

.document-tools-hero,
.document-tools-sidebar,
.document-tools-workbench,
.document-tools-result {
    background: rgba(255, 255, 255, .76) !important;
}

.document-tool-card.is-active {
    border-color: rgba(0, 122, 255, .42) !important;
    background: rgba(0, 122, 255, .08) !important;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, .08) !important;
}

.document-current-card,
.document-option-panel,
.document-upload-card,
.document-empty,
.document-file-item,
.document-result-tips {
    border: 1px solid var(--apple-line) !important;
    border-radius: var(--apple-radius-lg) !important;
    background: rgba(255, 255, 255, .72) !important;
}

.document-result-card {
    border-radius: var(--apple-radius-lg) !important;
    background: #1d1d1f !important;
    color: #fff;
    box-shadow: var(--apple-shadow-2) !important;
}

.video-agent-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .70), rgba(245, 245, 247, .96)),
        radial-gradient(circle at 78% -8%, rgba(88, 86, 214, .12), transparent 30%) !important;
}

.video-agent-top,
.video-toolbox-form,
.video-tool-result-panel {
    color: var(--apple-ink) !important;
}

.video-tool-preview-card {
    color: #fff !important;
    background: #1d1d1f !important;
}

#subtitleResultText,
.voice-link-box {
    border-color: var(--apple-line) !important;
    border-radius: var(--apple-radius) !important;
    background: rgba(255, 255, 255, .72) !important;
}

.wechat-article-panel {
    max-width: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(245, 245, 247, .96)),
        radial-gradient(circle at 12% -8%, rgba(52, 199, 89, .12), transparent 30%) !important;
}

.wechat-article-hero {
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: var(--apple-radius-xl) !important;
    color: var(--apple-ink) !important;
    background: rgba(255, 255, 255, .76) !important;
    -webkit-backdrop-filter: blur(22px) saturate(170%);
    backdrop-filter: blur(22px) saturate(170%);
    box-shadow: var(--apple-shadow-1) !important;
}

.wechat-article-hero p {
    color: var(--apple-ink-2) !important;
}

.wechat-top-actions .secondary-btn,
.wechat-top-actions .primary-btn {
    min-height: 40px;
}

.wechat-article-editor,
.wechat-article-preview-panel {
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: var(--apple-radius-xl) !important;
    background: rgba(255, 255, 255, .78) !important;
    -webkit-backdrop-filter: blur(20px) saturate(170%);
    backdrop-filter: blur(20px) saturate(170%);
    box-shadow: var(--apple-shadow-1) !important;
}

.wechat-template-tabs button,
.wechat-template-card,
.wechat-design-strip,
.wechat-editor-section,
.wechat-collapsible-section,
.wechat-preview-tuner,
.wechat-publish-check-summary,
.wechat-phone-frame {
    border-color: var(--apple-line) !important;
    background: rgba(255, 255, 255, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68) !important;
}

.wechat-template-card {
    border-radius: var(--apple-radius) !important;
}

.wechat-template-card:hover,
.wechat-template-card.is-active,
.wechat-template-tabs button:hover,
.wechat-template-tabs button.is-active {
    transform: translateY(-1px);
    border-color: rgba(0, 122, 255, .32) !important;
    background: rgba(0, 122, 255, .08) !important;
}

.wechat-phone-frame {
    border-radius: 30px !important;
}

.wechat-article-preview {
    color: #111827;
}

@media (prefers-reduced-transparency: reduce) {
    body.workspace-v2:not(.tool-open) .workspace-sidebar,
    body.workspace-v2:not(.tool-open) .chat-topbar,
    body.workspace-v2:not(.tool-open) .omnibox,
    .panel-header,
    .help-box,
    .guided-prompt-card,
    .result-panel,
    .file-list,
    .wechat-article-editor,
    .wechat-article-preview-panel,
    .document-tools-sidebar,
    .document-tools-workbench,
    .document-tools-result,
    .video-toolbox-form {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: #fff !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (max-width: 768px) {
    body.workspace-v2:not(.tool-open) .chat-topbar {
        background: rgba(245, 245, 247, .92);
    }

    body.workspace-v2:not(.tool-open) .chat-main.is-empty-chat .chat-view {
        padding-top: clamp(116px, 22vh, 184px);
    }

    body.workspace-v2:not(.tool-open) .chat-welcome h1 {
        max-width: 320px;
        margin: 0 auto;
        text-align: center !important;
        font-size: clamp(30px, 8vw, 40px) !important;
        line-height: 1.16;
    }

    body.workspace-v2:not(.tool-open) .omnibox-shell,
    body.workspace-v2:not(.tool-open) .chat-main.has-messages .omnibox-shell {
        width: calc(100% - 20px) !important;
        padding-inline: 0 !important;
        box-sizing: border-box;
    }

    body.workspace-v2:not(.tool-open) .omnibox {
        border-radius: 28px;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.workspace-v2:not(.tool-open) .chat-message.user > div:last-child {
        max-width: 90%;
    }

    .action-panel:not(.wechat-article-panel):not(.document-tools-panel),
    .document-tools-panel,
    .wechat-article-panel {
        max-width: none;
        padding: 12px !important;
    }

    .panel-header,
    .document-tools-hero,
    .video-agent-top,
    .wechat-article-hero {
        padding: 18px !important;
    }

    .panel-title h3,
    .document-tools-hero h3,
    .video-agent-top h3,
    .wechat-article-hero h3 {
        font-size: 26px !important;
    }

    .wechat-article-workbench,
    .document-tools-shell,
    .video-toolbox-shell {
        gap: 12px !important;
    }
}

/* Final main workspace tightening after screenshot audit. */
body.workspace-v2:not(.tool-open) .chat-welcome {
    text-align: center !important;
}

body.workspace-v2:not(.tool-open) .chat-welcome h1 {
    display: block !important;
    width: min(640px, calc(100vw - 48px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

body.workspace-v2:not(.tool-open) .chat-agent-hint {
    margin-top: 12px !important;
    margin-bottom: 10px !important;
    color: rgba(29, 29, 31, .50) !important;
    font-size: 12.5px !important;
    background: transparent !important;
}

body.workspace-v2:not(.tool-open) .action-pills {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    body.workspace-v2:not(.tool-open) .chat-welcome h1 {
        width: min(290px, calc(100vw - 56px)) !important;
        max-width: none !important;
        text-align: center !important;
    }

    body.workspace-v2:not(.tool-open) .chat-agent-hint {
        display: none !important;
    }

    body.workspace-v2:not(.tool-open) .chat-main .omnibox {
        grid-template-columns: 38px minmax(92px, 1fr) 36px 36px 36px !important;
        column-gap: 2px !important;
        overflow: hidden;
    }

    body.workspace-v2:not(.tool-open) .chat-main .omnibox .icon-btn,
    body.workspace-v2:not(.tool-open) .chat-main .omnibox .web-search-toggle,
    body.workspace-v2:not(.tool-open) .chat-main .omnibox .send-btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    body.workspace-v2:not(.tool-open) .chat-main .omnibox .input-model-switcher {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.workspace-v2:not(.tool-open) .chat-main .omnibox .model-switcher {
        max-width: 112px !important;
        overflow: hidden !important;
    }

    body.workspace-v2:not(.tool-open) .chat-main .omnibox .model-switcher span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* -------------------------------------------------------------
   Genspark AI Inspired Agentic Workspace Polish
   ------------------------------------------------------------- */
.model-switcher {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    background: rgba(0, 122, 255, .08) !important;
    border: 1px solid rgba(0, 122, 255, .20) !important;
    border-radius: 20px !important;
    color: var(--apple-blue) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 180ms ease !important;
}

.model-switcher:hover {
    background: rgba(0, 122, 255, .15) !important;
    border-color: rgba(0, 122, 255, .35) !important;
    transform: translateY(-1px);
}

.model-switcher b {
    font-size: 10px !important;
    margin-left: 2px;
    opacity: .75;
}

.model-popover {
    background: rgba(255, 255, 255, .96) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .06) !important;
    padding: 8px !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
}

.model-option {
    border-radius: 12px !important;
    padding: 8px 10px !important;
    transition: background 150ms ease !important;
}

.model-option:hover,
.model-option.is-selected {
    background: rgba(0, 122, 255, .08) !important;
}

.model-option-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: rgba(0, 122, 255, .12) !important;
    color: var(--apple-blue) !important;
}

.action-pill {
    background: rgba(255, 255, 255, .88) !important;
    border: 1px solid rgba(60, 60, 67, .14) !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: var(--apple-ink-2) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .03) !important;
    transition: all 180ms ease !important;
}

.action-pill:hover {
    color: var(--apple-blue) !important;
    border-color: rgba(0, 122, 255, .30) !important;
    background: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 122, 255, .12) !important;
}

.action-pill i {
    color: var(--apple-blue);
}

.omnibox {
    border-radius: 24px !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04) !important;
    background: rgba(255, 255, 255, .92) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
}

.omnibox:focus-within {
    border-color: rgba(0, 122, 255, .45) !important;
    box-shadow: 0 16px 48px rgba(0, 122, 255, .14), 0 2px 8px rgba(0, 0, 0, .05) !important;
}

.agent-pipeline-card {
    background: rgba(255, 255, 255, .90);
    border: 1px solid rgba(0, 122, 255, .20);
    border-radius: 16px;
    padding: 14px 18px;
    margin: 12px 0;
    box-shadow: 0 4px 18px rgba(0, 122, 255, .06);
}

.agent-pipeline-title {
    font-size: 13px;
    font-weight: 650;
    color: var(--apple-blue);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.agent-pipeline-steps {
    display: grid;
    gap: 6px;
    font-size: 12.5px;
    color: var(--apple-ink-2);
}

.agent-pipeline-step {
    display: flex;
    align-items: center;
    gap: 8px;
}

.agent-pipeline-step.done {
    color: #10b981;
}

.agent-pipeline-step.running {
    color: var(--apple-blue);
    font-weight: 600;
}

@media (max-width: 900px) {
    body.workspace-v2:not(.tool-open) .chat-main .omnibox {
        overflow: visible !important;
    }

    body.workspace-v2:not(.tool-open) .model-switcher {
        max-width: 118px !important;
        width: auto !important;
        height: 36px !important;
        min-height: 36px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    body.workspace-v2:not(.tool-open) .model-switcher span,
    body.workspace-v2:not(.tool-open) .chat-main .omnibox .model-switcher span {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        line-height: 1.25 !important;
    }

    body.workspace-v2:not(.tool-open) .model-switcher b {
        flex: 0 0 auto;
    }

    body.workspace-v2:not(.tool-open) .model-popover {
        position: fixed !important;
        bottom: calc(env(safe-area-inset-bottom) + 154px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: min(420px, calc(100vw - 28px)) !important;
        max-height: min(46vh, 360px) !important;
        overflow-y: auto !important;
        z-index: 10000 !important;
    }

    body.workspace-v2:not(.tool-open) .chat-main .omnibox .input-model-switcher .model-popover {
        position: fixed !important;
        bottom: calc(env(safe-area-inset-bottom) + 154px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: min(420px, calc(100vw - 28px)) !important;
        max-height: min(46vh, 360px) !important;
        overflow-y: auto !important;
        z-index: 10000 !important;
    }

    body.workspace-v2:not(.tool-open) .model-option {
        align-items: flex-start !important;
    }

    body.workspace-v2:not(.tool-open) .model-option > div {
        min-width: 0;
    }

    body.workspace-v2:not(.tool-open) .model-option strong,
    body.workspace-v2:not(.tool-open) .model-option small {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        line-height: 1.35 !important;
    }

    body.workspace-v2:not(.tool-open) .chat-main .omnibox .input-model-switcher {
        flex: 0 0 112px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 112px !important;
        overflow: visible !important;
    }

    body.workspace-v2:not(.tool-open) .chat-main .omnibox .input-model-switcher .model-switcher {
        width: auto !important;
        min-width: 0 !important;
        max-width: 112px !important;
    }
}

@media (max-width: 520px) {
    body.workspace-v2:not(.tool-open) .chat-main .omnibox .input-model-switcher {
        flex-basis: 112px !important;
        min-width: 0 !important;
        max-width: 112px !important;
    }
}