#mapSandboxToolbar .map-sandbox-heading{display:flex;align-items:center;gap:6px;flex:none}
#mapSandboxToolbar .map-sandbox-heading .map-sandbox-help{display:inline-flex;align-items:center;justify-content:center;width:30px;min-height:30px;padding:0;border:0;border-radius:50%;font:700 15px/1 sans-serif;color:#35604f;background:#edf5f0}
#mapSandboxToolbar[data-sg-preview="close"] button[data-sandbox-action="finish"]{display:inline-flex!important;align-items:center;justify-content:center;background:#d4ffde;color:#164b32;border-color:#8ed9a8}
.sandbox-guide{position:fixed;inset:0;z-index:10040;isolation:isolate;overflow:hidden;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#fff;overscroll-behavior:contain;touch-action:manipulation}
.sg-shade{position:absolute;inset:0;background:rgba(7,23,25,.42)}
.sg-stage{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sg-spotlight{position:fixed;box-sizing:border-box;border:2px solid #b5ffcd;border-radius:10px;box-shadow:0 0 0 5px #b5ffcd22,0 0 25px #b5ffcd44;pointer-events:none}
.sg-header{position:absolute;top:max(24px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;text-shadow:0 1px 5px #0008}
.sg-header>span{padding:9px 12px;border:1px solid #ffffff30;border-radius:24px;background:#142d335c;backdrop-filter:blur(8px)}
.sandbox-guide button{min-height:40px;border:0;border-radius:24px;padding:8px 15px;background:#ffffff15;color:#fff;font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}
.sandbox-guide button:focus-visible{outline:3px solid #b5ffcd;outline-offset:3px}
.sandbox-guide button:disabled{opacity:.3;cursor:default}
.sg-controls{position:fixed;box-sizing:border-box;text-align:center;pointer-events:none;text-shadow:0 2px 12px #05201b;filter:drop-shadow(0 5px 22px #092a2c80)}
.sg-controls h2{margin:9px 0 5px;font-size:25px;line-height:1.45;font-weight:650;letter-spacing:.01em;color:#fff}
.sg-controls p{margin:0;font-size:13px;line-height:1.6;color:#ffffffbf}
.sg-status{display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;letter-spacing:.04em;color:#c5e9d5}
.sg-status>span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#b5ffcd;box-shadow:0 0 8px #b5ffcd}
.sg-status button{pointer-events:auto;min-height:32px;padding:4px 9px;background:#122d334f;font-size:11px;color:#daeee1}
.sg-controls footer{display:flex;justify-content:center;align-items:center;gap:28px;margin:18px auto 0;pointer-events:auto;width:max-content;max-width:100%;text-shadow:none}
.sg-controls footer button{min-width:88px;min-height:44px;border:1px solid #ffffff24}
.sg-controls footer button[data-sg-action="next"]{background:#d4ffde;color:#154431;border-color:#d4ffde;font-weight:650}
.sg-dots{display:flex;gap:6px;align-items:center}
.sg-dots i{display:block;width:5px;height:5px;border-radius:5px;background:#ffffff4d;transition:width .2s}
.sg-dots i.active{width:18px;background:#ceffdb}
.sg-touch-ring{fill:#d2ffe922;stroke:#d2ffe9;stroke-width:1.5}
.sg-touch-dot{fill:#fff;stroke:#70d9a3;stroke-width:3;filter:drop-shadow(0 2px 8px #05261c88)}
.sg-trail{fill:none;stroke:#c2ffda;stroke-width:5;stroke-linecap:round;stroke-dasharray:2 10;opacity:.8}
.sg-boundary{fill:none;stroke:#d2ffb7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sg-area-fill{fill:#d2ffb733;stroke:none}
.sg-vertex{fill:#edffdc;stroke:#8fe0ab;stroke-width:2}
.sg-key-bg{fill:#173c3ae6;stroke:#d4ffde66;stroke-width:1}
.sg-key-text{fill:#edffef;font:500 12px system-ui,sans-serif}
.sg-mouse{fill:#f5fff7;stroke:#bcf4d0;stroke-width:2}
.sg-mouse-split{fill:none;stroke:#4b7e65;stroke-width:1.5}
.sg-scroll{fill:#287f57}
@media(max-width:600px){#mapSandboxToolbar .map-sandbox-heading{justify-content:space-between;margin:-3px 0 4px;padding-left:2px}#mapSandboxToolbar .map-sandbox-heading strong{display:block;font-size:12px;font-weight:500;color:#63796d}#mapSandboxToolbar .map-sandbox-heading .map-sandbox-help{width:32px;min-height:32px}.sg-header{top:max(22px,env(safe-area-inset-top));left:16px;right:16px;font-size:12px}.sg-controls h2{font-size:21px}.sg-controls p{font-size:12px}.sg-controls footer{gap:17px;margin-top:14px}.sg-controls footer button{min-width:76px}.sg-status{font-size:10px}}
@media(max-height:620px){.sg-controls h2{font-size:18px;margin:5px 0}.sg-controls p{font-size:11px}.sg-controls footer{margin-top:9px}.sg-header{top:12px}.sg-status{font-size:9px}.sg-status button{min-height:24px;padding:2px 8px}}
@media(prefers-reduced-motion:reduce){.sandbox-guide *{transition:none!important}}