.map-poster-container{width:100%;height:100vh;padding:10px;display:flex;flex-direction:row;gap:10px;box-sizing:border-box}.map-poster-container .map-poster-controls{display:flex;flex-direction:column;gap:10px;background:#fff;padding:12px;border-radius:6px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;width:280px;min-width:250px}.map-poster-container .map-poster-controls .map-poster-input-group{display:flex;flex-direction:column;gap:4px;width:100%}.map-poster-container .map-poster-controls .map-poster-input-group.map-poster-input-group-row{flex-direction:row;gap:8px}.map-poster-container .map-poster-controls .map-poster-input-group.map-poster-input-group-row .map-poster-input-group-item{flex:1;display:flex;flex-direction:column;gap:4px}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-label{font-size:12px;color:#666;font-weight:500}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-input,.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;transition:border-color .2s;width:100%;box-sizing:border-box}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-input:focus,.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-select:focus{outline:none;border-color:#4a90e2}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-coords-input{display:flex;gap:8px;width:100%}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-coords-input .map-poster-coord-input{flex:1}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select{position:relative;width:100%}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-input-with-clear{padding-right:28px}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-clear-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:transparent;color:#999;font-size:20px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-clear-button:hover{color:#333}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-clear-button:active{color:#000}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-dropdown-list{position:absolute;top:100%;left:0;right:0;margin-top:2px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-dropdown-list .map-poster-dropdown-item{padding:8px 10px;font-size:13px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f0f0f0}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-dropdown-list .map-poster-dropdown-item:last-child{border-bottom:none}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-dropdown-list .map-poster-dropdown-item:hover{background:#f5f5f5}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-dropdown-list .map-poster-dropdown-item.map-poster-dropdown-empty{color:#999;cursor:default;text-align:center}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-dropdown-list .map-poster-dropdown-item.map-poster-dropdown-empty:hover{background:#fff}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-dropdown-list .map-poster-dropdown-item .map-poster-city-name{font-weight:500;color:#333}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-searchable-select .map-poster-dropdown-list .map-poster-dropdown-item .map-poster-city-country{color:#666}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select{position:relative;width:100%}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;cursor:pointer;transition:border-color .2s;background:#fff}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-select-trigger:hover{border-color:#4a90e2}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-select-trigger .map-poster-theme-name{flex:1}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-select-trigger .map-poster-theme-colors{display:flex;gap:2px;margin-left:8px}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-select-trigger .map-poster-theme-colors .map-poster-theme-color-bar{width:6px;height:16px;border:1px solid rgba(0,0,0,.25)}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:2px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-dropdown .map-poster-theme-option{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:13px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f0f0f0}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-dropdown .map-poster-theme-option:last-child{border-bottom:none}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-dropdown .map-poster-theme-option:hover{background:#f5f5f5}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-dropdown .map-poster-theme-option.map-poster-theme-option-selected{background:#e8f4ff;font-weight:500}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-dropdown .map-poster-theme-option .map-poster-theme-option-name{flex:1}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-dropdown .map-poster-theme-option .map-poster-theme-option-colors{display:flex;gap:2px;margin-left:8px}.map-poster-container .map-poster-controls .map-poster-input-group .map-poster-theme-select .map-poster-theme-dropdown .map-poster-theme-option .map-poster-theme-option-colors .map-poster-theme-color-bar{width:6px;height:16px;border:1px solid rgba(0,0,0,.25)}.map-poster-container .map-poster-controls .map-poster-amap-container{position:relative;width:100%;height:300px;margin-top:12px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.map-poster-container .map-poster-controls .map-poster-amap-container .map-poster-amap{width:100%;height:100%}.map-poster-container .map-poster-controls .map-poster-amap-container .map-poster-amap-viewfinder{position:absolute;border:2px solid #FF0000;background:#ff00001a;pointer-events:none;z-index:1000;box-sizing:border-box}.map-poster-container .map-poster-controls .map-poster-actions{display:flex;gap:8px;margin-top:12px;width:100%}.map-poster-container .map-poster-controls .map-poster-progress{margin-top:12px;display:flex;flex-direction:column;gap:8px;width:100%}.map-poster-container .map-poster-controls .map-poster-progress .map-poster-progress-item{display:flex;align-items:center;gap:8px;font-size:12px}.map-poster-container .map-poster-controls .map-poster-progress .map-poster-progress-item .map-poster-progress-label{width:60px;color:#666;flex-shrink:0}.map-poster-container .map-poster-controls .map-poster-progress .map-poster-progress-item .map-poster-progress-bar{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.map-poster-container .map-poster-controls .map-poster-progress .map-poster-progress-item .map-poster-progress-bar .map-poster-progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.map-poster-container .map-poster-controls .map-poster-progress .map-poster-progress-item .map-poster-progress-bar .map-poster-progress-fill.map-poster-progress-fill-downloading{background:#4a90e2;animation:progress-pulse 1.5s ease-in-out infinite}.map-poster-container .map-poster-controls .map-poster-progress .map-poster-progress-item .map-poster-progress-bar .map-poster-progress-fill.map-poster-progress-fill-done{background:#28a745}.map-poster-container .map-poster-controls .map-poster-progress .map-poster-progress-item .map-poster-progress-bar .map-poster-progress-fill.map-poster-progress-fill-error{background:#dc3545}.map-poster-container .map-poster-controls .map-poster-progress .map-poster-progress-item .map-poster-progress-status{width:50px;text-align:right;color:#666;flex-shrink:0;font-size:11px}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.6}}.map-poster-container .map-poster-controls .map-poster-button{padding:8px 16px;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;flex:1}.map-poster-container .map-poster-controls .map-poster-button:hover:not(:disabled){background:#357abd}.map-poster-container .map-poster-controls .map-poster-button:disabled{background:#ccc;cursor:not-allowed}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-preview{background:#6c757d}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-preview:hover:not(:disabled){background:#5a6268}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-secondary{background:#28a745}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-secondary:hover{background:#218838}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-clear{background:#dc3545}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-clear:hover:not(:disabled){background:#c82333}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-clear:disabled{background:#ccc}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-icon{flex:0 0 auto;padding:8px 12px;display:flex;align-items:center;gap:4px;white-space:nowrap}.map-poster-container .map-poster-controls .map-poster-button.map-poster-button-icon .map-poster-button-icon-symbol{font-size:14px;line-height:1}.map-poster-container .map-poster-canvas-wrapper{position:relative;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;justify-content:center;align-items:center;flex:1;min-width:0;height:calc(100vh - 20px)}.map-poster-container .map-poster-canvas-wrapper .map-poster-canvas{display:block;width:auto;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.map-poster-container .map-poster-canvas-wrapper .map-poster-download-button{position:absolute;left:12px;bottom:12px;padding:8px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:4px;z-index:10;box-shadow:0 2px 4px #0003}.map-poster-container .map-poster-canvas-wrapper .map-poster-download-button:hover{background:#218838}.map-poster-container .map-poster-canvas-wrapper .map-poster-download-button .map-poster-button-icon-symbol{font-size:14px;line-height:1}.map-poster-container .map-poster-canvas-wrapper .map-poster-loading,.map-poster-container .map-poster-canvas-wrapper .map-poster-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6}.map-poster-container .map-poster-canvas-wrapper .map-poster-loading-text{font-size:16px;color:#666}.map-poster-container .map-poster-canvas-wrapper .map-poster-error{color:#e74c3c;font-size:14px;padding:20px;text-align:center}.map-poster-app{width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#f5f5f5;padding:0;overflow:hidden}.map-poster-app .map-poster-loading-init{padding:40px;font-size:18px;color:#666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh}