.demo-banner{z-index:90;color:#4d3d00;background:#fff4c2;border-bottom:1px solid #e0c85a;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;font-size:13px;display:flex;position:sticky;top:0}.demo-banner__title{font-weight:700}.demo-banner__spacer{flex:1}.demo-banner label{align-items:center;gap:6px;display:inline-flex}.demo-banner select{padding:3px 6px;font-size:13px}.demo-banner button,.demo-btn{font:inherit;color:#4d3d00;cursor:pointer;background:#fff;border:1px solid #b89b1b;border-radius:6px;padding:5px 12px;font-size:13px}.demo-btn--block{text-align:center;width:100%;margin-top:8px;display:block}.demo-entry{background:#fffbe6;border:1px dashed #b89b1b;border-radius:8px;margin-top:16px;padding:12px}.demo-entry__title{color:#4d3d00;margin:0 0 8px;font-size:12px;font-weight:700}.demo-entry__row{flex-wrap:wrap;gap:6px;display:flex}.demo-mail{border:0;border-radius:12px;width:min(480px,100% - 32px);padding:0;box-shadow:0 8px 32px #0000004d}.demo-mail::backdrop{background:#141c288c}.demo-mail__inner{padding:20px}.demo-mail__meta{color:#555;margin:0 0 4px;font-size:12px}.demo-mail__body{white-space:pre-wrap;word-break:break-all;background:#f6f7f9;border-radius:8px;margin:8px 0 12px;padding:12px;font:13px/1.7 system-ui,sans-serif}.demo-mail__actions{justify-content:flex-end;gap:8px;display:flex}