/* Creation and automation workspace: larger reading surfaces, real state first.
   Loaded after the shared workbench theme. No business controls are replaced. */
#creation-view { --creation-ink: #18243c; --creation-muted: #62718a; --creation-line: #dfe5ee; color: var(--creation-ink); }
#creation-view > .section-title { position: static; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
#creation-view > .section-title h2 { font-size: 19px; line-height: 1.4; margin: 0; letter-spacing: -.3px; }
#creation-refresh { min-height: 42px; font-size: 14px; padding: 9px 16px; }
#creation-view .creation-overview { display: flex; align-items: center; gap: 24px; padding: 22px 24px; margin: 0 0 24px; border: 1px solid var(--creation-line); border-radius: 16px; background: linear-gradient(110deg, #fff 55%, #eff8f6); }
#creation-view .creation-overview > div { display: flex; gap: 16px; align-items: baseline; }
#creation-view .overview-caption { color: #4b5a72; font-size: 14px; font-weight: 600; }
#creation-view .creation-overview strong { color: #102b38; font-size: 40px; line-height: 1; font-weight: 750; letter-spacing: -1.3px; }
#creation-view .creation-overview > p { font-size: 14px; color: #62718a; line-height: 1.7; margin: 0; padding-left: 24px; border-color: #d7e5e1; }
#creation-jump-draft { font-size: 14px; color: #087f70; min-height: 42px; }
#creation-view .creation-layout { grid-template-columns: minmax(260px, 300px) minmax(0, 1fr); gap: 24px; align-items: start; }
#creation-view .creation-layout > .panel:first-child { position: sticky; top: 100px; max-height: calc(100vh - 124px); padding: 20px 14px 14px; border-radius: 16px; overflow-y: auto; scrollbar-gutter: stable; background: #fff; }
#creation-view .creation-layout > .panel:first-child > h3 { font-size: 16px; margin: 0 6px 16px; padding: 0; }
#creation-view .list-caption { font-size: 12px; color: #6d7b91; letter-spacing: 0; }
#creation-job-filter { min-height: 43px; padding: 10px 12px; font-size: 14px; margin: 0 0 16px; background: #f7f9fc; border-color: #dce4ee; border-radius: 10px; }
#creation-jobs .creation-job-card { position: relative; display: grid; gap: 10px; padding: 16px 14px; margin: 0 0 10px; background: #fff; border: 1px solid #e1e7ef; border-radius: 12px; box-shadow: none; }
#creation-jobs .creation-job-card[data-selected=true] { background: #eef8f5; border-color: #8bc5b6; box-shadow: inset 3px 0 #087f70; }
#creation-jobs .creation-job-title { display: block; padding: 0; margin: 0; min-height: 0; white-space: normal; text-align: left; font-size: 15px; font-weight: 650; line-height: 1.7; color: #21334d; text-decoration: none; border: 0; border-radius: 3px; }
#creation-jobs .creation-job-title[aria-pressed=true] { color: #075f54; text-decoration: none; font-weight: 700; }
#creation-jobs .creation-job-title:hover { color: #087f70; text-decoration: underline; text-underline-offset: 4px; }
#creation-jobs .job-state { display: inline-flex; align-items: center; gap: 6px; justify-self: start; max-width: 100%; font-size: 12px; padding: 3px 9px; line-height: 1.6; border: 1px solid #dae3ee; border-radius: 20px; background: #edf2f9; color: #435873; font-weight: 600; white-space: normal; }
#creation-jobs .job-state::before { content: ''; width: 6px; height: 6px; background: currentColor; border-radius: 50%; flex: none; }
#creation-jobs [data-status=complete] .job-state { color: #076e59; background: #e8f7ef; border-color: #c4e9d7; }
#creation-jobs [data-status=running] .job-state, #creation-jobs [data-status=writing] .job-state, #creation-jobs [data-status=searching_images] .job-state, #creation-jobs [data-status=planning_images] .job-state { color: #3158b5; background: #edf2ff; border-color: #d5dfff; }
#creation-jobs [data-status=error] .job-state, #creation-jobs [data-status=waiting_media_login] .job-state, #creation-jobs [data-status=waiting_budget] .job-state { color: #985b0c; background: #fff5df; border-color: #f3dcad; }
#creation-jobs .creation-job-activity { font-size: 12px; color: #65758c; line-height: 1.6; margin: 0; }
#creation-jobs progress { width: 100%; height: 5px; opacity: 1; margin: 0; accent-color: #087f70; }
#creation-view .creation-layout > .panel:first-child > .page-actions { gap: 8px; align-items: center; justify-content: space-between; font-size: 12px; padding: 14px 0 0; margin: 12px 0 0; border-top: 1px solid #e4eaf1; }
#creation-view .page-actions button { font-size: 12px; min-height: 34px; padding: 5px 8px; }
#creation-page { line-height: 1.5; text-align: center; }
#creation-detail { padding: 28px 30px; background: #fff; border-radius: 16px; border-color: #dfe5ee; scroll-margin-top: 100px; }
#creation-detail .manuscript-kicker { color: #60718b; font-size: 12px; line-height: 1.5; letter-spacing: .6px; margin: 0 0 18px; }
#creation-detail .manuscript-save-state { color: #65748a; font-size: 12px; }
#creation-detail > h3#creation-detail-title { color: #192d47; font-size: 22px; line-height: 1.6; letter-spacing: -.4px; margin: 0 0 12px; padding: 0; border: 0; }
#creation-progress { color: #39627d; font-size: 14px; line-height: 1.6; margin: 0 0 12px; }
#creation-progress-bar { height: 6px; accent-color: #087f70; border-radius: 8px; margin: 0; }
#creation-detail .creation-phase-tracker { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 0; margin: 18px 0 22px; list-style: none; }
#creation-detail .creation-phase-tracker > li { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 10px; border: 1px solid #e3e8f0; border-radius: 10px; background: #f7f9fc; font-size: 12px; color: #68768b; font-weight: 600; }
#creation-detail .creation-phase-tracker > li.is-current { color: #076e61; background: #eaf7f2; border-color: #9acdbf; box-shadow: inset 0 2px #087f70; }
#creation-detail .phase-number { color: #8996a9; font-size: 11px; font-variant-numeric: tabular-nums; }
#creation-detail .is-current > .phase-number { color: #087f70; }
#creation-error:empty, #creation-actions:empty { display: none; }
#creation-error:not(:empty) { background: #fff5e8; color: #8b4c0c; border: 1px solid #efd1a3; border-radius: 10px; padding: 14px 16px; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; margin: 16px 0; }
#creation-actions { gap: 8px; margin: 12px 0 20px; }
#creation-actions button { font-size: 13px; min-height: 38px; padding: 8px 12px; }
#creation-detail .manuscript-tabs { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 12px 0; margin: 14px 0 20px; border-top: 1px solid #e3e8f0; border-bottom: 1px solid #e3e8f0; background: #fff; }
#creation-detail .manuscript-tabs button { font-size: 13px; min-height: 38px; padding: 8px 13px; border-radius: 9px; }
#creation-detail .manuscript-tabs button[aria-pressed=true] { background: #e8f5f1; border: 1px solid #a6d2c4; color: #076e5f; font-weight: 650; }
#creation-detail #creation-focus { margin-left: auto; }
#creation-detail .manuscript-tabs .text-button { color: #476079; font-weight: 500; }
#creation-copy-status { font-size: 13px; color: #087f70; margin: 0 0 14px; }
#creation-detail .manuscript-reading { max-width: 760px; margin: 0 auto; padding: 16px 6px 24px; color: #283b50; background: #fff; }
#creation-detail .manuscript-reading > h2 { font-size: 29px; line-height: 1.65; color: #172b43; letter-spacing: -.5px; margin: 0 0 28px; font-weight: 750; }
#creation-detail .manuscript-reading > h3 { color: #1d4353; font-size: 22px; line-height: 1.65; margin: 32px 0 18px; border-left: 4px solid #087f70; padding-left: 14px; }
#creation-detail .manuscript-reading p, #creation-detail .manuscript-reading li, #creation-detail .manuscript-reading blockquote { color: #3f5065; font-size: 16px; line-height: 2; }
#creation-detail .manuscript-reading p { margin: 0 0 24px; }
#creation-detail .manuscript-reading strong { color: #17394b; }
#creation-detail .manuscript-reading blockquote { padding: 18px 20px; background: #f1f6fa; border-left: 4px solid #a4bdcd; color: #536a80; }
#creation-detail .manuscript-reading code { background: #f0f4fa; color: #344f6c; }
#creation-editor label { color: #354b64; font-size: 14px; font-weight: 650; margin: 16px 0 8px; }
#creation-result-title { min-height: 46px; font-size: 16px; border-color: #cdd9e6; background: #fff; }
#creation-result-body { min-height: 440px; font-size: 16px; line-height: 1.9; padding: 18px; background: #fbfcfe; border-color: #cdd9e6; border-radius: 12px; }
#creation-result-note { font-size: 13px; color: #64758a; margin: 16px 0; padding: 14px 0 0; border-top: 1px solid #e4eaf1; }
#creation-detail > .actions > button { min-height: 42px; font-size: 14px; padding: 9px 16px; }
#creation-detail > .section-number { color: #1c304d; font-size: 20px; margin: 34px 0 18px; padding-top: 26px; border-top: 1px solid #e4eaf1; }
#creation-detail > .section-number > span { display: inline-grid; place-items: center; min-width: 30px; height: 30px; border-radius: 9px; color: #087f70; background: #e9f6f1; font-size: 13px; font-weight: 700; }
#creation-images { display: grid; gap: 16px; }
#creation-images .creation-image-slot { padding: 18px; background: #f8fafc; border: 1px solid #dce5ee; border-radius: 12px; margin: 0; min-width: 0; }
#creation-images .creation-image-slot[data-missing=true] { border-color: #efd2a4; background: #fffaf0; }
#creation-images .creation-slot-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
#creation-images .creation-slot-heading h4 { color: #223950; font-size: 15px; line-height: 1.7; margin: 0; }
#creation-images .creation-slot-state { flex: none; font-size: 12px; color: #3a627a; background: #e9f0f6; border-radius: 20px; padding: 3px 9px; white-space: nowrap; }
#creation-images [data-missing=true] .creation-slot-state { color: #9b630e; background: #fff0d1; }
#creation-images .creation-slot-queries { font-size: 13px; color: #697b90; margin: 0 0 16px; line-height: 1.7; overflow-wrap: anywhere; }
#creation-images .creation-candidates { display: grid; grid-template-columns: repeat(auto-fill, minmax(138px, 1fr)); gap: 12px; margin: 0 0 14px; }
#creation-images .creation-candidates button { display: flex; flex-direction: column; align-items: stretch; gap: 9px; width: auto; max-width: 240px; padding: 7px 7px 10px; border-radius: 10px; border: 1px solid #d5e0ea; background: #fff; color: #37506b; font-size: 13px; font-weight: 550; line-height: 1.5; min-width: 0; min-height: 0; overflow: hidden; }
#creation-images .creation-candidates img { display: block; width: 100%; height: 118px; object-fit: cover; border-radius: 6px; background: #e8eef5; }
#creation-images .creation-candidates [data-selected=true] { border: 2px solid #087f70; color: #087f70; background: #eef8f4; padding: 6px 6px 9px; opacity: 1; }
#creation-images .creation-image-slot > button { min-height: 36px; font-size: 13px; padding: 7px 12px; color: #3f5f7b; background: #fff; }
#creation-gallery-open { margin-top: 16px; font-size: 14px; min-height: 42px; }
#creation-detail > details { border: 1px solid #dfe6ef; border-radius: 10px; padding: 14px 16px; margin: 24px 0; background: #f8fafc; }
#creation-detail > details > summary { color: #435b75; font-size: 14px; font-weight: 600; cursor: pointer; }
#creation-logs { font-size: 13px; line-height: 1.9; color: #536b84; padding-left: 24px; max-height: 280px; }
#creation-detail > .section-number + p, #creation-publish-settings p { font-size: 14px; color: #61728a; line-height: 1.8; }
#creation-publish-open { min-height: 44px; padding: 11px 20px; font-size: 14px; border-radius: 10px; }
#creation-publish-settings { margin-top: 20px; padding: 22px; border: 1px solid #c9dfd8; border-radius: 12px; background: #f1f8f5; }
#creation-publish-settings h4 { margin: 0 0 18px; color: #1d4a3e; font-size: 16px; }
#creation-publish-form > label:not(.creation-check) { display: block; font-size: 14px; margin: 18px 0 8px; font-weight: 600; }
#creation-publish-form select { max-width: 440px; min-height: 44px; font-size: 14px; background: #fff; }
#creation-publish-form .creation-check { margin: 10px 0; font-size: 14px; color: #284638; align-items: flex-start; gap: 10px; line-height: 1.7; }
#creation-publish-form .creation-check input { width: 18px; min-width: 18px; height: 18px; min-height: 18px; margin-top: 3px; }
#creation-cover-images { display: flex; gap: 12px; flex-wrap: wrap; margin: 18px 0; }
#creation-cover-images .creation-cover-option { width: 130px; display: grid; grid-template-columns: 20px 1fr; gap: 8px; padding: 9px; margin: 0; border: 1px solid #cadfd5; border-radius: 10px; background: #fff; font-size: 13px; }
#creation-cover-images .creation-cover-option img { grid-column: 1 / -1; grid-row: 1; width: 110px; height: 82px; border-radius: 6px; object-fit: cover; }
#creation-cover-images .creation-cover-option input { min-height: 18px; width: 18px; height: 18px; margin: 0; }
#creation-publish-form > button { min-height: 44px; font-size: 14px; margin-top: 4px; }
#creation-publications { margin-top: 20px; }
#creation-publications > p { color: #687b91; background: #f7f9fc; border: 1px dashed #d7e0ea; border-radius: 10px; padding: 16px; font-size: 14px; }
#creation-publications .creation-publication-card { border: 1px solid #d8e2ec; border-left: 4px solid #668aa4; background: #f8fafc; border-radius: 12px; margin: 12px 0; padding: 18px; }
#creation-publications .creation-publication-card > strong { display: block; color: #25405b; font-size: 16px; margin-bottom: 10px; line-height: 1.7; }
#creation-publications .creation-publication-card p { font-size: 13px; line-height: 1.8; color: #536d83; overflow-wrap: anywhere; }
#creation-publications .creation-publication-card button { margin: 6px 8px 0 0; min-height: 40px; font-size: 14px; }
#creation-publications .creation-publication-card[data-status=ready_for_confirmation] { border-color: #93cdb7; border-left-color: #087f70; background: #f0faf5; }
#creation-publications .creation-publication-card[data-status=published] { border-left-color: #087f70; }
#creation-publications .creation-publication-card[data-status=needs_reconcile], #creation-publications .creation-publication-card[data-status=preparation_failed], #creation-publications .creation-publication-card[data-status=failed_before_submission] { background: #fff9ed; border-color: #efd5ab; border-left-color: #b77b15; }
#creation-start-dialog, #creation-confirm-dialog { border: 1px solid #dce4ed; border-radius: 18px; padding: 30px; color: #20354e; box-shadow: 0 30px 100px #0e21392e; }
#creation-start-dialog { width: min(620px, calc(100vw - 32px)); }
#creation-confirm-dialog { width: min(880px, calc(100vw - 32px)); }
#creation-start-dialog h2, #creation-confirm-dialog h2 { font-size: 24px; color: #172d45; }
#creation-start-dialog h3, #creation-confirm-dialog h3 { font-size: 18px; line-height: 1.7; }
#creation-start-dialog p, #creation-confirm-dialog p, #creation-start-dialog label, #creation-confirm-dialog label { font-size: 14px; line-height: 1.8; }
#creation-final-body { font-size: 15px; line-height: 2; border: 1px solid #dfe6ee; border-radius: 12px; padding: 22px; background: #f9fbfd; max-height: 43vh; color: #40566f; }
#creation-final-images { gap: 12px; margin: 18px 0; }
#creation-final-images img { max-width: 180px; max-height: 135px; border-radius: 9px; background: #eef3f8; }
#creation-final-check { width: 18px; height: 18px; min-height: 18px; flex: none; }
#creation-confirm-dialog .creation-check { align-items: flex-start; gap: 10px; margin: 18px 0; }
#creation-start-dialog .actions button, #creation-confirm-dialog .actions button { min-height: 44px; padding: 10px 17px; font-size: 14px; }
body.writing-focus #creation-view .creation-layout { display: block; }
body.writing-focus #creation-detail { max-width: 960px; margin: 0 auto; }

