.demo-banner{background:#123047;color:#fff;padding:16px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:13px;flex-wrap:wrap}.demo-banner strong{font-size:15px}.demo-banner p{color:#bde7e1;margin-top:4px}.demo-banner label{display:flex;align-items:center;gap:8px}.demo-banner select{color:#10293d;background:white;border-radius:8px;padding:8px}.demo-banner a{color:#9fe8df;text-decoration:underline}.demo-progress{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 24px;background:#eaf5f3;color:#145b53;font-size:13px}.demo-progress small{margin-left:auto}.demo-action{padding:7px 10px;background:#047857;color:white;border-radius:7px;font-size:12px;font-weight:700}.demo-action:disabled{background:#e2e8f0;color:#64748b;cursor:not-allowed}.demo-cancel{font-size:11px;color:#be123c;margin:0 5px}.demo-history{border:1px solid #c7e2ed;border-radius:12px;padding:16px;font-size:12px;background:#f0f9ff}.demo-history h4{font-weight:700;margin-bottom:8px}.demo-history p{margin:5px 0}.demo-document-state{border:1px solid #94a3b8;padding:9px;margin:8px 0;font-size:10px}.scope{font-family:system-ui;max-width:850px;margin:40px auto;padding:24px;line-height:1.7;color:#163047}.scope h1{font-size:30px}.scope h2{margin-top:25px}.scope a{color:#0369a1}.floating-timer{display:none!important}@media(max-width:700px){.demo-banner{padding:12px}.demo-progress{padding:12px;font-size:11px}.demo-progress small{margin-left:0}}