.mall-section{padding-top:35px;background:var(--paper,#f1ede5)}
.mall-heading{margin-bottom:35px}
.mall-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.mall-heading>p{max-width:410px}
.mall-demo{border:1px solid #c8d5dc;border-radius:12px;background:#f8f4ed;overflow:hidden;box-shadow:0 25px 80px #28496209;scroll-margin-top:25px}
.mall-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;background:#eeeee7;border-bottom:1px solid #d0dadd;font:9px/1.6 monospace;color:#55768e;letter-spacing:.7px}
.mall-top>span:first-child{display:flex;align-items:center;gap:8px}
.mall-top i{height:5px;width:5px;border-radius:50%;background:#1384b4}
.mall-sample-tag{font-size:8px;letter-spacing:.5px;border:1px solid #bbccd5;padding:4px 8px}
.mall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #d0dadd;background:#f8f4ed}
.mall-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}
.mall-demo button{min-height:38px;border:1px solid #c6d4dc;background:#f5f3ea;color:#4b6e89;border-radius:5px;padding:8px 12px;font:10px/1.5 Arial,Helvetica,sans-serif;cursor:pointer}
.mall-demo button:hover{background:#e5edf0;color:#0759b4;border-color:#95b7ce}
.mall-demo button[aria-pressed=true]{background:#dcecf3;color:#095da4;border-color:#8aafc8}
.mall-demo button:focus-visible,.mall-demo select:focus-visible{outline:2px solid #146cc0;outline-offset:3px}
.mall-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px}
.mall-view{min-width:0}
.mall-stage{position:relative;width:100%;height:600px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#fbf8f1,#eae6dc);touch-action:pan-y pinch-zoom;cursor:grab;isolation:isolate}
.mall-stage:active{cursor:grabbing}
.mall-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;outline:none}
.mall-labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.mall-label{position:absolute;left:0;top:0;display:block;transform:translate(-50%,-100%);padding:2px 4px;background:#12344bd9;border:1px solid #cce4ef85;border-radius:3px;color:#effaff;font:8px/1.2 monospace;letter-spacing:.1px;white-space:nowrap;pointer-events:auto;cursor:pointer;box-shadow:0 1px 5px #253b4c18;will-change:transform}
.mall-label.is-selected{background:#f0d79a;color:#3c3a2c;border-color:#bda45e;font-size:9px;z-index:5}
.mall-stage .mall-label{min-height:0;padding:2px 4px;font:8px/1.2 monospace;color:#effaff;background:#12344bd9;border-color:#cce4ef85}
.mall-stage .mall-label.is-selected{color:#3c3a2c;background:#f0d79a;border-color:#bda45e}
.mall-view-hud{position:absolute;top:20px;left:23px;right:23px;z-index:4;display:flex;align-items:start;justify-content:space-between;color:#688093;pointer-events:none}
.mall-view-hud>span{font:8px/1.6 monospace;letter-spacing:.8px;background:#f6f3e9cf;padding:6px 8px;border-radius:4px}
.mall-view-hud strong{font:400 35px/1 Georgia,'Times New Roman',serif;color:#1c5e89;text-align:right}
.mall-view-hud strong>span{display:block;font:6px/1.7 monospace;letter-spacing:1px;margin-top:7px;color:#78909c}
.mall-zoom{position:absolute;right:18px;bottom:18px;z-index:5;display:flex;flex-direction:column;gap:5px}
.mall-demo .mall-zoom button{width:34px;height:34px;min-height:0;padding:0;background:#f8f4ede8;font:20px/1 Arial,Helvetica,sans-serif;border-color:#b8cad4}
.mall-view-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 20px;border-top:1px solid #d0dadd;background:#eeeee7;color:#6b8394;font:9px/1.7 Arial,Helvetica,sans-serif}
.mall-view-bottom p{margin:0}
.mall-view-bottom>span{font:8px/1.5 monospace;color:#3280a3;white-space:nowrap}
.mall-motion-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d0dadd}
.mall-motion-stats>div{padding:20px 24px;border-right:1px solid #d0dadd}
.mall-motion-stats>div:last-child{border-right:0}
.mall-motion-stats strong{display:block;font:400 32px/1 Georgia,'Times New Roman',serif;color:#285f88;margin-bottom:9px;font-variant-numeric:tabular-nums}
.mall-motion-stats span{display:block;font:7px/1.5 monospace;color:#738b9a;letter-spacing:.6px}
.mall-inspector{background:#eeeee7;border-left:1px solid #cddade;padding:24px 21px;color:#365b7a}
.mall-inspector .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:20px}
.mall-inspector>label{display:block;font:7px/1.6 monospace;letter-spacing:.6px;color:#728a9c;margin-bottom:8px}
.mall-inspector select{width:100%;min-height:40px;border:1px solid #becfda;border-radius:5px;background:#f8f4ed;color:#315f82;font:12px/1.5 Arial,Helvetica,sans-serif;padding:9px 11px}
.mall-id-legend{grid-column:1;margin:10px 0 0;color:#698493;font:9px/1.6 Arial,Helvetica,sans-serif}
.mall-id-legend>span{white-space:nowrap}
.mall-selected{padding:24px 0 20px;border-bottom:1px solid #cddade}
.mall-selected>strong{font:400 35px/1 Georgia,'Times New Roman',serif;color:#195a87;letter-spacing:-.7px;display:block;margin-bottom:9px}
.mall-selected>span{font:9px/1.6 monospace;color:#5d8194}
.mall-visitor-details{margin:18px 0 20px;display:grid;gap:17px}
.mall-visitor-details>div:last-child{grid-column:1/-1}
.mall-visitor-details dt{font:7px/1.6 monospace;letter-spacing:.5px;color:#7b919d;margin-bottom:6px}
.mall-visitor-details dd{margin:0;font:16px/1.5 Georgia,'Times New Roman',serif;color:#3e657f;font-variant-numeric:tabular-nums}
.mall-inspector>#mall-follow{width:100%}
.mall-zones{margin-top:28px;padding-top:21px;border-top:1px solid #cddade}
.mall-zones .eyebrow{margin-bottom:13px}
.mall-zones>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font:10px/1.5 Arial,Helvetica,sans-serif;border-bottom:1px solid #d5dfe1;color:#6b8397}
.mall-zones>div:last-child{border-bottom:0}
.mall-zones span{display:flex;align-items:center;gap:7px}
.mall-zones i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--zone-color)}
.mall-zones strong{font:12px/1.5 monospace;font-weight:400;color:#2c607f}
.mall-disclosure{margin:0;padding:17px 23px;border-top:1px solid #cddade;color:#78909e;background:#f2f0e8;font:10px/1.7 Arial,Helvetica,sans-serif}
.mall-fallback{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center;padding:35px;color:#577b93;background:radial-gradient(ellipse,#f8f4ed,#e9e6dc)}
.mall-fallback[hidden]{display:none}
.mall-fallback strong{font:400 26px/1.3 Georgia,'Times New Roman',serif;color:#305c7d}
.mall-fallback p{font:12px/1.8 Arial,Helvetica,sans-serif;margin:0;max-width:390px}
.mall-loader{width:28px;height:28px;border:1px solid #a8c3d2;border-top-color:#2775a1;border-radius:50%;animation:mall-loader 1.5s linear infinite}
@keyframes mall-loader{to{transform:rotate(360deg)}}
@media(min-width:1600px){.mall-stage{height:650px}}
@media(max-width:1050px){.mall-layout{grid-template-columns:1fr}.mall-stage{height:560px}.mall-inspector{border-left:0;border-top:1px solid #cddade;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:26px}.mall-inspector>.eyebrow,.mall-inspector>label,.mall-inspector>select,.mall-selected,.mall-visitor-details,.mall-inspector>#mall-follow{grid-column:1}.mall-zones{grid-column:2;grid-row:1/7;margin:0;padding:0;border-top:0}.mall-selected{padding:20px 0 15px}.mall-visitor-details{grid-template-columns:1fr 1fr;gap:15px}.mall-heading>p{max-width:550px}}
@media(max-width:600px){.mall-section{padding-top:25px}.mall-heading h2{font-size:41px}.mall-top{padding:16px;font-size:7px;letter-spacing:.3px;gap:10px}.mall-sample-tag{font-size:6px;padding:4px 5px}.mall-toolbar{padding:12px;display:block}.mall-toolbar>div{gap:5px}.mall-toolbar>div+div{margin-top:7px}.mall-demo .mall-toolbar button{font-size:9px;padding:7px 9px;min-height:36px}.mall-stage{height:460px}.mall-view-hud{left:13px;right:13px;top:13px}.mall-view-hud>span{font-size:6px;letter-spacing:.4px}.mall-view-hud strong{font-size:30px}.mall-view-bottom{padding:12px 14px;display:block;font-size:9px}.mall-view-bottom>span{display:block;margin-top:5px}.mall-motion-stats>div{padding:17px 13px}.mall-motion-stats strong{font-size:29px}.mall-motion-stats span{font-size:6px;letter-spacing:.2px}.mall-inspector{display:block;padding:24px 18px}.mall-inspector .eyebrow{margin-bottom:15px}.mall-selected{display:flex;align-items:center;justify-content:space-between;gap:20px}.mall-selected>strong{margin:0;font-size:32px}.mall-zones{margin-top:26px;padding-top:21px;border-top:1px solid #cddade}.mall-visitor-details{display:grid;grid-template-columns:1fr 1fr}.mall-zones>div{font-size:12px;padding:11px 0}.mall-disclosure{padding:16px 18px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.mall-loader{animation:none}}
.mall-static-plan{width:min(78%,560px);max-height:300px;filter:drop-shadow(0 10px 20px #28496212)}
@media(max-width:600px){.mall-static-plan{width:100%;max-height:240px}.mall-fallback{gap:12px;padding:20px}.mall-fallback strong{font-size:23px}}