.discord-compose { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:28px; padding:0 0 28px; border-bottom:1px solid #3d3e42; }
.discord-compose form,.discord-compose label { display:grid; gap:8px; min-width:0; }
.discord-compose form { gap:18px; }
.discord-compose label > span,.discord-preview-label { font-size:12px; font-weight:700; color:#bebfc3; }
.discord-compose :is(input,select,textarea) { box-sizing:border-box; width:100%; min-width:0; border:1px solid #494a4f; background:#242529; color:#f5f5f5; border-radius:5px; padding:11px; font:inherit; }
.discord-compose textarea { resize:vertical; min-height:180px; }
.discord-compose select[multiple] { height:190px; }
.discord-compose select[name=role_ids] { height:128px; }
.discord-role-field > button { margin-top:8px; }
.discord-picker-field { display:grid; gap:8px; min-width:0; }
.discord-picker-field > span { font-size:12px; font-weight:700; color:#bebfc3; }
.discord-picker { position:relative; min-width:0; }
.discord-compose .discord-picker-trigger { display:block; position:relative; width:100%; height:46px; padding:10px 36px 10px 12px; border:1px solid #494a4f; border-radius:5px; background:#242529; color:#f5f5f5; font:inherit; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.discord-picker-trigger::after { content:''; position:absolute; right:16px; top:17px; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
.discord-picker-trigger[aria-expanded=true]::after { top:21px; transform:rotate(225deg); }
.discord-picker-trigger:focus-visible { outline:2px solid #e1bd50; outline-offset:2px; }
.discord-picker-popup { position:absolute; top:calc(100% + 6px); left:0; width:100%; box-sizing:border-box; z-index:40; display:flex; flex-direction:column; gap:8px; padding:10px; border:1px solid #606168; border-radius:5px; background:#1e1f23; box-shadow:0 8px 24px #0008; }
.discord-picker-popup.opens-up { top:auto; bottom:calc(100% + 6px); }
.discord-picker-popup[hidden] { display:none; }
.discord-compose .discord-picker-popup > input { flex-shrink:0; height:42px; }
.discord-picker-results { min-height:0; overflow:auto; overscroll-behavior:contain; }
.discord-picker-group { color:#a7a9b0; font-size:11px; font-weight:700; padding:9px 7px 5px; }
.discord-compose .discord-picker-option { display:flex; align-items:center; gap:10px; padding:9px 7px; min-height:38px; box-sizing:border-box; border-radius:3px; cursor:pointer; }
.discord-picker-option:hover,.discord-picker-option:focus-within { background:#33353b; }
.discord-compose .discord-picker-option > input { width:16px; height:16px; flex:0 0 16px; margin:0; padding:0; accent-color:#d5a723; }
.discord-compose .discord-picker-option > span { color:#f2f2f3; font-size:13px; font-weight:400; overflow-wrap:anywhere; min-width:0; }
.discord-picker-count { flex-shrink:0; border-top:1px solid #3b3c42; padding:8px 7px 0; color:#b8b9bd; font-size:11px; }
.discord-picker-empty { margin:0; padding:18px 7px; color:#b8b9bd; font-size:13px; }
.discord-role-mentions { color:#bcc9ff; font-size:13px; line-height:1.6; overflow-wrap:anywhere; margin:0 0 12px; }
.discord-compose select:not([multiple]) { height:46px; }
.discord-compose input[type=color] { padding:4px; height:44px; cursor:pointer; }
.discord-compose small { font-size:11px; color:#b8b9bd; }
.discord-compose-pair { display:grid; grid-template-columns:minmax(0,1fr) 96px; gap:14px; }
.discord-compose .profile-edit-actions { flex-wrap:wrap; }
.discord-preview { min-width:0; }
.discord-preview-label { margin:0 0 12px; }
.discord-embed { border:1px solid #3a3b40; border-left:4px solid #d5a723; border-radius:4px; padding:18px; background:#25262b; overflow-wrap:anywhere; }
.discord-embed-author { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700; margin-bottom:16px; }
.discord-embed-author img { width:32px; height:24px; object-fit:contain; }
.discord-embed h3 { font-size:17px; line-height:1.4; margin:0 0 10px; }
.discord-embed [data-embed-text] { white-space:pre-wrap; font-size:14px; line-height:1.6; }
.discord-embed > img { max-width:100%; max-height:260px; object-fit:contain; margin-top:16px; }
.discord-embed footer { font-size:11px; color:#b8b9bd; margin-top:20px; }
.discord-message-toolbar { display:flex; gap:16px; align-items:center; justify-content:space-between; margin:26px 0 12px; flex-wrap:wrap; }
.discord-message-toolbar h3 { margin:0; font-size:18px; }
.discord-message-toolbar select { max-width:180px; background:#242529; color:#fff; padding:9px; border:1px solid #494a4f; border-radius:4px; }
.discord-message-row { display:flex; gap:18px; justify-content:space-between; border-bottom:1px solid #38393d; padding:20px 0; min-width:0; }
.discord-message-row > div:first-child { min-width:0; overflow-wrap:anywhere; }
.discord-message-row h3 { font-size:16px; margin:10px 0 6px; }
.discord-message-row p { margin:5px 0; color:#c4c5ca; font-size:12px; }
.discord-message-row p span { margin-left:10px; color:#96989f; }
.discord-delivery-state { font-size:11px; font-weight:700; color:#f3cb69; }
.discord-delivery-state[data-state=sent] { color:#8bd6aa; }
.discord-delivery-state:is([data-state=failed],[data-state=uncertain]),.discord-message-row .discord-delivery-error { color:#f5a2a2; }
.discord-delivery-state[data-state=cancelled] { color:#a5a6ae; }
.discord-row-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; flex-shrink:0; }
.discord-row-actions a { font-size:12px; color:#efca62; }
.discord-empty { padding:28px 0; color:#b8b9bd; }
[data-discord-status] { display:block; min-height:20px; margin-top:14px; overflow-wrap:anywhere; }
[data-discord-status][data-state=error] { color:#f5a2a2; }
@media(max-width:900px) { .discord-compose { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { .discord-message-row { flex-direction:column; } .discord-compose-pair { grid-template-columns:minmax(0,1fr) 64px; } }