.banner-editor p{max-width:66ch}.banner-editor .field{margin-top:20px}.banner-editor input[type=file]{max-width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:15px}.banner-editor input[type=file]:disabled{opacity:.55}.banner-edit-preview{aspect-ratio:1128/191;overflow:hidden;border:1px solid var(--line);border-radius:12px;margin:24px 0;background:var(--card)}.banner-edit-preview img{display:block;width:100%;height:100%;object-fit:cover}.banner-position{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.banner-position label{display:grid;gap:8px;color:var(--muted);font-size:14px}.banner-position input{width:100%;min-height:28px;padding:0;accent-color:var(--blue)}.banner-editor [hidden]{display:none!important}#bannerStatus{min-height:1.6em;font-size:14px}.banner-editor .approval-toggle{align-items:flex-start}.banner-editor .quiet-actions{flex-wrap:wrap}.banner-editor .quiet-actions a{align-self:center;font-size:14px}@media(max-width:620px){.banner-edit-preview{aspect-ratio:4/1}.banner-position{grid-template-columns:1fr;gap:8px}}
.banner-editor .approval-toggle{font-size:14px;font-weight:400;line-height:1.6}.banner-editor input[type=file]::file-selector-button{font:inherit;min-height:36px;padding:5px 12px;margin-right:12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
.banner-editor #bannerAutomatic[aria-pressed="true"]{border-color:var(--accent,#2f8cc8);box-shadow:inset 0 0 0 1px var(--accent,#2f8cc8)}
.banner-editor #bannerAutomatic[aria-pressed="true"]::before{content:'✓ ';}
.banner-automatic-preview{margin:16px 0;border-radius:8px;overflow:hidden}
.banner-automatic-preview[hidden]{display:none}
.banner-automatic-preview .identity-cover{position:relative;height:96px;background:#e8f1f5;color:#1c628d;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;padding:16px 32px}
.banner-automatic-preview .identity-tone-1{background:#edf1f1}.banner-automatic-preview .identity-tone-2{background:#edf0f6}
html[data-theme="dark"] .banner-automatic-preview .identity-cover{background:#1c303c;color:#8eb9d3}
.banner-automatic-preview .identity-monogram{font-size:48px;font-weight:500;letter-spacing:-.05em}.banner-automatic-preview .identity-rule{position:absolute;width:60%;height:1px;left:0;top:50%;background:currentColor;opacity:.2}