.dashboard-demo-composer{width:min(700px,calc(100vw - 32px));max-width:calc(100vw - 32px);border:0;padding:0;background:transparent;color:#1c1f24;font-family:'Instrument Sans',Arial,sans-serif}.dashboard-demo-composer::backdrop{background:rgba(28,31,36,.68)}.ddc-shell{width:min(700px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;background:#fff;box-shadow:0 1px 2px #1c1f240f,0 24px 60px #1c1f242e}.ddc-accent{display:none}.is-email .ddc-accent{background:#5f7a8c}.ddc-header{display:flex;justify-content:space-between;gap:20px;padding:26px 28px 22px;border-bottom:1px solid #e1e6ea}.ddc-header h2{margin:0;font-size:26px;line-height:1;font-weight:700;letter-spacing:-.03em;-webkit-text-stroke:.4px currentColor}.ddc-header h2 b{color:#a5673f}.is-email .ddc-header h2 b{color:#5f7a8c}.ddc-context{margin:10px 0 0;color:#a5673f;font-size:12px;font-weight:700;letter-spacing:.14em}.is-email .ddc-context{color:#4e6b80}.ddc-close{position:relative;width:44px;height:44px;flex:none;border:0;background:#eaedf0;cursor:pointer}.ddc-close i{position:absolute;left:13px;top:21px;width:18px;height:2px;background:#1c1f24;transform:rotate(45deg)}.ddc-close i+i{transform:rotate(-45deg)}.ddc-form{padding:26px 28px;display:grid;gap:22px}.ddc-field>label,.ddc-signature summary{display:block;color:#a5673f;font-size:11px;font-weight:700;letter-spacing:.16em}.is-email .ddc-field>label,.is-email .ddc-signature summary{color:#4e6b80}.ddc-field input,.ddc-field textarea,.ddc-samples{width:100%;box-sizing:border-box;margin-top:9px;border:1px solid #e1e6ea;border-radius:0;background:#fff;padding:12px 14px;color:#1c1f24;font:15px/1.55 'IBM Plex Sans',Arial,sans-serif}.ddc-field textarea{min-height:118px;resize:vertical}.ddc-help,.ddc-file-name,.ddc-status{margin:8px 0 0;color:#5b6570;font:13px/1.5 'IBM Plex Sans',Arial,sans-serif}.ddc-file-box{margin-top:9px;border:1px dashed #c9a98f;background:#faf3ed;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#5b6570;font:14px 'IBM Plex Sans',Arial,sans-serif}.is-email .ddc-file-box{border-color:#5f7a8c;background:#eaf0f4}.ddc-file-button,.ddc-secondary{border:1px solid #1c1f243d;background:#1c1f240d;padding:10px 16px;color:#1c1f24;font:500 12px 'Instrument Sans',Arial,sans-serif;letter-spacing:.14em;cursor:pointer}.ddc-file-button input{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}.ddc-samples{font-size:14px}.ddc-recipients>div{margin-top:9px;border:1px solid #e1e6ea;padding:10px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ddc-recipients strong{background:#5f7a8c;color:#fff;padding:7px 12px;font-size:13px;font-weight:500}.ddc-recipients span{color:#5b6570;font:13px 'IBM Plex Sans',Arial}.ddc-signature{border-top:1px solid #e1e6ea;padding-top:16px}.ddc-signature div{margin-top:10px;color:#5b6570;font:14px/1.5 'IBM Plex Sans',Arial}.ddc-form>footer,.ddc-preview>footer{margin:0 -28px -26px;padding:20px 28px 22px;border-top:1px solid #e1e6ea;background:#f4f6f8;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.ddc-primary{border:1px solid #a5673f;background:#a5673f;color:#fff;padding:13px 20px;font:500 12px 'Instrument Sans',Arial;letter-spacing:.14em;cursor:pointer}.is-email .ddc-primary{border-color:#5f7a8c;background:#5f7a8c}.ddc-primary:disabled{opacity:.55}.ddc-status{min-height:20px}.ddc-preview{padding:26px 28px}.ddc-preview article{border:1px solid #e1e6ea;padding:26px 28px;box-shadow:0 1px 2px #1c1f240f,0 10px 24px #1c1f2412}.ddc-preview-kicker{margin:0;color:#a5673f;font-size:11px;font-weight:700;letter-spacing:.16em}.ddc-preview h3{margin:12px 0;font-size:24px;line-height:1.2;letter-spacing:-.02em}.ddc-preview-copy{white-space:pre-wrap;color:#2a2f36;font:15px/1.6 'IBM Plex Sans',Arial}.ddc-email-meta{margin:-26px -28px 20px;padding:14px 16px;background:#eaf0f4;display:grid;grid-template-columns:64px 1fr;gap:8px 12px;font:13px 'IBM Plex Sans',Arial}.ddc-email-meta span{color:#5b6570;font:700 11px 'Instrument Sans',Arial;letter-spacing:.14em}.ddc-preview-signature{white-space:pre-line;margin-top:16px;padding-top:12px;border-top:1px solid #e1e6ea;font:14px/1.55 'IBM Plex Sans',Arial}.ddc-preview-files{margin:16px 0 0;padding:0;list-style:none}.ddc-preview-files li{background:#eaf0f4;padding:10px 12px;font:13px 'IBM Plex Sans',Arial}.ddc-preview-note{color:#5b6570;font:13px/1.5 'IBM Plex Sans',Arial}.ddc-preview>footer{margin-top:20px}.dashboard-demo-composer [hidden]{display:none!important}
.ddc-records{margin:0;padding:16px;border:1px solid #c9d6de;background:#eaf0f4}.ddc-records legend{padding:0 6px;color:#4e6b80;font-size:11px;font-weight:700;letter-spacing:.16em}.ddc-records>p{margin:0 0 12px;color:#5b6570;font:13px/1.5 'IBM Plex Sans',Arial}.ddc-records label{display:grid;grid-template-columns:20px 1fr;gap:2px 10px;margin:8px 0;padding:10px 12px;background:#fff;color:#1c1f24;font:500 14px 'IBM Plex Sans',Arial}.ddc-records input{grid-row:1/3;width:18px;height:18px;margin:2px 0 0}.ddc-records small{color:#5b6570;font:12px/1.4 'IBM Plex Sans',Arial}.ddc-records input:disabled+span{color:#5b6570}
@media (max-width:1100px){.dashboard-demo-composer{width:100vw;height:100svh;max-width:none;max-height:none;margin:0}.ddc-shell{width:100vw;min-height:100svh;max-height:100svh}.ddc-header{padding:22px 22px 18px}.ddc-header h2{font-size:22px}.ddc-form,.ddc-preview{padding:22px}.ddc-form>footer,.ddc-preview>footer{margin-left:-22px;margin-right:-22px;margin-bottom:-22px;padding:20px 22px 28px}.ddc-form>footer button,.ddc-preview>footer button{flex:1 1 100%;padding:14px 20px}.ddc-primary{order:-1}.ddc-preview article{padding:20px}.ddc-email-meta{margin:-20px -20px 18px}.ddc-file-box{display:grid;justify-items:start}}
.ddc-retained-source{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;background:#eaedf0;font-size:12px}.ddc-retained-source[hidden]{display:none}.ddc-retained-source span{overflow-wrap:anywhere}.ddc-remove-source{border:0;padding:8px;background:transparent;color:#3f4f5c;font:inherit;white-space:nowrap;cursor:pointer}
.dashboard-demo-composer h2,.dashboard-demo-composer h3,.ddc-context{text-wrap:balance;overflow-wrap:anywhere}.dashboard-demo-composer p,.ddc-preview-copy,.ddc-signature div,.ddc-email-meta strong,.ddc-records small{text-wrap:pretty;overflow-wrap:anywhere}