*{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;align-items:start}@media (max-width: 800px){main{grid-template-columns:1fr}}.editor-column{display:flex;flex-direction:column;gap:1rem;min-width:0}.card{background:#2b2d31;border:1px solid #232428;border-radius:8px;padding:1rem}label{display:block;margin:.5rem 0;font-size:.85rem}input,textarea{width:100%;max-width:100%;padding:.4rem;margin-top:.2rem;border-radius:4px;border:1px solid #1e1f22;background:#1e1f22;color:#fff}textarea{resize:vertical}input[type=color]{height:2.2rem;padding:.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:.5rem .75rem;margin:.5rem 0}.embed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.embed-title{font-weight:600;font-size:.85rem;color:#949ba4}.embed-remove{background:#7a1f2b;font-size:.75rem;padding:.25rem .5rem}button:disabled{opacity:.5;cursor:not-allowed}.discord-embed+.discord-embed{margin-top:.4rem}button{cursor:pointer;padding:.5rem .8rem;border:0;border-radius:4px;background:#4e5058;color:#fff;margin:.2rem .2rem .2rem 0}button.send{background:#5865f2;font-weight:600}.status{min-height:1.2rem;font-size:.85rem}.status.error{color:#f38ba8}.status.ok{color:#a6e3a1}.btn-row{display:flex;gap:.4rem;align-items:center;margin:.3rem 0}.btn-row input{margin:0}.discord-embed{border-left:4px solid #5865f2;background:#2b2d31;padding:.75rem;border-radius:4px}.discord-embed .title{font-weight:700;color:#fff}.discord-embed .desc{white-space:pre-wrap;margin-top:.3rem}.discord-embed .footer{font-size:.75rem;color:#949ba4;margin-top:.5rem}.discord-embed img.thumb{float:right;max-width:80px;border-radius:4px;margin-left:.5rem}.discord-embed img.big{display:block;max-width:100%;border-radius:4px;margin-top:.5rem}.preview-buttons{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.preview-buttons span{padding:.35rem .7rem;border-radius:4px;background:#4e5058;font-size:.8rem}.preview-buttons span.role{background:#5865f2}.embed-section{border-top:1px solid #3f4147;padding:.25rem 0}.embed-section>summary{cursor:pointer;font-size:.8rem;font-weight:600;color:#949ba4;padding:.35rem 0;list-style:revert}.fields-editor{margin-top:.25rem}.field-card{border:1px solid #3f4147;border-radius:6px;padding:.4rem .6rem;margin:.4rem 0}.field-row{display:flex;gap:.6rem;align-items:flex-end}.field-row .field-name{flex:1}.field-inline{display:flex;align-items:center;gap:.3rem;white-space:nowrap}.field-inline input{width:auto;margin:0}.field-actions{display:flex;gap:.3rem;margin-top:.3rem}.message-content{white-space:pre-wrap;margin-bottom:.5rem}.discord-embed .embed-author{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.discord-embed .embed-author-icon{width:20px;height:20px;border-radius:50%}.discord-embed .title a{color:#00a8fc;text-decoration:none}.discord-embed .desc img.emoji,.message-content img.emoji,.embed-field img.emoji{width:1.35em;height:1.35em;vertical-align:bottom}.discord-embed .embed-fields{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.5rem}.discord-embed .embed-field.inline{grid-column:span 1}.discord-embed .embed-field-name{font-weight:600;font-size:.85rem}.discord-embed .embed-field-value{font-size:.85rem;white-space:pre-wrap}.discord-embed .footer{display:flex;align-items:center;gap:.4rem}.discord-embed .footer-icon{width:18px;height:18px;border-radius:50%}.spoiler{background:#1e1f22;border-radius:3px}@media (min-width: 480px){.discord-embed .embed-fields{grid-template-columns:repeat(3,1fr)}.discord-embed .embed-field:not(.inline){grid-column:1 / -1}}.btn-row-group{border:1px solid var(--border, #2b2d31);border-radius:6px;padding:8px;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.btn-card{display:flex;flex-direction:column;gap:4px;min-width:160px}.btn-card-actions,.btn-row-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-row-actions{width:100%;margin-top:4px}.preview-buttons .emoji,.preview-buttons .btn-emoji{margin-right:4px;vertical-align:middle}.preview-buttons .emoji{width:1.2em;height:1.2em}.attachments .attach-list{list-style:none;margin:.3rem 0 0;padding:0}.attachments .attach-list li{display:flex;gap:.5rem;align-items:center;margin:.2rem 0;font-size:.8rem}.attachments .attach-size{color:#949ba4}.attachments .attach-ref{background:#1e1f22;padding:.1rem .3rem;border-radius:3px;color:#a6e3a1}.attachments .attach-error{color:#f38ba8;font-size:.8rem;margin:.3rem 0 0}.color-field{margin:.5rem 0}.color-field-label{display:block;font-size:.85rem;margin-bottom:.2rem}.color-picker{position:relative;display:inline-block}.color-trigger{display:inline-flex;align-items:center;gap:.5rem;background:#1e1f22;border:1px solid #1e1f22;padding:.3rem .5rem;border-radius:4px;margin:0}.color-trigger-swatch{width:1.1rem;height:1.1rem;border-radius:3px;border:1px solid rgba(255,255,255,.2)}.color-trigger-text{font-size:.8rem;color:#dbdee1;font-family:monospace}.color-popover{position:absolute;z-index:20;top:calc(100% + 4px);left:0;width:232px;padding:.6rem;background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;box-shadow:0 8px 24px #00000080}.color-popover .react-colorful{width:100%;height:160px;margin-bottom:.5rem}.color-inputs{display:flex;gap:.3rem}.color-inputs .ci{display:flex;flex-direction:column;align-items:center;flex:1;gap:.15rem;margin:0;font-size:.7rem;color:#949ba4}.color-inputs .ci-hex{flex:1.6}.color-inputs .ci input{width:100%;padding:.25rem;text-align:center;font-size:.75rem}.color-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:.5rem}.color-preset{width:1.3rem;height:1.3rem;padding:0;margin:0;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.color-reset{margin:0 0 0 auto;background:#5865f2;font-size:.75rem;padding:.3rem .7rem}.preview-attachments{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.preview-attachments .attach-thumb img{max-width:160px;max-height:120px;border-radius:4px;display:block}.preview-attachments .attach-file{font-size:.8rem;color:#dbdee1}.message-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.message-tab{display:inline-flex;align-items:center}.message-tab>button:first-child{background:#2b2d31;color:#dbdee1;border:1px solid #1e1f22;border-radius:4px 0 0 4px;padding:6px 10px;cursor:pointer}.message-tab>button.active{background:#5865f2;color:#fff}.message-tab .tab-remove{background:#2b2d31;color:#dbdee1;border:1px solid #1e1f22;border-left:none;border-radius:0 4px 4px 0;padding:6px 8px;cursor:pointer}.tab-add{background:transparent;color:#949ba4;border:1px dashed #4b4d52;border-radius:4px;padding:6px 10px;cursor:pointer}.tab-add:disabled{opacity:.5;cursor:not-allowed}