/* Message Studio: progressive editing with a Discord-style live preview. */
.studio-shell{grid-template-columns:minmax(480px,1.1fr) minmax(380px,.9fr);align-items:start;gap:20px}.studio-main,.studio-side{gap:16px}.studio-side{position:sticky;top:0;max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain;padding-right:3px}.studio-side .preview-card{order:-1}.studio-side .recent-messages{max-height:300px}.studio-main .card{border-radius:12px}.studio-main .card-head h3{font-size:18px}.embed-head{flex-wrap:wrap;gap:10px}.studio-pill{font-size:10px;white-space:nowrap;background:#171a23;border:1px solid #292e3e;border-radius:20px;padding:6px 10px;color:#acb7ce}.studio-draft-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 15px}.draft-status{flex:1 1 140px;text-align:right}.studio-draft-toolbar .button,.studio-draft-toolbar .ghost-button{font-size:11px;padding:7px 10px}.embed-tabs{display:flex;gap:6px;overflow-x:auto;padding:12px 0}.embed-tabs button{border:1px solid #2d3140;background:#12151d;color:#aab3c7;border-radius:7px;padding:8px 11px;white-space:nowrap;font-size:11px;cursor:pointer}.embed-tabs button.active{background:#282039;border-color:#806bb0;color:#fff}.embed-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin:0 0 13px}.embed-actions>span{margin-right:auto}.embed-actions .ghost-button{font-size:10px;padding:4px 8px}.danger-text{color:#f28b99}.embed-section{border-top:1px solid #272b37;margin-top:12px;padding:0}.embed-section summary{cursor:pointer;color:#cbd1df;font-weight:600;font-size:12px;padding:15px 0;display:flex;align-items:center;gap:8px}.embed-section summary:before{content:'›';font-size:18px;color:#788096;width:13px}.embed-section[open] summary:before{transform:rotate(90deg)}.embed-section summary>span{margin-left:auto;font-size:10px;color:#8690a5;font-weight:400}.embed-section[open]{padding-bottom:9px}.template-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #282d3a;border-radius:7px;margin:6px 0;padding:5px}.template-row>.ghost-button{flex:1;text-align:left}.field-editor,.button-editor{border:1px solid #2b3040;background:#10131b;border-radius:9px;padding:12px;margin:10px 0}.field-editor-head{display:flex;gap:7px;align-items:center;margin-bottom:9px;font-size:11px}.field-editor-head strong{margin-right:auto;color:#b4bed2}.checkbox-inline{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#a3adc3}.checkbox-inline input[type=checkbox]{width:14px;height:14px;accent-color:#D4AF37}.markdown-toolbar{display:flex;gap:3px;flex-wrap:wrap;padding:7px 0}.markdown-toolbar button{height:28px;min-width:29px;border-radius:5px;border:1px solid #2b3040;background:#161923;color:#c7cfdf;cursor:pointer;font-size:11px}.markdown-toolbar button:hover{border-color:#6e628b;background:#262131}.markdown-toolbar button[data-format=bold]{font-weight:800}.markdown-toolbar button[data-format=italic]{font-style:italic}.markdown-toolbar button[data-format=underline]{text-decoration:underline}.markdown-toolbar button[data-format=strike]{text-decoration:line-through}.embed-builder textarea{min-height:105px;resize:vertical;line-height:1.6}.embed-builder #embDesc{min-height:165px}.accent-editor{background:#12151d;border:1px solid #2b3040;border-radius:9px;padding:13px;margin-top:16px}.accent-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px}.color-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.color-control input[type=color]{width:44px;height:38px;padding:3px;border-radius:7px;background:#090c14;border:1px solid #343b4d;cursor:pointer}.hex-input{display:flex;align-items:center;border:1px solid #343b4d;border-radius:6px;padding-left:10px;background:#090c14}.hex-input span{color:#68748d}.hex-input input{border:0;background:transparent;width:85px;padding:9px 7px;font-family:Consolas,monospace;text-transform:uppercase}.rgb-controls{display:flex;gap:5px}.rgb-controls label{display:flex;align-items:center;font-size:10px;color:#7e8aa0;border:1px solid #343b4d;border-radius:6px;background:#090c14;padding-left:7px}.rgb-controls input{border:0;background:transparent;width:57px;padding:8px 5px;font-size:11px}.color-swatches.expanded{height:auto;flex-wrap:wrap;padding-top:10px;gap:7px}.color-swatches.expanded button{width:24px;height:24px;border-radius:50%}.timestamp-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:13px}.timestamp-controls input[type=datetime-local]{width:220px;color-scheme:dark;font-size:11px}.attachment-image-tools{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:10px}.attachment-image-tools button{font-size:10px;padding:5px 7px}.button-editor>input{margin-top:7px}.studio-validation{border-left:2px solid #ee9d63;background:#261e1a;color:#f2bf9a;padding:10px 12px;border-radius:5px;margin-top:14px;font-size:11px;line-height:1.5}.json-input{font-family:Consolas,monospace;min-height:240px}.discord-message-preview{font-family:'Segoe UI',sans-serif;padding:14px;background:#313338}.studio-preview-embeds{min-width:0}.studio-embed-preview{max-width:520px;border-radius:5px;overflow:hidden;margin-top:9px;padding:12px 14px;border-left-width:4px;background:#2b2d31;color:#dbdee1}.studio-embed-preview h4{font-size:16px;line-height:1.4;font-weight:700;margin:8px 0}.studio-embed-preview .embed-title-link{color:#fff;text-decoration:none}.studio-embed-preview a.embed-title-link{color:#00a8fc}.embed-author{display:flex;gap:7px;align-items:center;min-height:20px;font-size:12px;color:#fff}.embed-author a{color:inherit;text-decoration:none}.embed-author a:hover,.embed-title-link:hover{text-decoration:underline}.embed-icon{height:20px;width:20px;object-fit:cover;border-radius:50%;flex:0 0 auto}.embed-thumbnail{float:right;width:72px;height:72px;object-fit:contain;border-radius:5px;margin:0 0 10px 15px}.embed-description{font-size:13px;line-height:1.55}.embed-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;clear:both}.embed-field{grid-column:1/-1;min-width:0;font-size:12px;overflow-wrap:anywhere}.embed-field.inline{grid-column:span 1}.embed-field>strong{display:block;color:#fff;margin-bottom:3px}.discord-footer{display:flex;gap:6px;align-items:center;color:#b5bac1;line-height:1.5;font-size:10px;margin-top:13px}.embed-image{margin-top:14px;width:auto;max-width:100%;max-height:340px;border-radius:5px;object-fit:contain;display:block}.preview-image-note{font-size:10px;color:#999;padding:5px}.preview-image-failed{height:auto;min-height:22px;width:auto;max-width:100%;font-size:10px;color:#e0b27e}.preview-button-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.preview-link-button{display:inline-flex;align-items:center;gap:4px;padding:8px 11px;background:#4e5058;color:#fff;border-radius:4px;font-size:12px;text-decoration:none;font-weight:600;max-width:100%;overflow-wrap:anywhere}.preview-link-button:hover{background:#6d6f78}.preview-link-button.disabled{opacity:.4;cursor:not-allowed}.discord-markdown{overflow-wrap:anywhere;white-space:normal;line-height:1.5}.discord-markdown h1{font-size:24px;line-height:1.2;color:#f2f3f5;margin:15px 0 7px;font-weight:750}.discord-markdown h2{font-size:20px;line-height:1.3;color:#f2f3f5;margin:13px 0 6px;font-weight:750}.discord-markdown h3{font-size:16px;color:#f2f3f5;margin:10px 0 5px;font-weight:750}.discord-markdown strong{font-weight:750;color:inherit}.discord-markdown .md-line{min-height:1.4em}.discord-markdown .md-space{height:.7em}.discord-markdown .discord-subtext{font-size:11px;color:#949ba4;line-height:1.5}.discord-markdown ul,.discord-markdown ol{padding-left:22px;margin:5px 0}.discord-markdown li{padding-left:0;list-style:inherit;margin:1px 0}.discord-markdown blockquote{border-left:3px solid #4e5058;margin:5px 0;padding:0 0 0 11px;color:inherit}.discord-markdown code{font:12px/1.45 Consolas,monospace;background:#1e1f22;border-radius:3px;padding:1px 4px;color:#dbdee1}.discord-markdown pre{border:1px solid #1e1f22;background:#2b2d31;border-radius:5px;padding:8px;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.discord-markdown pre code{background:transparent;padding:0}.discord-code small{display:block;font-size:9px;color:#8b929e;margin-bottom:4px}.discord-markdown a{color:#00a8fc;text-decoration:none}.discord-markdown a:hover{text-decoration:underline}.discord-mention{background:rgba(88,101,242,.25);color:#c9cdfc;border-radius:3px;padding:0 2px}.discord-time{background:rgba(255,255,255,.06);border-radius:3px;padding:0 2px}.discord-spoiler{background:#1e1f22;color:transparent!important;border-radius:3px;cursor:pointer;user-select:none}.discord-spoiler>*{visibility:hidden}.discord-spoiler.revealed{background:rgba(255,255,255,.1);color:inherit!important;user-select:auto}.discord-spoiler.revealed>*{visibility:visible}.inline-emoji{width:22px;height:22px;vertical-align:-5px;object-fit:contain}.recent-embed{padding:0;border:0;background:transparent}.recent-embed .studio-embed-preview{font-size:11px}.studio-preview-caption{font-size:10px;color:#8790a3;margin:10px 0 0}.studio-side .preview-card{padding:16px}.studio-side .card-head{margin-bottom:13px}.studio-side .preview-body{overflow:hidden}.message-part-preview{padding:8px 0;border-bottom:1px solid #484a51}.message-part-preview>small{display:block;color:#b5bac1;margin-bottom:7px;font-size:9px}.studio-main .rich-composer{font-size:13px;min-height:140px;line-height:1.6}.studio-main .send-card{position:sticky;bottom:0;background:#10131bee;backdrop-filter:blur(10px);z-index:4}.studio-main .send-card>div{min-width:0}.studio-main #sendStatus{display:block;margin-top:5px;overflow-wrap:anywhere}.studio-side .card{min-width:0}.studio-main button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1250px){.studio-shell{grid-template-columns:minmax(0,1fr)}.studio-side{position:static;max-height:none;overflow:visible;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-side .recent-messages{max-height:500px}}
@media(max-width:760px){.studio-side{grid-template-columns:minmax(0,1fr)}.studio-main .form-grid{grid-template-columns:minmax(0,1fr)}.draft-status{flex-basis:100%;text-align:left}.embed-head{align-items:flex-start}.embed-actions{flex-wrap:wrap}.color-control{gap:6px}.rgb-controls input{width:46px}.embed-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-main .send-card{gap:12px;flex-wrap:wrap}.studio-main .send-card .button{width:100%}.embed-thumbnail{width:58px;height:58px}.studio-shell{gap:14px}}
@media(prefers-reduced-motion:no-preference){.embed-tabs button,.markdown-toolbar button,.preview-link-button,.color-swatches button{transition:background .15s,border-color .15s,opacity .15s}.embed-section summary:before{transition:transform .15s}}