.demo-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft,#f6f1e8);color:var(--ink)}
.demo-notice strong{display:block;font-size:14px}
.demo-notice p{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.demo-notice button{flex:0 0 auto;min-height:40px;padding:8px 12px;color:var(--accent-main,var(--ink));font-size:12px;font-weight:700}
@media(max-width:390px){.demo-notice{align-items:stretch;flex-direction:column}.demo-notice button{align-self:flex-start}}