body.admin-composer-page .container{width:min(1320px,calc(100vw - var(--hpa-sidebar) - 84px))!important;margin-top:28px!important;margin-bottom:48px!important}
.admin-composer-page #login-gate,.admin-composer-page #admin-content{border:1px solid var(--hpa-line);background:rgba(210,213,215,.72);box-shadow:0 12px 36px rgba(18,21,33,.12),inset 0 0 0 1px rgba(255,255,255,.14);overflow:hidden}
.admin-composer-page #login-gate{padding:42px 26px!important}.composer-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:20px 22px 18px;border-bottom:3px double var(--hpa-ink);background:linear-gradient(90deg,rgba(18,21,33,.08),transparent 55%)}
.composer-kicker{font-size:.7rem;letter-spacing:.11em;font-weight:900;opacity:.72;margin-bottom:7px}.composer-masthead h1{margin:0 0 5px;font-size:clamp(1.6rem,3vw,2.7rem);letter-spacing:.02em}.composer-masthead p{margin:0;font-size:.72rem;font-weight:700}.composer-status{min-width:210px;border:1px solid var(--hpa-line);padding:10px 12px;font-size:.64rem;line-height:1.6;background:rgba(255,255,255,.08)}
.composer-direct-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr);gap:15px;padding:15px}.composer-panel{border:1px solid var(--hpa-line);background:rgba(210,213,215,.34);padding:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.composer-panel-title{font-size:.72rem;font-weight:900;letter-spacing:.075em;border-bottom:1px dashed var(--hpa-soft-line);padding-bottom:8px;margin-bottom:12px}.secondary-title{margin-top:22px}
.direct-post-form{display:grid;gap:14px}.direct-post-form label,.field-label{display:block;font-size:.68rem;font-weight:900;letter-spacing:.05em}.direct-post-form label input,.direct-post-form label textarea{margin-top:6px}.admin-composer-page input[type="text"],.admin-composer-page input[type="file"],.admin-composer-page textarea,.admin-composer-page select,.admin-composer-page .rich-editor{width:100%;box-sizing:border-box;border:1px solid var(--hpa-line)!important;background:rgba(210,213,215,.28)!important;color:var(--hpa-ink)!important;font:inherit;outline:none}.admin-composer-page input[type="text"],.admin-composer-page textarea,.admin-composer-page select{padding:10px 11px}.admin-composer-page textarea{resize:vertical}.admin-composer-page input:focus,.admin-composer-page textarea:focus,.admin-composer-page select:focus,.admin-composer-page .rich-editor:focus{box-shadow:0 0 0 2px rgba(18,21,33,.12)!important}
.editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border:1px solid var(--hpa-line);border-bottom:0;background:rgba(18,21,33,.07)}.editor-toolbar button,.upload-row button{font:inherit;font-size:.68rem;font-weight:900;border:1px solid var(--hpa-line);background:rgba(210,213,215,.34);color:var(--hpa-ink);padding:7px 9px;cursor:pointer}.editor-toolbar button:hover,.upload-row button:hover{background:var(--hpa-ink);color:var(--hpa-bg)}.rich-editor{min-height:440px;padding:22px;line-height:1.6;overflow-wrap:anywhere}.rich-editor:empty:before{content:attr(data-placeholder);opacity:.46;letter-spacing:.04em}.rich-editor img{max-width:100%;height:auto}
.header-image-channel{border:1px dashed var(--hpa-line);padding:12px;background:rgba(18,21,33,.025)}.header-image-channel p{font-size:.64rem;opacity:.72}.upload-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.upload-row input[type="file"]{flex:1 1 280px;padding:7px}.header-image-preview{display:none;max-width:100%;max-height:340px;object-fit:contain;margin:12px auto 0;border:1px solid var(--hpa-line);padding:5px}.header-image-preview.active{display:block}.status-line{font-size:.64rem;min-height:1em;margin-top:8px}.publish-toggle{display:flex!important;align-items:center;gap:8px}.publish-toggle input{width:auto!important;margin:0!important}.composer-action{width:100%;border:1px solid var(--hpa-ink);background:var(--hpa-ink);color:var(--hpa-bg);padding:12px 14px;font:inherit;font-weight:900;letter-spacing:.05em;cursor:pointer}.composer-action:hover{filter:invert(1)}
.route-readout{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;border:1px dashed var(--hpa-line);padding:11px;font-size:.63rem;line-height:1.5}.route-readout span{opacity:.62}.route-readout strong{text-align:right}.composer-checklist{margin:0;padding-left:1.35rem;font-size:.67rem;line-height:1.8}.composer-side-panel{align-self:start;position:sticky;top:14px}.admin-auth-panel{max-width:650px;margin:56px auto 70px;border:1px solid var(--hpa-line);padding:24px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:rgba(18,21,33,.035)}.admin-auth-icon{font-size:1.25rem}.admin-auth-title{font-size:1rem;font-weight:900;letter-spacing:.08em}.admin-auth-detail{margin-top:8px;font-size:.7rem;opacity:.75;line-height:1.5}.admin-auth-link{grid-column:1/-1;text-align:center;text-decoration:none;margin-top:8px}
@media(max-width:1050px){.composer-direct-grid{grid-template-columns:1fr}.composer-side-panel{position:static}.composer-status{min-width:0}}@media(max-width:760px){body.admin-composer-page .container{width:calc(100% - 18px)!important;margin:10px auto!important}.composer-masthead{grid-template-columns:1fr}.composer-direct-grid{padding:10px}.rich-editor{min-height:340px;padding:14px}}

