#connection-notice{position:sticky;top:0;z-index:100;padding:12px 18px;background:#492928;color:#ffe1da;border-bottom:1px solid #bd6262;font-size:16px;line-height:1.5}#connection-notice[hidden]{display:none}.pwa-help{margin:18px 0;font-size:16px;color:#a8bcc9}.pwa-help summary{cursor:pointer}.pwa-help p{max-width:650px;line-height:1.6}@media(max-width:760px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}button,a.button{min-height:36px}.os-dock{bottom:max(12px,env(safe-area-inset-bottom))}body{padding-bottom:env(safe-area-inset-bottom)}dialog{max-height:90dvh}}
#editor-connection-notice{padding:12px;background:#492928;color:#ffe1da;font-size:16px;line-height:1.5;border:1px solid #bd6262}
.draft-discard{max-width:430px;width:calc(100% - 32px);padding:24px;background:#121a28;color:#e5f3fa;border:1px solid #5deaf6}.draft-discard::backdrop{background:#000a}.draft-discard p{line-height:1.6}.draft-discard>div{display:flex;gap:12px;flex-wrap:wrap}

#inbox-draft-controls { margin-top: 1rem; font-size: 1rem; }
.inbox-draft-actions { display: flex; gap: .5rem; flex-wrap: wrap; }

.inbox-material-field { display: grid; gap: .4rem; margin: .8rem 0; }
.inbox-material-field textarea { width: 100%; resize: vertical; min-height: 5rem; }
.inbox-source { display: inline-block; margin: .4rem 0; color: var(--accent, #62dded); }
.inbox-details { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 12rem; overflow-y: auto; }