.preview-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start;max-width:1190px;margin:auto}.preview-grid>.palette{grid-column:1;grid-row:1/span 2}.preview-grid>.preview-message,.preview-grid>.outcome-panel{grid-column:2}.preview-grid label{margin:15px 0}.preview-grid h3{font-size:13px;margin:20px 0 12px}.preview-grid input[type=checkbox]{width:auto}.preview-message{padding:24px}.preview-message-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-message-heading h2{margin:0}.preview-message-heading>span{font-size:11px;color:#6c5861;white-space:nowrap}#demo-decision{font-size:12px;margin:14px 0;color:#6c5861}#demo-message{white-space:pre-wrap;overflow-wrap:anywhere;background:#fcf8fa;border:1px solid #e4dce0;padding:22px;border-radius:12px;line-height:1.85;font-size:14px}#demo-message:empty{display:none}#demo-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#demo-buttons button{min-height:44px;padding:10px 12px;font-size:12px;color:#96304e;background:white;border:1px solid #c8a8b5;flex:1;white-space:nowrap}#demo-buttons button[aria-pressed=true]{background:#f6e8ef;border-color:#a32949}#demo-steps{padding-left:20px;line-height:1.8;font-size:13px}#demo-steps li{margin-bottom:10px}.outcome-panel{padding:24px}.outcome-panel h2{margin-bottom:10px}.outcome-panel>label{max-width:360px;font-size:12px}.outcome-panel #demo-outcome{font-size:14px;line-height:1.85;margin:20px 0}.outcome-panel .schedule-note{font-size:12px}.sample-summary{background:#faf6f8;border-radius:10px;padding:16px;margin:20px 0}.sample-summary>strong{display:block;font-size:15px}.sample-summary>span{display:block;font-size:12px;color:#6c5861;margin-top:6px}.sample-summary ul{padding-left:16px;font-size:12px;line-height:1.9;margin:16px 0}.sample-total{border-top:1px solid #e4dce0;padding-top:14px;font-size:17px;font-weight:700}.sample-item{padding:14px 0;border-bottom:1px solid #e4dce0}.sample-item label{font-size:12px;margin:8px 0}.sample-item input{padding:9px 11px}.sample-item .remove-item{font-size:11px;color:#96304e;border:0;background:transparent;text-align:left;padding:8px 0;margin:0}.preview-grid .sample-check{display:flex;gap:8px;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.8}.sample-check input{flex-shrink:0;margin:5px 0 0}.preview-grid #demo-build{background:#a32949;color:white;border-color:#a32949;margin-top:16px}.preview-grid .studio-disclosure{margin-top:4px}.preview-grid .outcome-panel button{width:auto;min-width:180px}.preview-grid #demo-items{margin-bottom:12px}@media(max-width:950px){.preview-grid{grid-template-columns:260px minmax(0,1fr);gap:18px}.preview-message-heading{display:block}.preview-message-heading>span{display:block;margin-top:7px}.preview-message,.outcome-panel{padding:20px}#demo-message{font-size:13px;padding:17px}}@media(max-width:650px){.preview-grid{display:flex;flex-direction:column;gap:18px}.preview-grid>*{width:100%}.preview-grid>.palette{padding:20px}.preview-grid>.palette .sample-summary{margin:16px 0}.preview-message-heading{display:flex}.preview-message-heading h2{font-size:15px}.preview-message-heading>span{font-size:10px;margin:0}.preview-grid .outcome-panel{padding:20px}#demo-buttons{gap:6px}#demo-buttons button{font-size:10px;padding:10px 8px}#demo-message{font-size:13px;line-height:1.9}.preview-grid .sample-check{font-size:13px}.preview-grid label{font-size:13px}.sample-item input{font-size:16px}}
.sample-summary strong,.sample-summary li{overflow-wrap:anywhere}
.preview-grid .sample-check{min-height:44px}