*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5}header{background:#2c3e50;color:#fff;padding:1rem 2rem;text-align:center}header h1{margin:0 0 .5rem;font-size:2rem}header p{margin:0;opacity:.8}.container{display:flex;height:calc(100vh - 120px);gap:1rem;padding:1rem}.controls-panel{width:400px;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;overflow-y:auto}.controls-panel section{margin-bottom:2rem}.controls-panel h2{margin:0 0 1rem;color:#2c3e50;font-size:1.2rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#34495e}.form-group input,.form-group select,textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-group input:focus,.form-group select:focus,textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;width:100%;transition:background-color .2s}button:hover{background:#2980b9}button:disabled{background:#bdc3c7;cursor:not-allowed}.drawing-tools{margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.drawing-tools label{display:block;margin-bottom:.75rem;font-weight:500;color:#495057}.tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.tool-btn{width:auto;padding:.5rem .75rem;font-size:.85rem;margin:0}.tool-btn.active{background:#28a745}.tool-btn.active:hover{background:#218838}.clear-btn{background:#dc3545;grid-column:span 2}.clear-btn:hover{background:#c82333}.drawing-status{font-size:.8rem;color:#6c757d;font-style:italic;min-height:1.2em}.format-toggle{margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.format-toggle label{display:block;margin-bottom:.75rem;font-weight:500;color:#495057}.radio-group{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;margin-bottom:0}.radio-label input[type=radio]{margin:0;width:auto}.radio-label span{font-size:.9rem}.input-container{margin-bottom:1rem}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.input-container label{margin:0;font-weight:500;color:#34495e}.copy-url-btn{background:#28a745;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;width:auto;transition:background-color .2s}.copy-url-btn:hover{background:#218838}.copy-url-btn:active{background:#1e7e34;transform:scale(.98)}.output-container{margin-bottom:1rem}.output-container label{display:block;margin-bottom:.25rem;font-weight:500;color:#34495e}.validation-message{margin-top:.5rem;font-size:.85rem;padding:.5rem;border-radius:4px;display:none}.validation-message.valid{background:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block}.validation-message.invalid{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:.75rem;border-radius:4px;margin-top:1rem}.map-panel{flex:1;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;position:relative}#map{width:100%;height:100%}.map-control-btn{position:absolute;top:90px;left:10px;padding:8px;z-index:1000;width:33px;height:33px;background:#fff;border:2px solid #ddd;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.map-control-btn:hover{background:#f8f9fa;border-color:#3498db;transform:scale(1.05)}@media (max-width: 1024px){.container{flex-direction:column;height:auto}.controls-panel{width:100%}.map-panel{height:400px}}