:root{color:#20201d;font-synthesis:none;background:#f2efe8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #bc4b28}main{width:min(100% - 2rem,72rem);margin:0 auto;padding:2rem 0}header,.actions,.result,.panel-heading,.preview-bar,.message-meta,.add-components,.block-actions,.raw-label{align-items:center;display:flex}header{border-bottom:1px solid #cbc6ba;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}h1,h2,p{margin:0}h1{letter-spacing:-.04em;font-family:Georgia,serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:500}header span,label,.raw-label span{color:#69665e;font-size:.875rem}.mode-tabs{border-bottom:1px solid #cbc6ba;gap:.25rem;margin-bottom:1rem;display:flex}.mode-tabs button{color:#69665e;background:0 0;border:0;border-bottom:2px solid #0000;padding:.75rem 1rem;font-weight:650}.mode-tabs button:hover,.mode-tabs button.active{color:#8b351b}.mode-tabs button.active{border-bottom-color:#bc4b28}.mode-tabs button span{color:#fff;text-transform:uppercase;background:#bc4b28;border-radius:999px;margin-left:.3rem;padding:.1rem .35rem;font-size:.625rem}.raw-editor,.builder-panel,.preview-panel{border:1px solid #cbc6ba;border-radius:.25rem}.raw-editor,.builder-panel{padding:1rem}.raw-label,.panel-heading,.preview-bar,.result{justify-content:space-between;gap:1rem}.raw-label{margin-bottom:.5rem}.raw-label label,.field>span,.toggle-field,.add-components>span{color:#69665e;font-size:.875rem;font-weight:600}.raw-label span{font-size:.75rem}#head-markup{resize:vertical;color:#f5f1e8;tab-size:2;background:#22221f;border:1px solid #3a3935;border-radius:.25rem;outline:none;width:100%;min-height:58vh;padding:1rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.9375rem;line-height:1.6;display:block}#head-markup:focus{border-color:#bc4b28;box-shadow:0 0 0 2px #bc4b2833}.actions{justify-content:flex-end;margin-top:.75rem}.builder-grid{grid-template-columns:minmax(20rem,.9fr) minmax(24rem,1.1fr);align-items:start;gap:1rem;display:grid}.panel-heading{margin-bottom:1.25rem}.eyebrow{color:#69665e;text-transform:uppercase;margin-bottom:.2rem;font-size:.75rem}h2{letter-spacing:-.025em;font-family:Georgia,serif;font-size:1.5rem;font-weight:500}.format-chip{color:#69665e;border:1px solid #cbc6ba;border-radius:.25rem;padding:.25rem .45rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.field,.toggle-field{gap:.4rem;display:grid}.field.full{grid-column:1/-1}.field input,.field select,.field textarea,.compact-textarea{color:#20201d;background:#faf8f3;border:1px solid #aaa59a;border-radius:.25rem;width:100%;padding:.65rem .75rem}.field select{min-height:2.65rem}.compact-textarea{resize:vertical;min-height:5.2rem;line-height:1.45}.color-input{background:#faf8f3;border:1px solid #aaa59a;border-radius:.25rem;align-items:center;height:2.65rem;display:flex;overflow:hidden}.color-input input,.color-swatch input{cursor:pointer;background:0 0;border:0}.container-spoiler{margin-bottom:1rem}.color-input input{width:2.8rem;height:100%;padding:.25rem}.color-input code{color:#69665e;padding-left:.5rem;font-size:.75rem}.toggle-field{grid-template-columns:auto 1fr;align-content:end;align-items:center;padding-bottom:.65rem}.toggle-field input{accent-color:#bc4b28}.publish{color:#fff;background:#20201d;border:1px solid #20201d;border-radius:999px;padding:.65rem 1.1rem;font-weight:650}.builder-panel>.publish{width:100%;margin-top:1rem}.publish:hover:not(:disabled){background:#bc4b28;border-color:#bc4b28}button:disabled{cursor:not-allowed;opacity:.5}.preview-panel{color:#f2f3f5;background:#22221f;position:sticky;top:1rem;overflow:hidden}.preview-bar{color:#b5bac1;border-bottom:1px solid #3a3935;padding:.7rem .9rem;font-size:.75rem}.preview-bar span:first-child{align-items:center;gap:.45rem;display:flex}.preview-bar i{background:#23a559;border-radius:50%;width:.45rem;height:.45rem}.discord-canvas{background:#313338;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;min-height:32rem;padding:3rem 1.4rem;display:grid}.avatar{color:#fff;background:#bc4b28;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:.7rem;font-weight:800;display:grid}.message{min-width:0}.message-meta{gap:.45rem;margin-bottom:.2rem}.message-meta strong{font-size:.9rem}.message-meta span{color:#949ba4;font-size:.68rem}.shared-link{color:#00a8fc;overflow-wrap:anywhere;margin-bottom:.25rem;font-size:.88rem}.og-card,.component-card{background:#2b2d31;border-left:4px solid;border-radius:.25rem;width:min(100%,32rem);margin-top:.35rem;overflow:hidden}.og-card{grid-template-columns:minmax(0,1fr) auto;padding:.75rem 1rem 1rem .75rem;display:grid}.og-copy span{color:#b5bac1;margin-bottom:.45rem;font-size:.72rem;display:block}.og-copy strong{color:#00a8fc;font-size:.95rem;display:block}.og-copy p{color:#dbdee1;white-space:pre-wrap;margin-top:.45rem;font-size:.82rem;line-height:1.35}.og-card img{object-fit:cover;border-radius:.2rem;width:5rem;height:5rem;margin-left:1rem}.og-card img.large-image{grid-column:1/-1;width:100%;height:auto;max-height:18rem;margin:1rem 0 0}.component-card{gap:.75rem;padding:.75rem;display:grid}.component-text{color:#dbdee1;gap:.15rem;font-size:.88rem;line-height:1.35;display:grid}.component-text p{white-space:pre-wrap}.component-text strong{display:block}.heading-1{font-size:1.28rem}.heading-2{font-size:1.1rem}.heading-3{font-size:.96rem}.component-image{object-fit:cover;border-radius:.25rem;width:100%;max-height:19rem}.component-card hr{border:0;border-top:1px solid #4e5058;width:100%;margin:.15rem 0}.discord-button{color:#f2f3f5;background:#4e5058;border-radius:.2rem;justify-self:start;padding:.55rem .8rem;font-size:.78rem;font-weight:650}.color-swatch input{width:2.4rem;height:2.4rem}.block-list{gap:.7rem;display:grid}.component-block{border:1px solid #cbc6ba;border-radius:.25rem;min-width:0;margin:0;padding:.8rem;position:relative}.component-block legend{color:#69665e;text-transform:capitalize;padding:0 .35rem;font-size:.75rem}.block-actions{background:#f2efe8;gap:.2rem;padding:0 .2rem;position:absolute;top:-.8rem;right:.45rem}.icon-button,.add-components button,.copy-button{color:#20201d;background:0 0;border:1px solid #69665e;border-radius:999px}.icon-button{width:1.55rem;height:1.55rem;padding:0;line-height:1}.icon-button:hover:not(:disabled),.add-components button:hover,.copy-button:hover{color:#8b351b;border-color:#bc4b28}.separator-sample{background:#cbc6ba;height:1px;margin:.6rem 0}.nested-list{gap:.75rem;display:grid}.nested-item{border-bottom:1px solid #ded9ce;gap:.6rem;padding-bottom:.75rem;display:grid}.nested-item:last-of-type{border-bottom:0}.text-button{color:#8b351b;background:0 0;border:0;justify-self:start;padding:0;font-size:.75rem;font-weight:650}.text-button:hover:not(:disabled){text-decoration:underline}.button-fields{width:100%}.add-components{flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.add-components button{padding:.4rem .65rem;font-size:.75rem}.fallback-fields{border-top:1px solid #cbc6ba;margin-top:1rem;padding-top:.8rem}.fallback-fields summary{cursor:pointer;color:#69665e;font-size:.875rem;font-weight:600}.fallback-fields .field-grid{margin-top:.8rem}.section-preview{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.section-preview>div:first-child{gap:.6rem;display:grid}.gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;display:grid}.gallery-preview .media-preview:first-child:last-child{grid-column:1/-1}.media-preview{color:#949ba4;background:#1e1f22;border-radius:.25rem;place-items:center;min-height:7rem;font-size:.75rem;display:grid;position:relative;overflow:hidden}.media-preview.thumbnail{width:5.5rem;min-height:5.5rem}.media-preview img,.media-preview video{object-fit:cover;width:100%;height:100%;max-height:18rem;display:block}.media-preview.thumbnail img{height:5.5rem}.media-preview.spoiler img,.media-preview.spoiler video{filter:blur(1rem)}.media-preview b{color:#f2f3f5;background:#111214;border-radius:.2rem;padding:.3rem .45rem;font-size:.7rem;position:absolute}.button-row{flex-wrap:wrap;gap:.35rem;display:flex}.discord-button.disabled{opacity:.5}.separator-large{padding-block:.65rem}.container-spoiler-preview{position:relative}.spoiler-label{color:#f2f3f5;background:#111214;border-radius:.2rem;justify-self:start;padding:.3rem .45rem;font-size:.7rem;font-weight:650}.status{min-height:3rem;margin-top:1rem}.result{border-top:1px solid #cbc6ba;padding-top:1rem}.result a{color:#8b351b;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.copy-button{flex:none;padding:.5rem .8rem;font-weight:650}.error{color:#9b2714}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=52rem){.builder-grid{grid-template-columns:1fr}.preview-panel{position:static}.discord-canvas{min-height:24rem}}@media (width<=36rem){main{width:min(100% - 1rem,72rem);padding-top:1rem}header,.raw-label{flex-direction:column;align-items:flex-start}header{margin-bottom:1rem}.mode-tabs{overflow-x:auto}.mode-tabs button{flex:none;padding-inline:.7rem}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.discord-canvas{grid-template-columns:2rem minmax(0,1fr);gap:.55rem;padding:2rem .75rem}.avatar{width:2rem;height:2rem;font-size:.58rem}#head-markup{min-height:65vh}}