/* Automation: live schedule and quota are separate from the editable policy. */
#automation-panel { padding: 26px; border-radius: 16px; background: #fff; color: #18243c; }
#automation-panel > summary { display: flex; align-items: center; gap: 12px; font-size: 19px; color: #20324c; }
#automation-panel #automation-status { margin-left: auto; font-size: 12px; color: #086e5c; background: #eaf6f0; border: 1px solid #c6e3d6; padding: 4px 10px; border-radius: 20px; font-weight: 600; }
#automation-panel > p { font-size: 14px; line-height: 1.8; color: #5e7289; margin: 16px 0; overflow-wrap: anywhere; }
#automation-scheduler:not(:empty) { border: 1px solid #d6e3ee; background: #f2f7fb; color: #355f7a; border-radius: 12px; padding: 16px 18px; line-height: 1.8; }
#automation-panel .automation-overview { margin: 24px 0 16px; padding: 22px; border: 1px solid #c7dfd8; border-radius: 14px; background: #f0f8f5; }
#automation-panel .automation-overview[data-state=attention] { background: #fff9ec; border-color: #ecd4a8; }
#automation-panel .automation-overview[data-state=paused] { background: #f5f7fb; border-color: #dce4ee; }
#automation-panel .automation-overview-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
#automation-panel .automation-overview-heading > div > span { color: #5c7c72; font-size: 12px; font-weight: 650; }
#automation-panel .automation-overview-heading h3 { font-size: 20px; line-height: 1.6; color: #164e41; margin: 3px 0 0; }
#automation-panel .automation-overview-heading > p { font-size: 14px; color: #486d62; margin: 0; }
#automation-panel .automation-metrics { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 14px; }
#automation-panel .automation-metric { display: flex; flex-direction: column; gap: 10px; padding: 18px; min-width: 0; border: 1px solid #d5e6df; border-radius: 12px; background: #fff; }
#automation-panel .automation-metric > span { color: #577165; font-size: 13px; font-weight: 600; }
#automation-panel .automation-metric > strong { font-size: 28px; font-weight: 750; line-height: 1.35; color: #153c36; font-variant-numeric: tabular-nums; letter-spacing: -.5px; overflow-wrap: anywhere; }
#automation-panel .automation-metric.is-schedule > strong { font-size: 18px; line-height: 1.65; letter-spacing: 0; }
#automation-panel .automation-metric > small { font-size: 12px; color: #687f77; line-height: 1.7; }
#automation-panel .automation-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; list-style: none; margin: 20px 0 0; padding: 0; }
#automation-panel .automation-flow > li { display: flex; align-items: center; gap: 10px; min-width: 0; color: #647a73; font-size: 13px; border: 1px solid #d7e5df; border-radius: 9px; background: #f9fcfa; padding: 12px; }
#automation-panel .automation-flow > li > span:first-child { color: #83978d; font-size: 11px; font-variant-numeric: tabular-nums; }
#automation-panel .automation-flow > li.is-current { color: #075c50; background: #dff2e9; border-color: #7fbda5; font-weight: 650; }
#automation-panel .automation-overview > p { font-size: 12px; color: #657d73; line-height: 1.8; margin: 14px 0 0; }
#automation-panel .automation-timing-details { margin: 0 0 22px; background: #f8fafc; border: 1px solid #e1e7f0; border-radius: 10px; padding: 13px 16px; }
#automation-panel .automation-timing-details > summary { color: #4b6680; font-size: 14px; font-weight: 600; cursor: pointer; }
#automation-panel .automation-timing-details > p { font-size: 13px; line-height: 1.9; color: #63758a; margin: 12px 0 0; }
#automation-form { border: 1px solid #dce5ef; background: #fff; border-radius: 14px; padding: 24px; margin: 22px 0; }
#automation-form > p { font-size: 14px; line-height: 1.85; color: #5d728b; margin: 12px 0 18px; }
#automation-form .grid { gap: 22px; }
#automation-form label:not(.creation-check) { display: block; color: #304960; font-size: 14px; font-weight: 650; margin: 16px 0 8px; }
#automation-form input:not([type=checkbox]), #automation-form select { min-height: 46px; font-size: 15px; padding: 10px 13px; background: #fbfcfe; border: 1px solid #ccd9e6; border-radius: 9px; }
#automation-account { font-size: 14px; font-weight: 600; color: #3f6575; border-top: 1px solid #e2e9f1; padding-top: 18px; }
#automation-use-current { min-height: 42px; font-size: 14px; margin-bottom: 8px; }
#automation-form > .advanced { border: 1px solid #dee6ef; padding: 16px 18px; border-radius: 10px; background: #f7f9fc; margin: 18px 0; }
#automation-form > .advanced > summary { color: #3c5d77; font-size: 14px; font-weight: 600; cursor: pointer; }
#automation-form .creation-check { color: #3a556a; font-size: 14px; gap: 10px; line-height: 1.8; margin: 14px 0; align-items: flex-start; }
#automation-form .creation-check input { width: 18px; height: 18px; min-height: 18px; margin-top: 4px; }
#automation-form > .actions { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 20px; border-top: 1px solid #e0e8f0; margin-top: 22px; }
#automation-form > .actions button { font-size: 14px; padding: 10px 15px; min-height: 44px; border-radius: 9px; }
#automation-form #automation-save { box-shadow: 0 3px 7px #087f701a; }
#automation-message:not(:empty) { color: #365d76; background: #eef5fb; border: 1px solid #cdddED; padding: 14px 16px; border-radius: 10px; font-size: 14px; line-height: 1.8; }
#automation-panel > h3 { font-size: 20px; color: #223d58; margin-top: 30px; }
#automation-run-count { color: #718198; font-size: 13px; }
#automation-runs { display: grid; gap: 14px; }
#automation-runs .automation-run-card { padding: 20px 22px; margin: 0; background: #fff; border: 1px solid #dce5ef; border-left: 4px solid #9bb0c8; border-radius: 12px; overflow-wrap: anywhere; }
#automation-runs .automation-run-card[data-state=running] { border-left-color: #4263eb; background: #f8faff; }
#automation-runs .automation-run-card[data-state=published] { border-left-color: #168b67; background: #f5fbf8; }
#automation-runs .automation-run-card[data-state=blocked], #automation-runs .automation-run-card[data-state=failed], #automation-runs .automation-run-card[data-state=unknown], #automation-runs .automation-run-card[data-state=waiting_quota] { border-left-color: #c18b25; background: #fffbf3; }
#automation-runs .automation-run-card > strong { display: block; color: #203a54; font-size: 17px; line-height: 1.7; margin: 0 0 8px; }
#automation-runs .automation-run-meta { display: inline-block; font-size: 13px; color: #4e6b83; margin: 0 0 8px; padding: 4px 0; }
#automation-runs .automation-run-card > p:not(.automation-run-meta) { font-size: 14px; color: #5c6f83; line-height: 1.9; margin: 9px 0; }
#automation-runs .automation-run-card > button { min-height: 38px; padding: 7px 11px; font-size: 13px; color: #176987; background: #f0f6fa; border: 1px solid #d5e3ee; border-radius: 8px; margin: 10px 8px 0 0; max-width: 100%; overflow-wrap: anywhere; text-align: left; white-space: normal; }
#automation-review-dialog, #automation-detail-dialog { border: 1px solid #d9e3ed; border-radius: 16px; box-shadow: 0 25px 100px #10233c33; padding: 28px; max-width: calc(100vw - 28px); color: #243d57; }
#automation-review-dialog h2, #automation-detail-dialog h2 { font-size: 22px; color: #1b324c; margin-top: 0; }
#automation-review-summary p, #automation-detail-body p { color: #49647d; font-size: 14px; line-height: 1.9; overflow-wrap: anywhere; }
#automation-review-dialog .creation-check { font-size: 14px; gap: 10px; align-items: flex-start; line-height: 1.8; }
#automation-review-check { width: 18px; height: 18px; min-height: 18px; margin-top: 4px; }
#automation-review-dialog .actions button, #automation-detail-dialog .actions button { min-height: 44px; font-size: 14px; }

