.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#edf4e5;border:1px solid #d7e5c9;border-radius:10px;padding:13px 17px;margin-bottom:27px}.demo-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.demo-label{font-size:9px;letter-spacing:1px;color:#49743b;border:1px solid #c9dbba;border-radius:5px;padding:4px 7px;background:white}.demo-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-controls select{border:1px solid #d3dfc5;padding:8px;border-radius:6px;background:white;min-height:38px;font-size:11px;max-width:200px}.demo-controls .outline{min-height:38px;font-size:11px;padding:8px 10px}.demo-bar.sample-mode{background:#fff6e6;border-color:#e7d2a8}.demo-warning{background:#fff5e3;border:1px solid #eed7aa;border-radius:8px;padding:13px 16px;font-size:12px;color:#8d642b;margin:-12px 0 25px;line-height:1.8}.demo-dialog{width:760px;padding:28px}.demo-dialog h2{font:750 25px Manrope,sans-serif;margin:10px 0}.demo-dialog>p{font-size:13px;color:var(--muted);line-height:1.8}.demo-dialog .icon-btn{position:absolute;top:17px;right:17px}.demo-intro{background:#f3f7ed;border:1px solid var(--line);padding:15px;border-radius:8px;font-size:12px;line-height:1.8;color:#617552}.demo-task{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding:14px 0;cursor:pointer}.demo-task input{margin-top:4px;flex-shrink:0}.demo-task strong{display:block;font-size:12px;margin-bottom:4px}.demo-task small{display:block;font-size:11px;color:var(--muted);line-height:1.8}.demo-dialog .dialog-footer{margin:22px -28px -28px;padding:17px 24px;flex-wrap:wrap}.demo-progress{font-size:12px;color:var(--muted)}.demo-feedback-note{font-size:11px;color:#6c7c61;line-height:1.8}.demo-feedback-form textarea{font:inherit;border:1px solid var(--line);padding:12px;border-radius:7px;resize:vertical;min-height:80px}.demo-saved-note{padding:12px;border-radius:7px;background:#edf5e5;color:#466c36;font-size:12px;line-height:1.8;margin-top:15px}@media(max-width:700px){.demo-bar{align-items:flex-start;flex-direction:column;padding:14px}.demo-controls{width:100%;gap:6px}.demo-controls select{font-size:10px;max-width:100%}.demo-controls .outline{font-size:10px}.demo-dialog{padding:23px 18px;max-width:calc(100vw - 20px)}.demo-dialog h2{font-size:21px;max-width:90%}.demo-dialog .dialog-footer{margin:20px -18px -23px}.demo-warning{font-size:11px}.demo-dialog .field-grid{grid-template-columns:1fr}}