.publish-back { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; color: #961523; background: #fff; border: 1px solid #d9aeb4; border-radius: 4px; font-size: 13px; font-weight: 700; }
.publish-back:hover { color: #fff; background: #a91927; }
.publish-section { padding: 42px 24px 84px; background: #f4f6f7; }
.publish-page-head { width: min(1000px, 100%); margin: 0 auto 24px; }
.publish-page-head .breadcrumb { margin-bottom: 24px; color: #6f7d82; }
.publish-page-head h1 { margin: 0; color: #1f373d; font-size: 32px; line-height: 1.45; }
.publish-page-head p { margin: 9px 0 0; color: #708085; font-size: 14px; line-height: 1.8; }
.publish-form { width: min(1000px, 100%); margin: 0 auto; padding: 38px 46px 42px; color: #263940; background: #fff; border: 1px solid #e0e5e7; border-radius: 8px; box-shadow: 0 14px 38px rgba(25,48,56,.08); font-family: inherit; }
.form-section-head { display: flex; align-items: center; gap: 14px; margin: 4px 0 22px; padding-bottom: 15px; border-bottom: 1px solid #e5eaeb; }
.form-section-head:not(:first-child) { margin-top: 38px; }
.form-section-head > span { display: grid; place-items: center; width: 38px; height: 38px; color: #fff; background: #a91c2b; border-radius: 4px; font: 800 13px/1 Arial, sans-serif; }
.form-section-head h2 { margin: 0; color: #20383e; font-size: 20px; line-height: 1.4; }
.form-section-head p { margin: 3px 0 0; color: #7a878c; font-size: 12px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px 22px; }
.form-grid.one-column { grid-template-columns: 1fr; }
.publish-field { display: block; position: relative; }
.publish-field.full { grid-column: 1 / -1; }
.publish-field > span { display: block; margin-bottom: 8px; color: #3e5057; font-size: 14px; font-weight: 700; line-height: 1.5; }
.publish-field b { color: #c3202f; }
.publish-field input, .publish-field select, .publish-field textarea { width: 100%; color: #263940; background: #fff; border: 1px solid #cfd9dc; border-radius: 4px; outline: 0; font-family: inherit; font-size: 14px; line-height: 1.5; }
.publish-field input, .publish-field select { height: 44px; padding: 0 12px; }
.publish-field textarea { min-height: 150px; padding: 12px; line-height: 1.7; resize: vertical; }
.publish-field input::placeholder, .publish-field textarea::placeholder { color: #9aa5a9; }
.publish-field input:focus, .publish-field select:focus, .publish-field textarea:focus { border-color: #b51f2e; box-shadow: 0 0 0 3px rgba(181,31,46,.1); }
.publish-field.is-error input, .publish-field.is-error select, .publish-field.is-error textarea { border-color: #d73343; background: #fffafb; }
.publish-field small { position: absolute; right: 10px; bottom: 8px; color: #8d989c; font-size: 11px; }
.publish-field small em { font-style: normal; }
.publish-status { min-height: 20px; margin: 24px 0 0; color: #a91927; font-size: 13px; text-align: center; }
.publish-actions { display: flex; justify-content: center; gap: 12px; margin-top: 12px; }
.publish-actions a, .publish-actions button { display: inline-flex; align-items: center; justify-content: center; min-width: 150px; min-height: 44px; border-radius: 4px; font-family: inherit; font-size: 14px; font-weight: 700; }
.publish-actions a { color: #5c6b71; background: #fff; border: 1px solid #cfd9dc; }
.publish-actions button { color: #fff; background: #c3202f; border: 1px solid #c3202f; cursor: pointer; }
.publish-actions button:hover { background: #961523; border-color: #961523; }
.publish-success[hidden] { display: none; }
.publish-success { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(15,23,29,.46); backdrop-filter: blur(4px); }
.publish-success section { width: min(440px,100%); padding: 38px 34px 32px; text-align: center; background: #fff; border-radius: 10px; box-shadow: 0 24px 70px rgba(20,25,31,.25); }
.publish-success section > span { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 18px; color: #fff; background: #c3202f; border-radius: 50%; font-size: 24px; font-weight: 800; }
.publish-success h2 { margin: 0; font-size: 24px; }
.publish-success p { margin: 13px 0 25px; color: #66747a; line-height: 1.8; }
.publish-success button { min-width: 150px; min-height: 43px; color: #fff; background: #c3202f; border: 0; border-radius: 4px; font-weight: 700; cursor: pointer; }
.publish-footer { padding: 22px; color: #879297; background: #fff; font-size: 11px; text-align: center; }
@media (max-width: 800px) { .desktop-nav { display: none; } .publish-section { padding: 28px 14px 54px; } .publish-form { padding: 28px 20px 32px; } .form-grid { grid-template-columns: 1fr; } .publish-field.full { grid-column: auto; } }
@media (max-width: 520px) { .publish-back { padding: 0 10px; font-size: 11px; } .publish-page-head h1 { font-size: 27px; } .publish-actions { flex-direction: column-reverse; } .publish-actions a, .publish-actions button { width: 100%; } }