html,body{width:100vw;height:100vh;margin:0;padding:0;font-family:system-ui,sans-serif}body{display:flex}#controls{box-sizing:border-box;background:#fafafa;border-right:1px solid #ddd;width:340px;height:100vh;padding:12px 14px;font-size:13px;overflow-y:auto}#map1{flex:1;height:100vh}.panel{border-bottom:1px solid #e6e6e6;margin-bottom:18px;padding-bottom:14px}.panel:last-child{border-bottom:none}h2{text-transform:uppercase;letter-spacing:.05em;color:#555;margin:0 0 8px;font-size:13px}.hint{color:#888;font-size:11px;font-weight:400}.bounds-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.bounds-grid label{color:#666;flex-direction:column;font-size:11px;display:flex}input[type=number]{box-sizing:border-box;border:1px solid #ccc;border-radius:3px;width:100%;padding:4px 6px;font-family:ui-monospace,monospace;font-size:12px}button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:3px;padding:5px 10px;font-size:12px}button:hover{background:#f0f0f0}.layer{background:#fff;border:1px solid #ddd;border-radius:4px;grid-template-columns:1fr auto;align-items:center;gap:6px;margin-bottom:8px;padding:8px;display:grid}.layer.active{border-color:#2680c2;box-shadow:0 0 0 1px #2680c2}.layer .name{color:#333;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.layer .name.empty{color:#aaa;font-style:italic}.layer .file-btn{font-size:11px}.layer .min-zoom{color:#666;flex-direction:column;font-size:11px;display:flex}.layer .min-zoom input{width:70px}.layer .row{align-items:center;gap:6px;display:flex}.layer .remove{color:#b00;border-color:#d99;padding:4px 8px}#add-layer-btn{width:100%}.status{font-family:ui-monospace,monospace;font-size:12px}.status div{margin-bottom:4px}