* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; background: #313338; color: #dbdee1; }
header { padding: 1rem; background: #1e1f22; }
h1 { margin: 0; font-size: 1.2rem; }
main { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 1rem; }
@media (max-width: 800px) { main { grid-template-columns: 1fr; } }
label { display: block; margin: 0.5rem 0; font-size: 0.85rem; }
input, textarea { width: 100%; padding: 0.4rem; margin-top: 0.2rem; border-radius: 4px; border: 1px solid #1e1f22; background: #1e1f22; color: #fff; }
input[type="color"] { height: 2.2rem; padding: 0.1rem; }
hr { border-color: #3f4147; }
.section-head { display: flex; align-items: center; justify-content: space-between; }
.section-head h3 { margin: 0; }
.embed-card { border: 1px solid #3f4147; border-radius: 6px; padding: 0.5rem 0.75rem; margin: 0.5rem 0; }
.embed-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.3rem; }
.embed-title { font-weight: 600; font-size: 0.85rem; color: #949ba4; }
.embed-remove { background: #7a1f2b; font-size: 0.75rem; padding: 0.25rem 0.5rem; }
button:disabled { opacity: 0.5; cursor: not-allowed; }
.discord-embed + .discord-embed { margin-top: 0.4rem; }
button { cursor: pointer; padding: 0.5rem 0.8rem; border: 0; border-radius: 4px; background: #4e5058; color: #fff; margin: 0.2rem 0.2rem 0.2rem 0; }
button.send { background: #5865f2; font-weight: 600; }
.status { min-height: 1.2rem; font-size: 0.85rem; }
.status.error { color: #f38ba8; }
.status.ok { color: #a6e3a1; }
.btn-row { display: flex; gap: 0.4rem; align-items: center; margin: 0.3rem 0; }
.btn-row input { margin: 0; }
.discord-embed { border-left: 4px solid #5865f2; background: #2b2d31; padding: 0.75rem; border-radius: 4px; }
.discord-embed .title { font-weight: 700; color: #fff; }
.discord-embed .desc { white-space: pre-wrap; margin-top: 0.3rem; }
.discord-embed .footer { font-size: 0.75rem; color: #949ba4; margin-top: 0.5rem; }
.discord-embed img.thumb { float: right; max-width: 80px; border-radius: 4px; margin-left: 0.5rem; }
.discord-embed img.big { display: block; max-width: 100%; border-radius: 4px; margin-top: 0.5rem; }
.preview-buttons { display: flex; gap: 0.4rem; margin-top: 0.5rem; flex-wrap: wrap; }
.preview-buttons span { padding: 0.35rem 0.7rem; border-radius: 4px; background: #4e5058; font-size: 0.8rem; }
.preview-buttons span.role { background: #5865f2; }