.hk-edit-map-btn{border-color:#d2a34a!important;color:#153e31!important;background:#fffaf0!important;font-weight:800!important}
.hk-map-studio{margin-top:12px;border:1px solid #bdcec6;border-radius:10px;background:#f6f8f7;box-shadow:0 12px 32px #153e3117;overflow:hidden}.hk-map-studio[hidden]{display:none!important}
.hk-studio-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#173f32;color:#fff}.hk-studio-header small{font-size:10px;letter-spacing:.14em;color:#bad1c8}.hk-studio-header h1{margin:3px 0 1px;font-size:20px}.hk-studio-header h1 span{color:#f3b74c}.hk-studio-header p{margin:0;color:#c8d9d2;font-size:12px}.hk-studio-status{border:1px solid #7ea092;border-radius:99px;padding:7px 11px;font-size:11px;white-space:nowrap}
.hk-studio-toolbar{display:flex;gap:6px;align-items:center;padding:9px 12px;border-bottom:1px solid #cbd7d2;background:#fff;overflow-x:auto}.hk-studio-toolbar button{min-height:36px;white-space:nowrap;border:1px solid #b9c9c2;border-radius:5px;background:#fff;color:#173f32;font-weight:750;padding:0 11px}.hk-studio-toolbar button:disabled{opacity:.4}.hk-studio-toolbar .primary-btn{background:#176047;color:#fff;border-color:#176047}
.hk-studio-mobile-note{display:none;margin:12px;padding:12px;border:1px solid #ddc788;border-radius:6px;background:#fff8dc;color:#6f571a}.hk-studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:680px}.hk-studio-canvas-wrap{padding:14px;min-width:0;overflow:auto}.hk-studio-canvas{position:relative;width:100%;min-width:850px;aspect-ratio:1.55;background:#fbfaf4;border:1px solid #9eafa8;overflow:hidden;touch-action:none}.hk-studio-grid{position:absolute;inset:0;background-image:linear-gradient(#8194a61a 1px,transparent 1px),linear-gradient(90deg,#8194a61a 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.hk-studio-rects,.hk-studio-svg{position:absolute;inset:0;width:100%;height:100%}.hk-studio-svg{z-index:2;overflow:visible}.hk-studio-rects{z-index:3;pointer-events:none}
.hk-edit-area{position:absolute;pointer-events:auto;border:1px solid #647970;border-radius:4px;background:var(--area-color);color:#10271f;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:visible;padding:6px;cursor:move;text-align:left}.hk-edit-area strong{font-size:12px}.hk-edit-area span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hk-edit-area.selected{outline:3px solid #e6a531;outline-offset:2px}
.hk-resize{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #176047;border-radius:50%;z-index:5}.hk-resize.nw{left:-6px;top:-6px;cursor:nwse-resize}.hk-resize.n{left:calc(50% - 5px);top:-6px;cursor:ns-resize}.hk-resize.ne{right:-6px;top:-6px;cursor:nesw-resize}.hk-resize.e{right:-6px;top:calc(50% - 5px);cursor:ew-resize}.hk-resize.se{right:-6px;bottom:-6px;cursor:nwse-resize}.hk-resize.s{left:calc(50% - 5px);bottom:-6px;cursor:ns-resize}.hk-resize.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.hk-resize.w{left:-6px;top:calc(50% - 5px);cursor:ew-resize}
.hk-edit-polygon{cursor:move}.hk-edit-polygon polygon{stroke:#647970;stroke-width:.25;vector-effect:non-scaling-stroke}.hk-edit-polygon.selected polygon{stroke:#e29a18;stroke-width:.7}.hk-edit-polygon text{font-size:2px;font-weight:800;fill:#10271f;pointer-events:none}.hk-edit-polygon circle{fill:#fff;stroke:#176047;stroke-width:.35;vector-effect:non-scaling-stroke;cursor:crosshair}.hk-drawing-line{fill:#e2ac3140;stroke:#e29a18;stroke-width:.5;stroke-dasharray:1 1}.hk-drawing-point{fill:#fff;stroke:#176047;stroke-width:.35}.hk-polygon-help{position:absolute;left:50%;bottom:12px;z-index:8;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid #d2b05d;border-radius:7px;background:#fff9e7;padding:9px 12px;box-shadow:0 5px 20px #1d32272b;font-size:11px}.hk-polygon-help[hidden]{display:none}.hk-polygon-help button{border:1px solid #9fb2aa;border-radius:4px;background:#fff;padding:6px 8px}
.hk-area-settings{border-left:1px solid #cbd7d2;background:#fff;padding:16px;overflow:auto}.hk-area-settings form{display:grid;gap:10px}.hk-area-settings header{padding-bottom:8px;border-bottom:1px solid #e1e8e5}.hk-area-settings small{font-size:9px;letter-spacing:.12em;color:#687b73}.hk-area-settings h2{margin:3px 0;font-size:20px}.hk-area-settings label{display:grid;gap:4px;font-size:11px;font-weight:750;color:#445b52}.hk-area-settings input,.hk-area-settings select,.hk-studio-dialog input,.hk-studio-dialog select{width:100%;min-height:38px;border:1px solid #b7c9c1;border-radius:5px;background:#fff;padding:7px;color:#10271f}.hk-area-settings label>strong{font-size:13px;text-transform:capitalize}.hk-capacity-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hk-calculated-capacity{display:flex;justify-content:space-between;align-items:center;border:1px solid #bbd1c7;border-radius:6px;background:#eff7f3;padding:10px}.hk-calculated-capacity strong{color:#176047}.hk-settings-actions,.hk-vertex-actions{display:flex;flex-wrap:wrap;gap:7px;padding-top:8px}.hk-settings-actions button,.hk-vertex-actions button{min-height:36px;border:1px solid #afc2b9;border-radius:5px;background:#fff;padding:0 9px}.hk-settings-actions .primary-btn{background:#176047;color:#fff}.hk-settings-actions .danger-btn{border-color:#db9a91;color:#a12418}.hk-empty-settings{color:#62766d}.hk-empty-settings strong{font-size:11px;letter-spacing:.12em}.hk-empty-settings p{line-height:1.5}
.hk-map-studio.is-preview .hk-area-settings{display:none}.hk-map-studio.is-preview .hk-studio-workspace{grid-template-columns:1fr}.hk-map-studio.is-preview .hk-edit-area{cursor:pointer}.hk-map-studio.is-drawing .hk-studio-canvas{cursor:crosshair}
.hk-studio-dialog{width:min(560px,calc(100vw - 28px));border:0;border-radius:10px;padding:0;box-shadow:0 22px 70px #10271f55;color:#173f32}.hk-studio-dialog::backdrop{background:#0c201b82}.hk-studio-dialog form{display:grid;gap:14px;padding:18px}.hk-studio-dialog header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #dbe5e1;padding-bottom:10px}.hk-studio-dialog header small{font-size:9px;letter-spacing:.12em;color:#687b73}.hk-studio-dialog h2{margin:3px 0;font-size:20px}.hk-studio-dialog header button{border:0;background:#eef3f1;border-radius:50%;width:32px;height:32px}.hk-studio-dialog p{margin:0;line-height:1.5}.hk-studio-dialog label{display:grid;gap:5px;font-size:11px;font-weight:750}.hk-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hk-studio-dialog footer{display:flex;justify-content:flex-end;gap:8px}.hk-studio-dialog footer button{min-height:38px;border:1px solid #afc2b9;border-radius:5px;background:#fff;padding:0 13px}.hk-studio-dialog footer .primary-btn{background:#176047;color:#fff}.hk-version-list{display:grid;gap:8px;max-height:420px;overflow:auto}.hk-version-list article{display:flex;justify-content:space-between;gap:12px;border:1px solid #d6e0dc;border-radius:6px;padding:10px}.hk-version-list article div{display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.hk-version-list article span{font-size:10px;color:#6b7d76}.hk-version-list article p{grid-column:1/-1;font-size:12px}.hk-version-actions{display:flex;align-items:center;gap:6px}.hk-version-list article button{align-self:center;border:1px solid #b3c4bc;border-radius:5px;background:#fff;padding:7px}.hk-affected-stacks{display:flex;flex-wrap:wrap;gap:5px}.hk-affected-stacks span{border-radius:99px;background:#edf3f0;padding:5px 8px;font-size:10px}
@media(max-width:1000px){.hk-studio-workspace{grid-template-columns:1fr}.hk-area-settings{border-left:0;border-top:1px solid #cbd7d2}.hk-studio-canvas{min-width:720px}.hk-studio-header{align-items:flex-start;flex-direction:column}.hk-studio-status{align-self:flex-start}}
@media(max-width:620px){.hk-edit-map-btn{display:none!important}.hk-studio-mobile-note{display:block}.hk-map-studio{display:none!important}.hk-dialog-grid{grid-template-columns:1fr}}