/* Two-entry publishing workflow. Existing account, upload and legacy dialogs remain shared. */
.flow-view .flow-media-choice{display:flex;align-items:center;gap:8px;color:inherit}.flow-media-choice input{width:17px;height:17px;accent-color:#2d8bd2;flex-shrink:0}
body{max-width:none!important}.press-nav{flex-shrink:0}.press-nav .nav-tab{flex:none;height:auto;white-space:nowrap}
#generateView>.section-card:has(.agent-intake-grid){display:none}
#publishView #flowWrite,#publishView #flowSelect{min-width:220px;font-size:20px;letter-spacing:2px;font-weight:800}
@media(max-width:767px){#publishView .flow-steps{top:126px}}
@media(max-width:767px){.flow-table-scroll::before{content:'左右滑动查看完整媒体信息 →';display:block;position:sticky;left:0;color:#91acd0;font-size:12px;padding:0 0 12px}}
body{padding-bottom:28px;background:radial-gradient(ellipse at 65% 0,rgba(22,69,128,.3),transparent 60%),#0b1220}
body:not([data-view="list"]) .list-view-control{display:none!important}
.bottom-nav{display:none!important}.topbar{padding:18px max(24px,calc((100vw - 1400px)/2));background:rgba(11,18,32,.96)}
.brand{gap:12px;margin:0;min-height:42px}.brand h1{font-size:23px;white-space:nowrap}.logo,.logo img{width:32px;height:34px}
.press-nav{display:flex;gap:28px;margin-left:55px}.press-nav .nav-tab{display:block;min-width:0;width:auto;min-height:42px;padding:8px 2px;border-radius:0;border:0;border-bottom:2px solid transparent;background:none;color:#a7bada;font-size:15px}
.press-nav .nav-tab.active{color:#7acaff;border-color:#38b7ff;background:none}.account-trigger{font-size:14px;border:0;background:none}
.app-view,.flow-view{max-width:1400px;margin:0 auto;padding:28px 24px}.flow-hero{text-align:center;margin:25px 0 42px}.flow-hero h2{font-size:40px;margin:0 0 14px;letter-spacing:2px}.flow-hero p{color:var(--muted);font-size:18px;margin:0;line-height:1.6}
.flow-home-grid,.flow-writing,.flow-review{display:grid;grid-template-columns:1fr 1fr;gap:24px}.flow-home-card,.flow-panel{border:1px solid #285180;border-radius:18px;background:linear-gradient(130deg,#162b4e 0%,#101b2f 60%,#102a4b);box-shadow:0 12px 32px #0002;padding:28px;min-width:0}
.flow-home-card{position:relative;min-height:390px;padding:44px;overflow:hidden}.flow-home-card h3{font-size:32px;margin:18px 0}.flow-home-card p{color:#a9bddb;font-size:17px;line-height:1.7}.flow-home-card .flow-home-icon{color:#55b6ff;width:100px;height:100px;display:block;margin-left:auto;filter:drop-shadow(0 0 15px #2678bb55)}
.flow-home-card .primary-btn{margin-top:20px;min-width:230px}.flow-view button,.flow-view input,.flow-view textarea{font-family:inherit}.flow-view .primary-btn,.flow-view .secondary-btn{width:auto;min-height:44px;padding:10px 24px;border-radius:10px;font-size:15px;margin:0}.flow-view .primary-btn{background:linear-gradient(150deg,#2d8bd2,#1760a6);font-weight:800;letter-spacing:1px}
.flow-view button:disabled{background:#546173!important;border-color:#66758a!important;color:#d3dce8!important;cursor:not-allowed;opacity:.85}.flow-view button:focus-visible{outline:2px solid #9fd9ff;outline-offset:4px}
.flow-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.flow-heading h3{margin:0;font-size:24px}.flow-muted{color:var(--muted);font-size:13px;line-height:1.6}.flow-link{border:0;background:none;color:#70baff;cursor:pointer;padding:5px;font-size:14px}
.flow-steps{position:sticky;top:78px;z-index:25;display:flex;justify-content:center;gap:48px;padding:16px;margin:0 0 26px;background:rgba(11,18,32,.96);border-radius:12px;list-style:none}.flow-steps li{display:flex;align-items:center;gap:12px;color:var(--muted)}.flow-steps span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #526e98;border-radius:50%}.flow-steps .current{color:white;font-weight:700}.flow-steps .current span{background:#2777bd;border-color:#7acaff;box-shadow:0 0 16px #2777bd66}.flow-steps .done span{color:#70baff;border-color:#2777bd}
.flow-tabs{display:flex;gap:16px;border-bottom:1px solid #2c4465;margin-bottom:20px}.flow-tabs button{padding:12px 18px;border:0;border-bottom:3px solid transparent;background:none;color:#a9bddb;font-size:16px;cursor:pointer}.flow-tabs button[aria-selected="true"]{color:#6fc8ff;border-color:#38b7ff;font-weight:700}
.flow-view input:not([type="checkbox"]),.flow-view textarea,.flow-view select{background:#0d192c;border:1px solid #365880;border-radius:9px;color:#eef3fc;padding:12px;width:100%;font-size:15px}.flow-view textarea{resize:vertical;line-height:1.8;min-height:125px}.flow-view label{display:grid;gap:9px;color:#bfcde4;font-size:14px}.flow-writing #flowBody{min-height:350px;margin-top:12px}.flow-writing .press-textarea{min-height:175px}
.flow-writing .press-requirement-composer{background:none;border:0;padding:0}.flow-writing .press-image-inline-tools{padding:16px 0}.flow-writing .press-image-picker{margin:0;padding:12px 0;border:0;grid-template-columns:116px minmax(0,1fr)}.flow-writing .press-image-picker-preview{height:100%;min-height:128px}.flow-writing .press-image-picker-description textarea{min-height:150px;padding-bottom:44px}.flow-writing .press-image-picker-confirm,.flow-writing .press-image-picker-cancel{font-size:13px;padding:4px 10px}.flow-writing .press-image-thumbs{display:flex;flex-wrap:wrap}
.flow-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin-top:22px}.flow-cost{display:inline-flex;gap:7px;align-items:center;color:#fff;white-space:nowrap;font-size:14px}.flow-cost svg{width:20px;height:24px;fill:currentColor}.flow-spinner{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:8px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}
.flow-summary{padding:18px 24px;border:1px solid #285180;border-radius:12px;background:#122541;margin-bottom:18px}.flow-summary summary{cursor:pointer;display:flex;gap:12px;align-items:center;justify-content:space-between}.flow-summary summary small{color:#78bfff}.flow-article{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:15px}.flow-selection-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(240px,3fr);gap:22px}.flow-condition-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.flow-condition-fields .full-width{grid-column:1/-1}.flow-condition-fields .agent-region-fields{grid-column:auto}.flow-condition-fields .agent-media-count-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.flow-condition-fields .agent-media-count{padding:10px 3px;min-height:85px}.flow-condition-fields .agent-media-count input{width:58px!important;padding:6px}.flow-condition-fields .agent-media-count-name{font-size:12px}
.flow-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.flow-metric{background:#122541;border:1px solid #285180;border-radius:12px;padding:16px;min-width:0;height:90px}.flow-metric small{display:block;color:#a4b8d5;margin-bottom:8px}.flow-metric b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.flow-summary-list{display:grid;gap:18px;padding:18px 0}.flow-summary-list div{display:flex;justify-content:space-between;gap:14px;color:#acbfdc}.flow-summary-list b{color:white;text-align:right}
.flow-table-scroll{width:100%;overflow-x:auto}.flow-table{width:100%;border-collapse:collapse;min-width:700px;font-size:14px}.flow-table th{background:#192f51;color:#aec5e5;text-align:left;font-weight:500;padding:16px}.flow-table td{padding:17px 16px;border-bottom:1px solid #2b4160;line-height:1.5}.flow-table tbody tr:hover{background:#2777bd12}.flow-table td:nth-last-child(2){font-variant-numeric:tabular-nums}.flow-table .tag{margin-left:8px;font-size:11px;white-space:nowrap}.flow-price{font-size:23px;color:#70bbff;white-space:nowrap}.flow-table button{white-space:nowrap}.flow-media-name{max-width:300px;overflow-wrap:anywhere}.flow-review{grid-template-columns:3fr 2fr}.flow-review .flow-article{max-height:450px;overflow:auto}.flow-review img,.flow-preview-images img{display:block;max-width:100%;max-height:220px;object-fit:contain;border-radius:8px}.flow-preview-images{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.flow-preview-images figure{max-width:200px;margin:0}.flow-preview-images figcaption{color:#9db3d1;font-size:12px;margin-top:6px}.flow-notice{padding:15px 20px;background:#13263f;border:1px solid #2d5785;border-radius:10px;font-size:13px;color:#bacce6;line-height:1.7;margin-top:20px}
.flow-message:empty{display:none}.flow-message{padding:13px 18px;margin-bottom:18px;border:1px solid #704456;background:#3d243044;color:#ffb9c1;border-radius:10px;line-height:1.6}.flow-message.is-progress{color:#adcef6;border-color:#2d5785;background:#13263f}
body[data-view="list"] .topbar .search,body[data-view="list"] .topbar .filter-row{max-width:1352px;margin:18px auto 0}.list{display:block!important;max-width:1400px;padding:24px;margin:auto}.list-page-items{display:block}.flow-catalog-title{text-align:center;margin:20px 0 30px;font-size:34px}.flow-dialog{width:min(850px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#111e34;color:#e8eefc;border:1px solid #426797;border-radius:16px;padding:24px}.flow-dialog::backdrop{background:#020713bc}.flow-dialog .card{margin:15px 0}.flow-dialog-close{float:right}.flow-footer{text-align:center;color:#68b8ed;font-size:13px;padding:28px}.flow-empty{text-align:center;padding:36px;color:#a7bada}
#accountView{max-width:1400px}#accountView .account-user-card,#accountView>.section-card{background:linear-gradient(130deg,#162b4e,#101b2f);border-color:#285180;border-radius:18px}#accountView .account-user-top{padding:14px 0}#accountView .account-page-avatar{width:70px;height:70px}#accountView .account-user-name{font-size:28px}#accountView .account-user-bottom{padding:22px 0}.flow-history-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #2b4160}.flow-history-row b{display:block;margin-bottom:7px}.flow-history-row small{color:#9db3d1}.flow-history-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
@media(max-width:1100px){.press-nav{margin-left:20px;gap:18px}.flow-condition-fields .agent-media-count-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-home-card{padding:28px}.flow-home-card h3{font-size:28px}.flow-selection-layout{grid-template-columns:1fr}.flow-selection-layout>aside{display:none}}
@media(max-width:767px){.topbar{padding:12px 16px}.brand{flex-wrap:wrap}.brand h1{font-size:19px}.press-nav{order:4;width:100%;justify-content:center;margin:5px 0 -5px;gap:38px}.account-trigger{font-size:13px}.flow-view,.app-view,.list{padding:20px 16px}.flow-hero{margin:16px 0 24px}.flow-hero h2{font-size:27px}.flow-hero p{font-size:14px}.flow-home-grid,.flow-writing,.flow-review{grid-template-columns:1fr}.flow-home-card{min-height:280px;padding:25px}.flow-home-card .flow-home-icon{width:66px;height:66px;float:right}.flow-home-card h3{font-size:25px}.flow-home-card p{font-size:14px}.flow-panel{padding:18px}.flow-steps{top:104px;gap:18px;padding:12px 4px}.flow-steps li{font-size:12px;gap:6px}.flow-steps span{width:28px;height:28px}.flow-metrics{gap:6px}.flow-metric{padding:10px 6px;height:77px}.flow-metric b{font-size:13px}.flow-metric small{font-size:11px}.flow-condition-fields{gap:14px}.flow-condition-fields .agent-media-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-actions{gap:12px}.flow-view .primary-btn,.flow-view .secondary-btn{font-size:14px;padding:10px 14px}.flow-history-row{align-items:flex-start;gap:10px}.flow-history-actions{flex-direction:column}.flow-writing #flowBody{min-height:320px}.flow-price{font-size:19px}.flow-heading h3{font-size:21px}body[data-view="list"] .topbar .filter-row{display:grid;grid-template-columns:1fr 1fr}.flow-table{min-width:730px}}
@media(prefers-reduced-motion:reduce){.flow-spinner{animation:none}*{scroll-behavior:auto!important}}

/* Compact density: resize components, never zoom the document or shrink touch targets. */
body{font-size:14px;padding-bottom:16px}
.topbar{padding:10px max(20px,calc((100vw - 1120px)/2))}
.brand{gap:10px;min-height:36px}.brand h1{font-size:19px}.logo,.logo img{width:26px;height:28px}
.press-nav{gap:24px;margin-left:36px}.press-nav .nav-tab{min-height:36px;padding:6px 2px;font-size:14px}
.app-view,.flow-view,.list,#accountView{max-width:1120px;padding:20px}
.flow-hero{margin:16px 0 24px}.flow-hero h2{font-size:28px;margin-bottom:8px;letter-spacing:1px}.flow-hero p{font-size:14px}
.flow-home-grid,.flow-writing,.flow-review,.flow-selection-layout{gap:18px}
.flow-home-card,.flow-panel{padding:20px;border-radius:12px;box-shadow:0 6px 18px #0002}
.flow-home-card{min-height:270px;padding:26px}.flow-home-card h3{font-size:24px;margin:12px 0}.flow-home-card p{font-size:14px;line-height:1.6}
.flow-home-card .flow-home-icon{width:64px;height:64px}.flow-home-card .primary-btn{min-width:180px;margin-top:12px}
.flow-view .primary-btn,.flow-view .secondary-btn{height:auto;min-height:36px;padding:8px 18px;font-size:14px;line-height:1.3;border-radius:8px}
#publishView #flowWrite,#publishView #flowSelect{min-width:180px;font-size:16px;letter-spacing:1px}
.flow-heading{margin-bottom:14px}.flow-heading h3{font-size:18px}.flow-link{font-size:13px}
.flow-steps{top:57px;gap:36px;padding:12px;margin-bottom:18px;border-radius:9px}.flow-steps li{gap:9px;font-size:13px}.flow-steps span{width:30px;height:30px}
.flow-tabs{gap:12px;margin-bottom:14px}.flow-tabs button{font-size:14px;padding:9px 14px}
.flow-view input:not([type="checkbox"]),.flow-view textarea,.flow-view select{font-size:14px;padding:9px 10px;border-radius:7px}
.flow-view label{font-size:13px;gap:7px}.flow-view textarea{min-height:110px;line-height:1.7}
.flow-writing #flowBody{min-height:270px;margin-top:8px}.flow-writing .press-textarea{min-height:140px}
.flow-writing .press-image-inline-tools{padding:12px 0}
.flow-actions{gap:12px;margin-top:16px}.flow-cost{font-size:13px;gap:5px}.flow-cost svg{width:16px;height:20px}
.flow-summary{padding:14px 18px;margin-bottom:14px;border-radius:9px}.flow-article{font-size:14px;line-height:1.8}
.flow-condition-fields{gap:14px}.flow-condition-fields .agent-media-count{min-height:72px;padding:8px 3px}
.flow-metrics{gap:10px;margin-bottom:14px}.flow-metric{height:68px;padding:10px 12px;border-radius:9px}.flow-metric small{margin-bottom:5px}.flow-metric b{font-size:15px}
.flow-summary-list{gap:14px;padding:12px 0}.flow-table{font-size:13px}.flow-table th,.flow-table td{padding:11px 12px}
.flow-price{font-size:18px}.flow-preview-images{margin-top:12px}.flow-preview-images img{max-height:170px}
.flow-message{padding:10px 14px;margin-bottom:14px;font-size:13px}.flow-notice{padding:12px 16px;margin-top:16px}
body[data-view="list"] .topbar .search,body[data-view="list"] .topbar .filter-row{max-width:1080px;margin-top:12px}
.flow-catalog-title{font-size:26px;margin:12px 0 22px}.flow-dialog{width:min(760px,calc(100vw - 32px));padding:20px;border-radius:12px}
.flow-footer{padding:18px;font-size:12px}.flow-empty{padding:24px}
#accountView .account-user-card,#accountView>.section-card{border-radius:12px}
#accountView .account-user-top{padding:10px 0}#accountView .account-page-avatar{width:52px;height:52px}#accountView .account-user-name{font-size:22px}#accountView .account-user-bottom{padding:16px 0}
.flow-history-row{padding:12px 0;gap:14px}.flow-history-row b{margin-bottom:5px}
@media(max-width:767px){
  .topbar{padding:10px 16px}.brand{row-gap:6px}.brand h1{font-size:17px}.press-nav{gap:32px;margin:0}
  .flow-view,.app-view,.list,#accountView{padding:16px}.flow-hero{margin:12px 0 20px}.flow-hero h2{font-size:23px}.flow-hero p{font-size:13px}
  .flow-home-grid,.flow-writing,.flow-review{gap:14px}.flow-home-card{min-height:215px;padding:20px}.flow-home-card h3{font-size:21px}.flow-home-card .flow-home-icon{width:48px;height:48px}.flow-home-card p{font-size:13px}
  .flow-panel{padding:16px}.flow-view .primary-btn,.flow-view .secondary-btn{min-height:40px;padding:9px 14px}
  .flow-steps,#publishView .flow-steps{top:97px;gap:14px;padding:10px 4px}.flow-steps li{font-size:12px;gap:6px}.flow-steps span{width:26px;height:26px}
  .flow-metrics{gap:6px}.flow-metric{height:65px;padding:9px 6px}.flow-metric b{font-size:13px}.flow-metric small{font-size:11px}
  .flow-writing #flowBody{min-height:250px}.flow-heading h3{font-size:18px}.flow-catalog-title{font-size:23px}
}