.plat-map-viewer-wrapper{position:relative}.plat-scroll-hint{position:absolute;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.plat-scroll-hint.visible{opacity:1}.plat-scroll-hint-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.plat-scroll-hint-icon{width:48px;height:48px;color:#fff}.plat-scroll-hint-text{font-size:1.125rem;font-weight:600;color:#fff;text-align:center;letter-spacing:.025em;line-height:1.6}#plat-svg-container{width:100%;height:70vh;max-height:600px;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;position:relative}#plat-svg-container svg{max-width:100%;max-height:100%;display:block}.plat-zoom-controls{position:absolute;bottom:1rem;right:1rem;display:flex;flex-direction:row;gap:.5rem;z-index:10}.plat-zoom-btn{background-color:#3b82f6f2;color:#fff;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.plat-zoom-btn:hover{background-color:#2563ebf2}.plat-zoom-btn:active{background-color:#1d4ed8f2}.plat-zoom-btn:disabled{background-color:#9ca3aff2;cursor:not-allowed}.plat-map-legend{position:absolute;top:1rem;right:1rem;padding:1rem;background-color:#fffffff2;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;z-index:10;max-width:220px;cursor:default}.plat-legend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.plat-map-legend h3{font-size:1.125rem;font-weight:600;margin:0;color:#111827}.plat-legend-toggle-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;transition:color .2s,transform .3s;display:flex;align-items:center;justify-content:center}.plat-legend-toggle-btn:hover{color:#111827}.plat-legend-toggle-btn.collapsed{transform:rotate(-90deg)}.plat-legend-items{display:flex;flex-direction:column;gap:.625rem;transition:max-height .3s ease-out,opacity .3s ease-out;max-height:400px;opacity:1;overflow:hidden}.plat-legend-items.collapsed{max-height:0;opacity:0}.plat-legend-item{display:flex;align-items:center;gap:.625rem}.plat-legend-color{width:20px;height:20px;border-radius:.25rem;border:2px solid #d1d5db;box-shadow:0 1px 2px #0000000d;flex-shrink:0}.plat-legend-label{color:#374151;white-space:nowrap}@media (max-width: 768px){#plat-svg-container{height:60vh;max-height:400px}.plat-zoom-controls{bottom:.5rem;right:.5rem}.plat-zoom-btn{width:36px;height:36px;padding:.375rem}.plat-map-legend{top:.5rem;right:.5rem;max-width:180px;padding:.75rem}.plat-map-legend h3{font-size:1rem}}@media (max-width: 640px){#plat-svg-container{height:50vh;max-height:300px}}