.demo-banner{background:var(--color-siennasoft);color:var(--color-sienna);border-bottom:1px solid #d6e9df;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 34px;font-size:12px;display:flex}.demo-banner-detail{margin-left:auto;font-size:11px}.demo-save-notice{justify-content:space-between;align-items:center;gap:12px;margin-top:0;display:flex}.demo-save-notice button{cursor:pointer;min-width:32px;font-size:20px}.demo-paper{background:#fffefb;border:1px solid #e6e5dc;min-height:450px;margin:20px;padding:30px 24px}.demo-paper h2{margin:30px 0 8px;font-size:24px;font-weight:600}.demo-paper>p{font-size:12px}.demo-paper-rule{background:var(--color-sienna);height:2px;margin:24px 0}.demo-paper-stamp{color:#6b8d80;text-transform:uppercase;letter-spacing:.1em;border:2px solid #829d94;border-radius:6px;width:fit-content;margin:48px 0 0 auto;padding:8px 14px;font-size:13px;transform:rotate(-7deg)}.demo-message{border-bottom:1px solid var(--color-sand);gap:12px;padding:20px 0;display:flex}.demo-message>div{min-width:0}.demo-message strong{font-size:12px}.demo-message p{margin-top:7px;font-size:14px}@media (max-width:700px){.demo-banner{padding:10px 17px}.demo-banner-detail{width:100%;margin-left:0}.demo-paper{min-height:400px;margin:12px;padding:22px 17px}}