.demo-controls{z-index:20;color:#fff;background:#22241e;border-bottom:2px solid #f4b500;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;font:13px/1.4 Arial,sans-serif;display:flex;position:relative}.demo-controls strong{color:#f4b500;display:block}.demo-controls small{color:#ddd;display:block}.demo-controls nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.demo-controls a,.demo-controls button{color:#fff;white-space:nowrap;background:#30332b;border:1px solid #73766a;border-radius:5px;min-height:36px;padding:9px 11px;font:700 12px Arial,sans-serif;text-decoration:none}.demo-controls a:hover,.demo-controls button:hover{background:#4c5141}.cloud-service-demo .site-footer span:last-child{font-size:12px}.service-demo-dialog{color:#20231c;background:#fafaf5;border:1px solid #b38c19;border-radius:12px;width:min(800px,100vw - 24px);max-height:calc(100dvh - 40px);padding:0;font:15px/1.6 Arial,sans-serif;overflow:auto}.service-demo-dialog::backdrop{background:#0009}.service-demo-dialog>header{color:#fff;background:#282b23;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.service-demo-dialog h2{margin:0;font:700 22px Arial,sans-serif}.service-demo-dialog button{color:#20231c;cursor:pointer;background:#f4b500;border:1px solid #bc8c10;border-radius:5px;min-height:40px;padding:10px 15px;font-weight:700}.service-demo-body{padding:22px}.service-demo-body h3{margin:22px 0 8px;font-size:19px}.service-demo-body h3:first-child{margin-top:0}.service-demo-body label{gap:8px;margin:15px 0;font-weight:700;display:grid}.service-demo-body input{border:1px solid #aaa;border-radius:5px;width:100%;padding:12px;font:16px Arial,sans-serif}.demo-record{border-bottom:1px solid #ddd;padding:16px 0}.demo-record p{margin:6px 0}.demo-record small{color:#666}.demo-photos{flex-wrap:wrap;gap:12px;margin-top:15px;display:flex}.demo-photos img{object-fit:contain;background:#fff;border:1px solid #ddd;width:180px;max-height:180px}.demo-signature,#demoNoteSignature{touch-action:none;background:#fff;border:1px solid #aaa;border-radius:5px;width:100%;max-width:100%;height:180px}.demo-success{background:#e6f3da;border:1px solid #a7c383;padding:14px}.cloud-service-demo .repair-shell{margin-top:20px}@media (width<=760px){.demo-controls{padding:12px;display:block}.demo-controls nav{justify-content:flex-start;gap:6px;margin-top:10px}.demo-controls a,.demo-controls button{padding:8px;font-size:11px}.service-demo-body{padding:16px}}