/* V11: rich editor parity with Newsletter Control + terminal-surface fields. */
.admin-composer-page input[type="text"],
.admin-composer-page input[type="file"],
.admin-composer-page textarea,
.admin-composer-page select,
.admin-composer-page .rich-editor,
.admin-composer-page .editor-toolbar button,
.admin-composer-page .editor-toolbar select,
.admin-composer-page .image-tools input[type="text"],
.admin-composer-page .image-tools button {
  background-color: var(--hpa-bg) !important;
  background-image: radial-gradient(rgba(18,21,33,.16) .45px, transparent .45px) !important;
  background-size: 3px 3px !important;
  color: var(--hpa-ink) !important;
  border-color: var(--hpa-line) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
.admin-composer-page input::placeholder,.admin-composer-page textarea::placeholder { color:var(--hpa-ink);opacity:.52; }
.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;position:sticky;top:0;z-index:4}
.rich-toolbar select{width:auto!important;max-width:145px;padding:7px 9px!important;font-size:.68rem;font-weight:900}
.toolbar-sep{width:1px;height:28px;background:var(--hpa-ink);opacity:.25;margin:0 2px}
.color-control{display:flex!important;align-items:center;gap:5px;margin:0!important;border:1px solid var(--hpa-line);padding:3px 5px!important;width:auto!important;background:transparent!important}
.color-control input{width:28px!important;height:24px!important;border:0!important;padding:0!important;background:none!important;background-image:none!important;box-shadow:none!important}
.editor-toolbar .image-button{background:var(--hpa-ink)!important;background-image:none!important;color:var(--hpa-bg)!important}
.editor-footline{margin:0;border:1px solid var(--hpa-line);border-top:0;padding:8px 10px;font-size:.62rem;background:rgba(18,21,33,.05)}
.image-tools{margin-top:10px;border:1px dashed var(--hpa-line);padding:11px;background:rgba(18,21,33,.045)}
.image-tools.hidden{display:none!important}.image-tool-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.image-tools label{margin-top:8px}.image-tools input[type="text"]{margin-top:5px;padding:8px 9px;width:100%;box-sizing:border-box}
.editor-image-selected{outline:2px solid var(--hpa-ink);outline-offset:3px}
.rich-editor img{max-width:100%;height:auto}

/* V12: force editable surfaces to match the site paper and preserve typed letter case. */
.admin-composer-page input[type="text"],
.admin-composer-page input[type="email"],
.admin-composer-page input[type="url"],
.admin-composer-page input[type="search"],
.admin-composer-page input[type="file"],
.admin-composer-page textarea,
.admin-composer-page select,
.admin-composer-page .rich-editor,
.admin-composer-page .image-tools input[type="text"] {
  background-color: var(--hpa-bg) !important;
  background-image:
    linear-gradient(rgba(0,0,0,.035) 50%, transparent 50%),
    radial-gradient(var(--hpa-ink) .55px, transparent .55px) !important;
  background-size: 100% 4px, 3px 3px !important;
  color: var(--hpa-ink) !important;
  text-transform: none !important;
  caret-color: var(--hpa-ink) !important;
}

.admin-composer-page .rich-editor,
.admin-composer-page .rich-editor * {
  text-transform: none !important;
}

.admin-composer-page .rich-editor {
  background-color: var(--hpa-bg) !important;
  background-image:
    linear-gradient(rgba(0,0,0,.035) 50%, transparent 50%),
    radial-gradient(var(--hpa-ink) .55px, transparent .55px) !important;
  background-size: 100% 4px, 3px 3px !important;
}

.admin-composer-page .rich-editor:empty::before {
  text-transform: none !important;
}