.content-pool-card { display: grid; gap: 24px; min-width: 0; padding: 28px; border: 1px solid #e0e5f0; border-radius: 18px; background: #fff; }
.content-pool-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.content-pool-fields > label { display: grid; gap: 12px; color: #25304b; font-size: 14px; font-weight: 600; }
.pool-number-field { display: flex; align-items: center; gap: 12px; }
.pool-number-field input { box-sizing: border-box; width: 110px; height: 44px; padding: 10px 12px; font: inherit; color: #25304b; background: #fff; border: 1px solid #cdd5e6; border-radius: 8px; }
.pool-number-field > span { color: #6a7790; font-size: 12px; font-weight: 400; }
.pool-time-section { min-width: 0; margin: 0; padding: 0; border: 0; }
.pool-browser-section { margin: 0; padding: 14px 16px; border: 1px solid #e5e9f1; border-radius: 12px; }
.pool-browser-section legend { padding: 0 6px; font-size: 14px; font-weight: 600; color: #25304b; }
.pool-browser-selection { display: flex; flex-wrap: wrap; gap: 10px; }
.pool-browser-option { display: grid; grid-template-columns:auto auto; align-items:center; column-gap:7px; min-width:132px; padding:10px 12px; border:1px solid #d6ddea; border-radius:8px; background:#fbfcff; color:#25304b; cursor:pointer; }
.pool-browser-option input { accent-color:#4055cb; }
.pool-browser-option small { grid-column:2; color:#748099; font-size:11px; }
.pool-time-section legend { margin-bottom: 8px; font-size: 14px; font-weight: 600; color: #25304b; }
.pool-publish-times { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.pool-publish-times label { display: grid; gap: 7px; color: #627089; font-size: 12px; }
.pool-publish-times input { box-sizing: border-box; width: 146px; min-width: 0; height: 42px; padding: 8px 12px; border: 1px solid #cdd5e6; border-radius: 8px; background: #fff; font: inherit; color: #25304b; }
.pool-total { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; padding: 18px 20px; border-radius: 12px; background: #f0f3ff; color: #4351bb; }
.pool-total > span { font-size: 13px; }.pool-total strong { font-size: 23px; }.pool-total small { margin-left: auto; font-size: 12px; color: #6a7598; }
.pool-library-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.pool-library-head h3 { margin: 0 0 8px; font-size: 18px; color: #25304b; }
.content-pool-card .section-assist { margin: 0; max-width: none; line-height: 1.65; }.pool-select-all { display: flex; flex-shrink: 0; align-items: center; gap: 8px; color: #4055cb; font-size: 13px; }
.pool-weight-help { margin: -12px 0 0; color: #758099; font-size: 12px; line-height: 1.65; }
.pool-source-list { display: grid; max-height: 540px; overflow-y: auto; border: 1px solid #e5e9f1; border-radius: 12px; }
.pool-source-row { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 14px 16px; border-bottom: 1px solid #edf0f6; }.pool-source-row:last-child { border-bottom: 0; }.pool-source-row.unavailable { background: #fafbfc; color: #8791a2; }
.pool-source-choice { display: flex; align-items: center; flex: 1; gap: 12px; min-width: 0; cursor: pointer; }.pool-source-choice > input, .pool-select-all input { accent-color: #4055cb; width: 16px; height: 16px; flex-shrink: 0; }
.pool-source-index { font-size: 12px; color: #8791a7; }.pool-source-choice img, .pool-no-image { width: 48px; height: 56px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }.pool-no-image { display: grid; place-items: center; background: #eef1f6; font-size: 11px; }
.pool-source-copy { display: grid; gap: 6px; min-width: 0; }.pool-source-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #303b54; }.pool-source-copy small { color: #8a94a7; font-size: 11px; line-height: 1.5; }
.pool-weight { display: flex; align-items: center; gap: 8px; flex-shrink: 0; font-size: 11px; color: #758099; }.pool-weight input { box-sizing: border-box; width: 64px; height: 36px; border: 1px solid #d6ddea; border-radius: 7px; padding: 6px 8px; color: #25304b; background: #fff; }
.pool-generation-options { display: flex; flex-wrap: wrap; gap: 20px; }.pool-generation-options label { display: grid; gap: 8px; font-size: 12px; color: #64718a; }.pool-generation-options select, .pool-generation-options input { min-width: 120px; padding: 9px 12px; border: 1px solid #d6ddea; border-radius: 8px; background: #fff; color: #25304b; }
.pool-form-actions { display: flex; flex-wrap: wrap; gap: 10px; }.pool-form-actions button { min-height: 44px; padding: 11px 20px; border-radius: 9px; font-size: 13px; }.pool-form-actions .primary-btn { background: #4055cb; border-color: #4055cb; color: #fff; }.pool-form-actions button:disabled { opacity: .6; }
.pool-notice { margin: 0; color: #28734f; font-size: 13px; line-height: 1.7; }.pool-notice.error { color: #b63c3c; }
#poolSaveBtn { background: #c93737; border-color: #c93737; color: #fff; }
#poolSaveBtn.is-saved { background: #21834b; border-color: #21834b; color: #fff; }
.pool-progress { margin: 24px 0; }.pool-progress:empty { display: none; }.pool-progress-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }.pool-progress-heading h3 { font-size: 17px; }.pool-progress-heading span { font-size: 12px; color: #64718a; }
.pool-run { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 16px 18px; margin-top: 10px; border: 1px solid #e5e9f1; border-radius: 10px; background: #fff; }.pool-run strong { font-size: 13px; }.pool-run p { margin: 6px 0 0; font-size: 12px; color: #748099; line-height: 1.65; }.pool-run > span { flex-shrink: 0; color: #4055cb; font-size: 15px; }
@media (max-width: 720px) { .content-pool-card { padding: 20px 16px; }.content-pool-fields { grid-template-columns: 1fr; gap: 20px; }.pool-total { gap: 10px; }.pool-total small { flex-basis: 100%; margin-left: 0; }.pool-source-row { padding: 12px 8px; gap: 8px; }.pool-source-choice { gap: 7px; }.pool-source-index { display: none; }.pool-source-choice img, .pool-no-image { width: 34px; height: 42px; }.pool-weight { display: grid; gap: 3px; text-align: center; }.pool-weight input { width: 52px; }.pool-source-copy small { font-size: 10px; }.pool-publish-times input { width: 128px; }.pool-generation-options input { width: 170px; box-sizing: border-box; }.pool-progress-heading { flex-wrap: wrap; }.pool-run { padding: 14px 12px; gap: 12px; } }

/* Execution information stays above the long reference library. */
.publishing-control-section { min-width: 0; }
.publishing-nav, .pool-round-actions, .pool-task-links { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.publishing-nav { padding:12px 0; border-bottom:1px solid #e4e9f3; }
.publishing-control-section button { cursor:pointer; }
.publishing-nav button, .pool-round button, #publishingHistoryToggle, .publishing-actions button { padding:9px 13px; border:1px solid #d8dfed; border-radius:8px; background:#fff; color:#344365; font:inherit; font-size:12px; line-height:1.5; }
.publishing-control-section button:hover { border-color:#6472e5; }
.publishing-control-section button:disabled { opacity:.55; cursor:wait; }
#poolProgress, #poolSettings, #publishingTaskHeading, .publishing-post-card { scroll-margin-top:110px; }
#poolNotice:not([hidden]) { padding:12px 16px; margin-top:12px; background:#eef8f1; border-radius:10px; }
#poolNotice.error { background:#fff0ee; }
.pool-device-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; }
.pool-device { padding:16px; background:#f0f6ff; border:1px solid #dae6f9; border-radius:12px; font-size:12px; }
.pool-device > span { margin-left:12px; color:#2a7354; }
.pool-device p { margin:8px 0; line-height:1.6; }
.pool-device small { color:#687890; line-height:1.7; }
.pool-device.needs-attention, .pool-blocker { background:#fff7e9; border-color:#f4dfb7; }
.pool-blocker { padding:16px; border:1px solid #f4dfb7; border-radius:10px; font-size:13px; line-height:1.7; }
.pool-run { display:block; padding:20px; }
.pool-run-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.pool-run-heading strong { font-size:15px; }
.pool-run-heading > span { font-size:13px; color:#4055cb; }
.pool-round { padding:16px; margin-top:14px; border:1px solid #e3e8f2; border-radius:10px; background:#f9faff; }
.pool-round > strong { display:block; font-size:13px; line-height:1.7; }
.pool-task-links { margin:10px 0; }
.pool-task-links button { background:#edf0fa; border-color:transparent; text-align:left; }
.pool-round-actions { align-items:flex-end; margin-top:12px; }
.pool-round-actions label, .publishing-actions label, .pool-date-field { display:grid; gap:7px; color:#627089; font-size:12px; }
.pool-round-actions input, .publishing-actions input, .pool-date-field input { box-sizing:border-box; max-width:100%; min-width:0; height:39px; padding:8px; border:1px solid #cdd5e6; border-radius:8px; background:#fff; color:#25304b; font:inherit; }
.pool-date-field input { width:220px; }
.pool-round .round-primary { background:#4055cb; color:white; border-color:#4055cb; }
.publishing-control-section .round-danger { color:#b23838; }
.pool-settings { margin-top:28px; border-top:1px solid #e0e5f0; padding-top:20px; }
.pool-settings > summary { cursor:pointer; padding:14px 0; color:#25304b; }
.pool-settings > summary span { margin-left:14px; font-size:12px; color:#738199; }
.pool-settings > .section-assist { margin-bottom:16px; }
.publishing-status-summary { flex-wrap:wrap; margin:14px 0; }
.publishing-control-section .publishing-post-card { grid-template-columns:160px minmax(0,1fr); gap:16px; padding:20px; position:relative; border:1px solid #e0e5f0; border-radius:12px; }
.publishing-control-section .publishing-state { grid-column:2; grid-row:1; justify-self:start; align-self:start; margin-bottom:4px; }
.publishing-control-section .publishing-post-copy { grid-column:2; grid-row:1; padding-top:34px; min-width:0; }
.publishing-media { grid-column:1; grid-row:1 / span 2; min-width:0; }
.publishing-media small { display:block; margin-top:8px; color:#738199; font-size:11px; }
.publishing-control-section .publishing-post-images { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; overflow:visible; }
.publishing-control-section .publishing-post-images img { width:100%; height:68px; border-radius:6px; object-fit:cover; }
.publishing-post-copy .publishing-body { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; font-size:13px; color:#35425a; }
.publishing-tags { font-size:12px; color:#5365bb; overflow-wrap:anywhere; }
.publishing-meta { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:12px; color:#66758b; margin:12px 0; }
.publishing-error { padding:10px 12px; background:#fff2ec; color:#995039 !important; border-radius:8px; font-size:12px; line-height:1.7; }
.publishing-result { color:#28734f !important; }
.publishing-history { font-size:12px; margin-top:12px; color:#66758b; }
.publishing-history summary { cursor:pointer; }
.publishing-history ol { padding-left:18px; }.publishing-history li { margin:8px 0; line-height:1.6; }
.publishing-history time { margin-right:12px; }.publishing-history small { display:block; }
.publishing-task-id { overflow-wrap:anywhere; font-family:monospace; }
.publishing-control-section .publishing-actions { grid-column:2; display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px; margin:0; }
.publishing-action-hint, .publishing-action-notice { flex-basis:100%; margin:4px 0 0; font-size:12px; line-height:1.7; color:#687890; }
.publishing-action-notice:empty { display:none; }.publishing-action-notice { color:#b23838; }
@media (max-width:600px) {
  .pool-run { padding:12px; }.pool-round { padding:12px; }.pool-device-grid { grid-template-columns:minmax(0,1fr); }
  .pool-round-actions label { width:100%; }.pool-round-actions input { width:100%; }
  .pool-settings > summary span { display:block; margin:8px 0 0; }
  .publishing-control-section .publishing-post-card { grid-template-columns:minmax(0,1fr); padding:14px; }
  .publishing-media { grid-column:1; grid-row:1; }.publishing-control-section .publishing-post-images { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .publishing-control-section .publishing-state { grid-column:1; grid-row:2; }
  .publishing-control-section .publishing-post-copy { grid-column:1; grid-row:2; }
  .publishing-control-section .publishing-actions { grid-column:1; }.publishing-actions label { width:100%; }
}
