/* Douyin publishing prototype: scoped to avoid changing the creation workspace. */
#publish-page{--pub-accent:#c5f277;scroll-behavior:smooth}
.pub-heading-actions,.pub-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pub-heading-actions .secondary{font-size:12px}
.pub-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #454537;background:#25271d;border-radius:10px;margin-bottom:22px;color:#cecdb0;font-size:12px}
.pub-notice strong{color:#e9e5be;white-space:nowrap}.pub-notice span{flex:1}.pub-notice button{white-space:nowrap}
.pub-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px}
.pub-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:0 2px 13px;font-size:13px}
.pub-tabs button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}
.pub-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start;max-width:1560px;margin:auto}
.pub-fields{display:grid;gap:18px;min-width:0}
.pub-card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0}
.pub-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:19px}.pub-card-heading h2{font-weight:600}.pub-card-heading>.text-button{margin-left:auto}
.pub-step{font-size:11px;color:var(--lime);background:#303c23;border-radius:7px;padding:4px 8px;letter-spacing:1px}
.pub-caption{font-size:12px;color:var(--muted);line-height:1.8}.pub-caption:empty{display:none}
.pub-account-options{display:flex;gap:9px;flex-wrap:wrap}
.pub-account-option{position:relative;display:flex;gap:10px;align-items:center;border:1px solid #3a3e3a;border-radius:10px;padding:11px 13px;cursor:pointer;background:#151817}
.pub-account-option:has(input:checked){border-color:var(--lime);background:#263120}.pub-account-option:has(input:disabled){opacity:.5;cursor:not-allowed}
.pub-account-option input,.pub-check input{width:16px;height:16px;accent-color:var(--lime);flex-shrink:0;margin:0}
.pub-account-option strong{font-size:12px;display:block}.pub-account-option small{font-size:10px;color:var(--muted)}
.pub-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4a6345,#26362c);display:grid;place-items:center;color:#d8edc6;flex-shrink:0;font-size:14px}
.pub-empty{padding:28px 18px;text-align:center;border:1px dashed #424a3c;border-radius:10px;background:#1c221a}.pub-empty h3{font-size:15px;margin:6px 0}.pub-empty p{color:var(--muted);font-size:12px;margin-bottom:14px}.pub-empty>span{font-size:25px;color:var(--lime)}
.pub-selected-video{display:flex;align-items:center;gap:18px;border:1px solid #343d2f;border-radius:11px;background:#141913;padding:14px}
.pub-selected-video .pub-thumb{width:68px;height:90px;flex-shrink:0;overflow:hidden;border-radius:7px;background:#253525;display:grid;place-items:center;color:#b1cc97;font-size:26px}
.pub-thumb video{width:100%;height:100%;object-fit:cover}.pub-selected-video>div:last-child{min-width:0}.pub-selected-video h3{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pub-selected-video p{font-size:11px;color:var(--muted);margin:4px 0 9px}
.pub-field{margin-top:16px}.pub-field>label,.pub-field>legend{display:block;font-size:12px;margin-bottom:8px;color:#cfd8cd}.pub-field input,.pub-field textarea,.pub-field select{font-size:13px}.pub-field textarea{resize:vertical;min-height:100px;line-height:1.85}
.pub-field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.pub-field-head small{color:var(--muted);font-size:11px}
.pub-inline{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pub-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.pub-chip-row button{border:1px solid #3d4933;background:#20281b;color:#b9d59e;border-radius:6px;padding:4px 9px;font-size:11px}
.pub-segment{display:flex;gap:7px}.pub-segment label{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);padding:10px 7px;border-radius:8px;cursor:pointer;font-size:12px}.pub-segment input{width:14px;accent-color:var(--lime);margin:0}.pub-segment label:has(input:checked){border-color:#8faa69;background:#263020;color:#dbedc4}
.pub-check{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:16px;cursor:pointer}
.pub-cover-settings{padding:12px 0 0}.pub-cover-settings input[type=file]{padding:9px}.pub-cover-settings .pub-row input{width:110px}.pub-cover-sample{max-width:70px;max-height:85px;border-radius:5px;margin-top:10px}
.pub-advanced{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.pub-advanced>summary{font-size:13px;cursor:pointer;color:#c5d4b9}.pub-advanced>summary span{font-size:10px;color:var(--muted);margin-left:10px}
.pub-advanced .pub-caption{margin-top:10px}.pub-submit-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0 12px}.pub-submit-bar .primary{font-size:13px}.pub-submit-bar small{color:var(--muted);font-size:11px}
.pub-preview{position:sticky;top:0;min-width:0;padding:20px;border-radius:15px;background:linear-gradient(160deg,#1d271c,#151917 70%);border:1px solid #35432e}
.pub-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:12px}.pub-preview-header small{font-size:10px;color:var(--muted)}
.pub-phone{position:relative;width:100%;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#384832,#141c18 60%,#263626);border:5px solid #090e0b;color:white}
.pub-phone video,.pub-phone .pub-phone-cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.pub-phone-art{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8aab79}.pub-phone-art strong{font-size:42px;font-weight:300;letter-spacing:5px}.pub-phone-art span{font-size:11px;letter-spacing:3px}
.pub-phone::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#050a05df);pointer-events:none}
.pub-phone-top{position:absolute;top:13px;left:0;width:100%;text-align:center;font-size:12px;text-shadow:0 1px 5px #000;z-index:1;letter-spacing:8px}
.pub-phone-copy{position:absolute;bottom:22px;left:15px;right:37px;z-index:2;font-size:11px;text-shadow:0 1px 5px #000;overflow-wrap:anywhere}.pub-phone-copy strong{font-size:12px;display:block;margin-bottom:6px}.pub-phone-copy p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.pub-phone-copy small{display:block;color:#ddd;margin-top:12px;font-size:9px}.pub-phone-icons{position:absolute;right:10px;bottom:100px;z-index:2;display:grid;gap:12px;font-size:17px;color:#ddd}
.pub-preview .pub-caption{margin-top:14px;font-size:11px}.pub-preview .text-button{margin-top:9px}.pub-preview-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px;margin-top:15px;border-top:1px solid #36432e}.pub-preview-summary small{color:var(--muted);font-size:10px;display:block}.pub-preview-summary strong{font-size:12px;font-weight:400}
#pub-selection-note{margin-top:12px}.pub-empty>.pub-row{justify-content:center}
.pub-account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:18px}.pub-account-card .pub-row{flex-wrap:nowrap}.pub-account-card h3{font-size:14px}.pub-account-card small{color:var(--muted);font-size:11px}.pub-account-card .pub-status{margin-left:auto}.pub-account-card dl{font-size:12px;display:grid;grid-template-columns:80px 1fr;gap:12px;margin:23px 0}.pub-account-card dt{color:var(--muted)}.pub-account-card dd{margin:0}.pub-account-card .pub-row:last-child{border-top:1px solid var(--line);padding-top:15px;justify-content:space-between}
.pub-status{display:inline-block;border:1px solid #415738;border-radius:5px;padding:2px 7px;font-size:10px;white-space:nowrap;background:#223020;color:#bce395}.pub-status.warn{border-color:#645332;color:#ebc582;background:#32291a}.pub-status.bad{border-color:#63433b;color:#e7a096;background:#322320}.pub-status.muted{color:#a4afa1;background:#252a24;border-color:#41493d}
.pub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.pub-toolbar input{width:240px;padding:9px 12px;font-size:12px}.pub-filters{display:flex;gap:5px;flex-wrap:wrap}.pub-filters button{background:none;border:1px solid transparent;padding:7px 11px;border-radius:7px;font-size:12px;color:var(--muted)}.pub-filters button.active{border-color:#4b5b3c;background:#263120;color:#dcf5bf}
.pub-task-list{display:grid;gap:12px}.pub-task{display:grid;grid-template-columns:44px minmax(0,1fr) 170px 170px;align-items:center;gap:18px;padding:19px 22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.pub-task h3{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-task small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.pub-task .pub-row{justify-content:flex-end}.pub-task .secondary{font-size:11px;padding:7px 10px}.pub-task-reason{color:#e0aa87!important}
.pub-dialog{width:min(740px,calc(100vw - 32px));max-width:740px;max-height:88dvh;padding:0;border:1px solid #46513d;border-radius:17px;background:#191e18;color:var(--text);overflow:auto;box-shadow:0 30px 100px #0008}.pub-dialog::backdrop{background:#070b09b8;backdrop-filter:blur(5px)}
.pub-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#191e18;z-index:3}.pub-dialog-header h2{font-size:17px}.pub-dialog-body{padding:24px}.pub-dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;flex-wrap:wrap}.pub-dialog-footer button{font-size:12px}.pub-dialog h3{font-size:14px;margin-bottom:9px}.pub-dialog p{font-size:12px;line-height:1.9;color:#b4bfad;overflow-wrap:anywhere}.pub-dialog .pub-notice{margin:15px 0}.pub-dialog .pub-notice p{color:inherit}
.pub-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;max-height:50vh;overflow:auto}.pub-picker-item{padding:0;text-align:left;border:1px solid #3b4634;border-radius:9px;background:#11190f;overflow:hidden}.pub-picker-item:focus-visible{outline-offset:-3px}.pub-picker-item video,.pub-picker-art{width:100%;height:150px;object-fit:cover;background:#263622}.pub-picker-art{display:grid;place-items:center;color:#b8d899;font-size:28px}.pub-picker-item div:last-child{padding:10px}.pub-picker-item strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-picker-item small{font-size:10px;color:var(--muted)}
.pub-review{display:grid;grid-template-columns:100px 1fr;gap:13px;font-size:12px;margin-top:16px}.pub-review dt{color:var(--muted)}.pub-review dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.pub-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#10160f;border-radius:9px;padding:14px;font-size:11px;color:#b8c6ac;max-height:320px;overflow:auto}.pub-flow{display:grid;gap:10px;margin:20px 0}.pub-flow div{padding:12px 14px;border:1px solid #394632;border-radius:9px;font-size:12px}.pub-flow b{color:var(--lime);margin-right:12px}
.pub-capability-list{width:100%;border-collapse:collapse;font-size:12px;margin:15px 0}.pub-capability-list td,.pub-capability-list th{text-align:left;border-bottom:1px solid var(--line);padding:11px 8px;vertical-align:top}.pub-capability-list th{color:var(--muted);font-weight:400}.pub-capability-list td:first-child{min-width:95px}.pub-capability-list td:last-child{color:#b5c2ab}
@media(min-width:1650px){.pub-layout{grid-template-columns:minmax(0,1fr) 320px;gap:30px}.pub-card{padding:26px}}
@media(max-width:1150px){.pub-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.pub-card{padding:18px}.pub-preview{padding:14px}.pub-task{grid-template-columns:36px minmax(0,1fr) 120px}.pub-task>.pub-row{grid-column:2/-1;justify-content:flex-start}.pub-heading-actions{gap:7px}}
@media(max-width:900px){.sidebar nav{max-width:100%;overflow-x:auto;flex-shrink:1}.sidebar{flex-wrap:wrap}.pub-layout{grid-template-columns:minmax(0,1fr) 250px}.pub-heading-actions{justify-content:flex-end}.pub-notice{flex-wrap:wrap}}
@media(max-width:680px){.pub-layout{grid-template-columns:1fr}.pub-preview{position:static;max-width:310px;width:100%;margin:0 auto;order:2}.pub-inline{grid-template-columns:1fr;gap:0}.pub-heading-actions{justify-content:flex-start}.pub-heading{align-items:flex-start;flex-direction:column;gap:12px}.pub-notice{gap:7px}.pub-notice span{flex-basis:75%;font-size:11px}.pub-tabs{gap:25px}.pub-card{padding:17px}.pub-submit-bar{flex-wrap:wrap}.pub-submit-bar>div{width:100%;display:flex;gap:10px}.pub-submit-bar .primary{flex:1;justify-content:center}.pub-task{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px}.pub-task>div:nth-child(3){grid-column:2}.pub-task>.pub-row{grid-column:2}.pub-toolbar input{width:100%}.pub-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pub-dialog-body{padding:18px}.pub-dialog-header{padding:15px 18px}.pub-review{grid-template-columns:76px 1fr}.pub-segment{flex-wrap:wrap}.pub-segment label{min-width:90px}.pub-account-option{flex:1;min-width:190px}}