:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e1e5e9}header h1{color:#2d3748;margin-bottom:10px}header p{color:#718096;font-size:16px}.config-section{background:#f7fafc;padding:25px;border-radius:8px;margin-bottom:30px}.config-section h2{color:#2d3748;margin-bottom:20px}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.config-item{display:flex;flex-direction:column}.config-item label{font-weight:600;color:#4a5568;margin-bottom:5px}.config-item input,.config-item select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s}.config-item input:focus,.config-item select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.config-help{color:#718096;font-size:12px;margin-top:4px;font-style:italic}.global-section{background:#f0fff4;padding:25px;border-radius:8px;margin-bottom:30px;border:2px solid #68d391}.global-section h2{color:#2d3748;margin-bottom:20px}.global-address-container{max-width:600px}.global-address-input{display:flex;align-items:center;gap:15px}.global-address-input input{flex:1;padding:12px 15px;border:2px solid #38a169;border-radius:6px;font-size:16px;font-family:Monaco,Menlo,monospace;background:#fff}.global-address-input input:focus{outline:none;border-color:#2f855a;box-shadow:0 0 0 3px #38a1691a}.global-description{color:#2f855a;font-size:12px;font-weight:500;font-style:italic}.regions-section{margin-bottom:30px}.regions-section h2{color:#2d3748;margin-bottom:25px}.continent-group{margin-bottom:30px}.continent-header{margin-bottom:20px}.continent-header h3{color:#4a5568;margin-bottom:10px;font-size:20px}.continent-address-input{display:flex;align-items:center;gap:10px;margin-bottom:15px}.continent-address-input input{flex:1;padding:12px 15px;border:2px solid #4299e1;border-radius:6px;font-size:16px;font-family:Monaco,Menlo,monospace;background:#ebf8ff}.continent-address-input input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #4299e11a}.region-count{color:#718096;font-size:14px;font-weight:500}.address-help{color:#718096;font-size:11px;margin-top:5px;font-style:italic;display:block}.regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.region-item{background:#f0fff4;border:2px solid #68d391;border-radius:6px;padding:10px 12px;transition:all .2s}.region-item:hover{background:#e6fffa;border-color:#38a169}.region-item.active{background:#f0fff4;border-color:#38a169}.region-item.auto-generated{background:#f0f9ff;border:2px solid #0ea5e9}.region-item.auto-generated:hover{background:#e0f2fe;border-color:#0284c7}.auto-address{margin-top:8px;padding:4px 8px;background:#0ea5e9;color:#fff;border-radius:4px;font-size:12px;font-family:Monaco,Menlo,monospace}.region-preview-placeholder{text-align:center;padding:40px 20px;color:#718096;background:#f7fafc;border-radius:8px;border:2px dashed #cbd5e0}.region-header{display:flex;justify-content:space-between;align-items:center}.region-header strong{color:#2d3748;font-size:14px}.region-code{color:#718096;font-size:11px;font-weight:500}.actions-section{text-align:center;margin-bottom:30px}.generate-btn{background:#4299e1;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.generate-btn:hover{background:#3182ce}.combined-command-section{background:#2d3748;padding:25px;border-radius:8px;margin-bottom:20px;border:2px solid #4299e1}.combined-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.combined-header h2{color:#e2e8f0;margin:0;font-size:18px}.copy-combined-btn{background:#4299e1;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.copy-combined-btn:hover{background:#3182ce}.combined-command-container{background:#1a202c;border-radius:6px;padding:20px;border:1px solid #4a5568}.combined-command{display:block;color:#68d391;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;word-break:break-all;white-space:pre-wrap}.commands-section{background:#1a202c;padding:25px;border-radius:8px}.commands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.commands-header h2{color:#e2e8f0;margin:0}.copy-all-btn{background:#38a169;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.copy-all-btn:hover{background:#2f855a}.command-item{background:#2d3748;border-radius:6px;padding:15px;margin-bottom:15px}.command-info{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.continent{background:#4299e1;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.continent.global{background:#38a169}.region{color:#e2e8f0;font-weight:500}.address{color:#68d391;font-size:12px;font-family:Monaco,Menlo,monospace}.command-container{display:flex;align-items:center;gap:10px}.command{flex:1;background:#1a202c;color:#68d391;padding:12px 15px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.4;word-break:break-all;border:1px solid #4a5568}.copy-btn{background:#ed8936;color:#fff;border:none;padding:10px 15px;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.copy-btn:hover{background:#dd6b20}@media (max-width: 768px){.app{padding:15px}.config-grid,.regions-grid{grid-template-columns:1fr}.combined-header,.commands-header{flex-direction:column;gap:15px;align-items:flex-start}.command-container{flex-direction:column;align-items:stretch}.copy-btn{align-self:flex-end}}