*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#1a1a2e;color:#eaeaea;min-height:100vh}.app{max-width:900px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;color:#e94560;margin-bottom:.5rem}.header p{color:#a0aec0;font-size:1rem}.search-form{margin-bottom:2rem}.input-group{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.city-input{flex:1;min-width:200px;padding:.75rem 1rem;font-size:1rem;border:2px solid #2d3748;border-radius:8px;background-color:#16213e;color:#eaeaea;outline:none;transition:border-color .2s}.city-input:focus{border-color:#e94560}.city-input::placeholder{color:#718096}.radius-input-wrapper{display:flex;align-items:center;background-color:#16213e;border:2px solid #2d3748;border-radius:8px;padding-right:.75rem}.radius-input{width:70px;padding:.75rem .5rem .75rem 1rem;font-size:1rem;border:none;background-color:transparent;color:#eaeaea;outline:none}.radius-input::-webkit-inner-spin-button,.radius-input::-webkit-outer-spin-button{opacity:1}.radius-unit{color:#718096;font-size:.9rem}.generate-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background-color:#e94560;color:#fff;cursor:pointer;transition:background-color .2s,transform .1s}.generate-btn:hover:not(:disabled){background-color:#d63850}.generate-btn:active:not(:disabled){transform:scale(.98)}.generate-btn:disabled{background-color:#4a5568;cursor:not-allowed}.layer-controls,.color-controls{margin:1rem 0;padding:1rem;background:#16213e;border-radius:8px;border:1px solid #2d3748}.layer-controls h3,.color-controls h3{margin-bottom:.75rem;font-size:.9rem;color:#a0aec0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.layer-toggles,.color-pickers{display:flex;flex-wrap:wrap;gap:.5rem}.layer-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#2d3748;border-radius:6px;cursor:pointer;transition:background-color .2s}.layer-toggle:hover{background:#3d4f5f}.layer-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#e94560;cursor:pointer}.layer-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.layer-name{font-size:.9rem;color:#eaeaea}.color-picker{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#2d3748;border-radius:6px;cursor:pointer;transition:background-color .2s}.color-picker:hover{background:#3d4f5f}.color-picker input[type=color]{width:28px;height:28px;padding:0;border:2px solid #4a5568;border-radius:4px;cursor:pointer;background:transparent}.color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}.color-picker input[type=color]:disabled{cursor:not-allowed;opacity:.5}.color-name{font-size:.85rem;color:#eaeaea;white-space:nowrap}.hex-input{width:75px;padding:.25rem .4rem;font-size:.8rem;font-family:Monaco,Menlo,monospace;border:1px solid #4a5568;border-radius:4px;background-color:#1a1a2e;color:#eaeaea;text-transform:uppercase}.hex-input:focus{outline:none;border-color:#e94560}.hex-input:disabled{opacity:.5;cursor:not-allowed}.size-controls{margin:1rem 0;padding:1rem;background:#16213e;border-radius:8px;border:1px solid #2d3748}.size-controls h3{margin-bottom:.75rem;font-size:.9rem;color:#a0aec0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.size-sliders{display:flex;flex-direction:column;gap:.75rem}.size-slider{display:flex;align-items:center;gap:1rem}.size-label{width:60px;font-size:.9rem;color:#eaeaea}.size-slider input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:#2d3748;border-radius:3px;cursor:pointer}.size-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#e94560;border-radius:50%;cursor:pointer}.size-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#e94560;border-radius:50%;cursor:pointer;border:none}.size-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.size-slider input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.size-slider input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.size-value{width:60px;font-size:.85rem;color:#718096;text-align:right}.border-controls{margin:1rem 0;padding:1rem;background:#16213e;border-radius:8px;border:1px solid #2d3748}.border-controls h3{margin-bottom:.75rem;font-size:.9rem;color:#a0aec0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.border-settings{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.border-slider{display:flex;align-items:center;gap:.75rem;flex:1}.border-label{font-size:.9rem;color:#eaeaea}.border-slider input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:#2d3748;border-radius:3px;cursor:pointer}.border-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#e94560;border-radius:50%;cursor:pointer}.border-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#e94560;border-radius:50%;cursor:pointer;border:none}.border-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.border-slider input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.border-slider input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.border-value{width:30px;font-size:.85rem;color:#718096;text-align:right}.border-color{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#2d3748;border-radius:6px}.border-color input[type=color]{width:28px;height:28px;padding:0;border:2px solid #4a5568;border-radius:4px;cursor:pointer;background:transparent}.border-color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.border-color input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}.border-color input[type=color]:disabled{cursor:not-allowed;opacity:.5}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.spinner{width:48px;height:48px;border:4px solid #2d3748;border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#a0aec0}.error{background-color:#e945601a;border:1px solid #e94560;border-radius:8px;padding:1rem;text-align:center;color:#e94560}.result{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.map-info{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;color:#a0aec0;font-size:.9rem}.map-info .coords{font-family:Monaco,Menlo,monospace;color:#718096}.svg-container{width:100%;max-width:600px;background-color:#16213e;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #0000004d}.svg-container svg{width:100%;height:auto;display:block}.download-btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:2px solid #e94560;border-radius:8px;background-color:transparent;color:#e94560;cursor:pointer;transition:background-color .2s,color .2s}.download-btn:hover{background-color:#e94560;color:#fff}@media (max-width: 600px){.app{padding:1rem}.header h1{font-size:1.5rem}.input-group{flex-direction:column}.city-input{min-width:100%}.radius-input-wrapper{align-self:stretch}.radius-input{flex:1}.generate-btn{width:100%}.layer-toggles,.color-pickers{gap:.4rem}.layer-toggle,.color-picker{padding:.4rem .6rem;flex:1 1 calc(50% - .2rem);min-width:calc(50% - .2rem)}.color-name{font-size:.75rem}.hex-input{width:65px;font-size:.7rem}.size-slider{gap:.5rem}.size-label{width:50px;font-size:.85rem}.size-value{width:50px;font-size:.8rem}.border-settings{flex-direction:column;gap:.75rem}.border-slider{width:100%}.border-color{width:100%;justify-content:flex-start}}