@media (min-width: 1700px) { #creation-view .creation-layout { grid-template-columns: 330px minmax(0, 1fr); } #creation-detail { padding: 34px 40px; } }
@media (max-width: 1180px) {
  #creation-view .creation-layout { grid-template-columns: minmax(230px, 265px) minmax(0, 1fr); gap: 18px; }
  #creation-detail { padding: 23px; }
  #creation-view .creation-overview { gap: 16px; }
  #creation-detail .manuscript-reading > h2 { font-size: 25px; }
  #creation-detail .manuscript-tabs button { padding-inline: 10px; }
  #creation-detail #creation-focus { margin-left: 0; }
  #automation-panel .automation-metrics { grid-template-columns: 1.25fr 1fr 1fr; gap: 10px; }
  #automation-panel .automation-metric { padding: 15px; }
}
@media (max-width: 1050px) {
  #creation-view .creation-layout { grid-template-columns: 1fr; }
  #creation-view .creation-layout > .panel:first-child { position: static; max-height: 390px; padding: 20px 16px; }
  #creation-jobs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #creation-jobs .creation-job-card { margin: 0; }
  #creation-detail .creation-phase-tracker > li { flex-direction: row; align-items: center; gap: 10px; }
  #automation-panel .automation-overview-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  #automation-panel .automation-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #automation-panel .automation-metric.is-schedule { grid-column: 1 / -1; }
}
@media (max-width: 650px) {
  #creation-view > .section-title { margin-bottom: 14px; }
  #creation-view .creation-overview { flex-wrap: wrap; gap: 16px; padding: 18px; border-radius: 12px; margin-bottom: 18px; }
  #creation-view .creation-overview strong { font-size: 34px; }
  #creation-view .creation-overview > p { width: 100%; order: 3; padding: 12px 0 0; border-left: 0; border-top: 1px solid #d7e5e1; font-size: 13px; }
  #creation-view .creation-overview > button { margin-left: auto; padding: 6px 0; font-size: 13px; }
  #creation-view .creation-layout > .panel:first-child { padding: 18px 12px 14px; max-height: 340px; border-radius: 12px; }
  #creation-jobs { grid-template-columns: 1fr; }
  #creation-jobs .creation-job-card { padding: 14px; gap: 9px; }
  #creation-jobs .creation-job-title { font-size: 15px; }
  #creation-detail { padding: 20px 16px; border-radius: 12px; }
  #creation-detail .manuscript-kicker { font-size: 11px; margin-bottom: 14px; flex-wrap: wrap; gap: 6px; }
  #creation-detail > h3#creation-detail-title { font-size: 20px; }
  #creation-detail .creation-phase-tracker { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #creation-detail .creation-phase-tracker > li { font-size: 12px; padding: 10px; }
  #creation-detail .manuscript-tabs { gap: 6px; margin-top: 16px; }
  #creation-detail .manuscript-tabs button { font-size: 12px; min-height: 38px; padding: 8px 10px; }
  #creation-detail .manuscript-reading { padding-inline: 0; }
  #creation-detail .manuscript-reading > h2 { font-size: 24px; line-height: 1.65; margin-bottom: 24px; }
  #creation-detail .manuscript-reading > h3 { font-size: 19px; }
  #creation-detail .manuscript-reading p, #creation-detail .manuscript-reading li, #creation-detail .manuscript-reading blockquote { font-size: 16px; line-height: 1.95; }
  #creation-result-body { font-size: 15px; min-height: 390px; padding: 14px; }
  #creation-images .creation-image-slot { padding: 14px; }
  #creation-images .creation-slot-heading { flex-wrap: wrap; gap: 8px; }
  #creation-images .creation-slot-heading h4 { font-size: 14px; }
  #creation-images .creation-candidates { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  #creation-images .creation-candidates img { height: 104px; }
  #creation-publish-settings { padding: 17px 14px; }
  #creation-cover-images { gap: 9px; }
  #creation-cover-images .creation-cover-option { width: calc(50% - 5px); min-width: 105px; }
  #creation-cover-images .creation-cover-option img { width: 100%; }
  #creation-start-dialog, #creation-confirm-dialog { padding: 23px 18px; max-width: calc(100vw - 20px); border-radius: 14px; }
  #creation-start-dialog h2, #creation-confirm-dialog h2 { font-size: 21px; }
  #creation-final-body { padding: 16px; }
  #creation-confirm-dialog .actions { flex-direction: column; }
  #creation-confirm-dialog .actions button { width: 100%; }
  #automation-panel { padding: 18px; border-radius: 12px; }
  #automation-panel > summary { font-size: 18px; flex-wrap: wrap; gap: 10px; }
  #automation-panel #automation-status { margin-left: 0; font-size: 11px; }
  #automation-panel .automation-overview { padding: 17px 14px; border-radius: 12px; }
  #automation-panel .automation-overview-heading h3 { font-size: 19px; }
  #automation-panel .automation-overview-heading > p { font-size: 13px; }
  #automation-panel .automation-metrics { gap: 9px; }
  #automation-panel .automation-metric { padding: 14px 12px; }
  #automation-panel .automation-metric > strong { font-size: 24px; }
  #automation-panel .automation-metric > small { font-size: 11px; }
  #automation-panel .automation-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #automation-panel .automation-flow > li { font-size: 12px; padding: 10px; gap: 8px; }
  #automation-panel .automation-overview > p { font-size: 12px; }
  #automation-form { padding: 18px 14px; }
  #automation-form .grid { grid-template-columns: 1fr; gap: 0; }
  #automation-form > .actions { gap: 10px; }
  #automation-form > .actions button { width: 100%; }
  #automation-form > .actions .text-button { width: auto; }
  #automation-runs .automation-run-card { padding: 17px 15px; border-radius: 10px; }
  #automation-runs .automation-run-card > strong { font-size: 16px; }
  #automation-runs .automation-run-card > button { font-size: 13px; max-width: 100%; }
  #automation-review-dialog, #automation-detail-dialog { padding: 22px 17px; }
}