.converter-form{display:flex;flex-direction:column;gap:15px;padding:10px}.form-group{display:flex;flex-direction:column;gap:5px}.input-group{display:flex;gap:10px;align-items:center}.input-group input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.input-group-prefix{font-weight:700;padding:0 5px}.custom-epsg{margin-top:-10px}.custom-epsg-btn{padding:8px 12px;min-width:60px}.search-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}select{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;width:100%;overflow-y:auto}optgroup{font-weight:700;margin-top:5px}#x-output,#y-output{background-color:#f5f5f5}.convert-section{display:flex;flex-direction:column;gap:12px;padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014}.source-section{border-left:4px solid #4285f4}.dest-section{border-left:4px solid #34a853}.actions-row{display:flex;gap:10px;align-items:center;justify-content:flex-start}.actions-row button{white-space:nowrap}#convert-btn{background-color:#34a853}#convert-btn:hover{background-color:#2c8b47}.ol-control.drawing-controls{top:170px!important;right:.7em!important;left:unset!important;position:absolute!important;z-index:1;background:#fff;border-radius:4px;box-shadow:0 1px 4px #0000001a;padding:2px 0;display:flex;flex-direction:column;gap:4px}.drawing-control-btn{margin:2px 0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:#fffc;border:none;border-radius:4px;font-size:18px;cursor:pointer;box-shadow:0 0 3px #0000004d;transition:background-color .2s}.drawing-control-btn:hover{background-color:#ffffffe6}.drawing-control-btn.active{background-color:#4285f4;color:#fff}