.scan-area-manager{margin-top:24px;overflow:visible}
.scan-area-manager>.panel-heading{align-items:flex-start;gap:20px;margin-bottom:22px}
.scan-area-manager>.panel-heading p:not(.eyebrow){max-width:760px;margin:7px 0 0;color:#66776d;line-height:1.55}
.scan-area-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:24px;align-items:start}
.scan-area-form,.saved-area-list,.keyword-area-assignments{border:1px solid #dce6df;border-radius:17px;background:#fbfcfa;padding:18px}
.scan-area-form>.form-grid{grid-template-columns:1.4fr .8fr .7fr;margin-bottom:13px}
.area-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px;padding:5px;background:#eaf0ec;border-radius:13px}
.area-mode-buttons button{border:0;border-radius:9px;padding:11px 12px;background:transparent;color:#51625a;font-weight:750;cursor:pointer}
.area-mode-buttons button.active{background:#fff;color:#173d31;box-shadow:0 3px 12px rgba(24,61,49,.1)}
.scan-area-editor{position:relative;margin-bottom:15px}
.scan-area-editor-map{height:430px;border:1px solid #cbd9d1;border-radius:16px;overflow:hidden;background:#dfe9e3;z-index:1}
.scan-area-editor-hint{position:absolute;z-index:500;top:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);padding:8px 12px;border-radius:999px;background:rgba(18,37,30,.9);color:#fff;font-size:12px;font-weight:750;text-align:center;pointer-events:none;box-shadow:0 5px 18px rgba(10,30,23,.17)}
.scan-area-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.scan-area-editor-actions span{margin-right:auto;color:#63746a;font-size:12px;font-weight:700}
.scan-area-editor-actions button,.saved-area-list article button{border:1px solid #cddbd3;border-radius:8px;background:#fff;padding:7px 10px;color:#27493d;font-size:12px;font-weight:750;cursor:pointer}
.scan-area-editor-actions button:disabled{opacity:.45;cursor:not-allowed}
.scan-area-editor [data-area-map-status]{min-height:18px;margin:9px 1px 0;color:#65766c;font-size:12px}
.scan-area-vertex-icon{background:transparent!important;border:0!important}
.scan-area-vertex-icon span{display:grid;width:30px;height:30px;place-items:center;border:3px solid #fff;border-radius:50%;background:#ff6b3d;color:#fff;font:800 12px/1 system-ui;box-shadow:0 5px 16px rgba(90,35,16,.28);cursor:grab}
.scan-area-center-icon{background:transparent!important;border:0!important}
.scan-area-center-icon span{display:grid;width:28px;height:28px;place-items:center;border:3px solid #fff;border-radius:50%;background:#173d31;color:#fff;font:800 18px/1 system-ui;box-shadow:0 5px 16px rgba(13,48,37,.25)}
.scan-area-message{min-height:20px;margin:11px 0 0;font-size:13px;font-weight:700}
.scan-area-message.success{color:#168653}.scan-area-message.error{color:#bf3f39}
.scan-area-manager.is-busy{opacity:.78;pointer-events:none}
.saved-area-column{display:grid;gap:16px}
.saved-area-list h3,.keyword-area-assignments h3{margin:0 0 12px;color:#193f33;font-size:16px}
.saved-area-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #e3eae6}
.saved-area-list article:first-of-type{border-top:0}
.saved-area-list article .area-shape{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#e5f2eb;color:#176c50;font-size:22px}
.saved-area-list article .area-shape.polygon{background:#fff0e9;color:#e55e32}
.saved-area-list article div:nth-child(2){min-width:0}
.saved-area-list article b,.saved-area-list article small{display:block;overflow:hidden;text-overflow:ellipsis}
.saved-area-list article b{color:#193f33}.saved-area-list article small{margin-top:3px;color:#718077;font-size:11px;white-space:normal;line-height:1.4}
.saved-area-list article>div:last-child{display:flex;gap:5px}
.saved-area-list article button.delete-area{border-color:#f1c9c4;color:#b7463e}
.scan-area-empty{margin:0;color:#718077;font-size:13px;line-height:1.5}
.keyword-area-assignments>p{margin:-5px 0 13px;color:#718077;font-size:12px;line-height:1.45}
.keyword-area-assignments label{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.8fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid #e3eae6}
.keyword-area-assignments label span{min-width:0}
.keyword-area-assignments label b,.keyword-area-assignments label small{display:block;overflow:hidden;text-overflow:ellipsis}
.keyword-area-assignments label b{color:#1f4237;font-size:13px}.keyword-area-assignments label small{margin-top:3px;color:#7a8880;font-size:11px}
.keyword-area-assignments select{min-width:0;padding:9px;border:1px solid #cbd9d1;border-radius:9px;background:#fff;color:#25473c;font-size:12px}
.selected-keyword-area-runtime{display:block!important;max-width:265px;margin-top:4px;color:#a9e7c4!important;font-size:10px!important;font-weight:750;line-height:1.3}
.custom-area-pin-preview{margin:14px 0}.custom-area-pin-preview>p{display:flex;justify-content:space-between;gap:12px;color:#607169;font-size:12px}.custom-area-pin-preview>p b{color:#173d31}
.custom-result-map-canvas{height:540px;border-radius:17px;background:#dfe9e3;overflow:hidden}
#custom-result-map-runtime{position:relative;margin-top:4px}
.scan-area-native-map-hidden{display:none!important}
#custom-result-map-runtime .map-radius-badge{z-index:500}

@media (max-width:1050px){
  .scan-area-layout{grid-template-columns:1fr}
  .saved-area-column{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .scan-area-manager{margin-top:16px}
  .scan-area-manager>.panel-heading{display:block}
  .scan-area-manager>.panel-heading>.button{margin-top:12px}
  .scan-area-form,.saved-area-list,.keyword-area-assignments{padding:14px;border-radius:14px}
  .scan-area-form>.form-grid{grid-template-columns:1fr}
  .area-mode-buttons{grid-template-columns:1fr}
  .scan-area-editor-map{height:390px}
  .scan-area-editor-hint{top:10px;border-radius:12px;font-size:10px;line-height:1.35}
  .saved-area-column{grid-template-columns:1fr}
  .saved-area-list article{grid-template-columns:38px minmax(0,1fr)}
  .saved-area-list article>div:last-child{grid-column:2}
  .keyword-area-assignments label{grid-template-columns:1fr}
  .custom-result-map-canvas{height:470px}
}