.demo-banner{background:#e6eddf;color:#283921;padding:18px 22px;border:1px solid #ccd5c6;border-radius:14px;margin-bottom:22px}.demo-banner p{margin:6px 0 0;line-height:1.65}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.demo-card{padding:22px}.demo-card h2{margin:12px 0;font-size:22px}.demo-card .actions{margin-top:18px;flex-wrap:wrap}.demo-photo{display:block;width:100%;max-width:480px;border-radius:10px;border:1px solid #d9dfd4;margin:16px 0}.demo-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.demo-list{padding-left:22px;line-height:1.9}.demo-step{border-top:1px solid #dde2d8;padding:18px 0}.demo-step h3{margin:0 0 10px}.demo-label{font-size:13px;color:#5b6854}.demo-status{font-weight:600}.demo-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.demo-left select{max-width:220px}button:disabled{opacity:.55;cursor:wait}#notice-error{color:#8d3024;background:#f8e7e2;padding:14px;border-radius:10px;margin-bottom:16px}.demo-total{font-size:28px;margin:10px 0}.sidebar-note p{line-height:1.6}@media(max-width:760px){.demo-grid{grid-template-columns:1fr}.demo-card{padding:18px}.demo-toolbar button{flex:1}.demo-banner{padding:15px}.demo-left{align-items:stretch;flex-direction:column}.demo-left select{max-width:none}}