.demo-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:9px 24px;background:#dcebd5;color:#1c443d;font-size:12px;position:relative;z-index:20}
.demo-banner strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.demo-banner>span{flex:1;min-width:220px}
.demo-banner>div{display:flex;gap:12px;align-items:center}
.demo-banner button,.demo-banner a{border:0;background:transparent;color:#1d554a;font:700 12px system-ui;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.demo-guide[hidden]{display:none}
.demo-guide{position:fixed;right:22px;bottom:22px;z-index:40;width:min(360px,calc(100vw - 32px));padding:23px;background:#fff;color:#17334b;border:1px solid #d9e3e3;border-radius:12px;box-shadow:0 18px 50px #0d253859}
.demo-guide .guide-step{font-size:11px;letter-spacing:.15em;color:#47806c;font-weight:800}
.demo-guide h2{font-size:21px;margin:12px 0}
.demo-guide p{font-size:13px;line-height:1.6;color:#546b78}
#guide-close{position:absolute;top:13px;right:13px;border:0;background:transparent;cursor:pointer;font-size:17px}
.guide-actions{display:flex;justify-content:space-between;gap:12px}
.guide-actions button{border:1px solid #bdd0ce;border-radius:6px;background:#f6faf7;color:#1b3c4b;padding:9px 12px;font-weight:700;cursor:pointer}
.guide-actions button:last-child{background:#193b50;color:#fff;border-color:#193b50}
.footer a{margin-left:12px;color:inherit}
@media(max-width:700px){.demo-banner{padding:10px 14px;gap:7px}.demo-banner>div{width:100%;justify-content:space-between}.demo-guide{right:16px;bottom:16px}}
.brand-dialog{width:min(500px,calc(100% - 24px));border:1px solid #d6e1df;border-radius:12px;padding:0;color:#1b354a;box-shadow:0 24px 60px #0d253850}
.brand-dialog::backdrop{background:#091d2b9c}
.brand-dialog form{padding:25px;display:grid;gap:15px}
.brand-dialog header,.brand-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand-dialog h2{font-size:22px;margin:0}
.brand-dialog p{font-size:13px;color:#586e7b;line-height:1.6;margin:0}
.brand-dialog label{display:grid;gap:5px;font-size:13px;font-weight:700}
.brand-dialog input{padding:10px;border:1px solid #cbd7da;border-radius:6px;font:inherit;max-width:100%}
.brand-dialog small{font-size:11px;color:#677c83;font-weight:400}
.brand-dialog button{border:1px solid #c5d3d4;background:white;border-radius:6px;padding:9px 12px;cursor:pointer;color:#19384b;font-weight:700}
.brand-dialog footer button:last-child{background:#19384b;color:white;border-color:#19384b}
.brand-preview{min-height:55px;display:flex;align-items:center;border:1px dashed #bfcecf;border-radius:6px;padding:8px 12px;font-size:12px;color:#667a82}
.brand-preview img{max-width:200px;max-height:60px;object-fit:contain}
#brand-error{color:#ad3333!important}
.print-business{display:flex;justify-content:space-between;align-items:center;gap:20px}
.print-business img{max-width:130px;max-height:65px;object-fit:contain;background:white;padding:4px;border-radius:3px;order:2}
