html,body,#map{height:100%;margin:0}#panel-toggle{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:2;cursor:pointer;background:#fffffff0;border:none;border-radius:6px;width:36px;height:36px;font-size:18px;display:none;position:absolute;box-shadow:0 1px 4px #00000026}#panel{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:1;background:#fffffff0;border-radius:6px;max-width:260px;padding:10px 12px;font:13px/1.5 system-ui,sans-serif;position:absolute;box-shadow:0 1px 4px #00000026}@media (width<=600px){#panel-toggle{display:block}#panel.panel-closed{display:none}#panel{top:max(52px, calc(env(safe-area-inset-top) + 42px))}}#panel h1{margin:0 0 6px;font-size:14px}#panel label{cursor:pointer;display:block}#panel hr{border:0;border-top:1px solid #ddd;margin:7px 0}.swatch{vertical-align:middle;border-radius:2px;width:18px;height:4px;margin:0 5px;display:inline-block}.badge{color:#fff;background:#1a1a1a;border-radius:3px;padding:1px 6px;font-size:11px;display:inline-block}.sub-controls{padding:4px 0 2px 22px;display:none}.sub-controls.open{display:block}.slider-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.slider-label{color:#555;text-align:right;min-width:42px;font-size:11px}.slider-row input[type=range]{flex:1}.sub-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #ccc;border-radius:3px;padding:1px 8px;font-size:11px}.sub-btn:hover{background:#f0f0f0}.maplibregl-popup-content{font:13px/1.45 system-ui,sans-serif}.aspect-wheel-wrap{width:84px;height:84px;margin:6px auto 8px;position:relative}.aspect-wheel{background:conic-gradient(#3b82f6,#2dd4bf 12.5%,#22c55e 25%,#a3e635 37.5%,#ef4444 50%,#ea8246 62.5%,#a855f7 75%,#6366f1 87.5%,#3b82f6);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000026}.aspect-wheel-wrap .aw{color:#fff;text-shadow:0 1px 2px #0009;font-size:11px;font-weight:700;position:absolute}.aw-n{top:3px;left:50%;transform:translate(-50%)}.aw-s{bottom:3px;left:50%;transform:translate(-50%)}.aw-e{top:50%;right:5px;transform:translateY(-50%)}.aw-w{top:50%;left:5px;transform:translateY(-50%)}