@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.coordinate-grabber{margin:20px 0;padding:20px;border:1px solid #3A3A3A;border-radius:8px;background:#f8e9d6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-shadow:0 2px 4px #3a3a3a26}@media (min-width: 769px){.coordinate-grabber{margin:20px auto;max-width:1200px;padding:20px 40px}}.area-selector-header{margin-bottom:16px;text-align:center}.area-selector-title{font-family:Newake,Inter,sans-serif;font-size:18px;font-weight:600;margin:0 0 4px;color:#3a3a3a;line-height:1.3;text-align:center}.area-selector-subtitle{font-size:14px;color:#666;margin:0;line-height:1.4}.area-selector-content{display:flex;flex-direction:column;gap:16px}.map-container{position:relative;height:350px;border-radius:6px;overflow:hidden;border:1px solid #ddd;background-color:#f8f9fa}.map-style-selector{position:absolute;top:10px;right:10px;z-index:1001;display:flex;gap:4px;background:#fffffff2;border-radius:6px;padding:4px;box-shadow:0 2px 8px #00000026}.style-btn{background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;color:#3a3a3a;cursor:pointer;transition:all .2s ease;min-width:60px;text-align:center}.style-btn:hover{background:#f5f5f5;border-color:#bbb}.style-btn.active{background:#3a3a3a;color:#f8e9d6;border-color:#3a3a3a}.area-map{width:100%;height:100%}.rectangle-overlay{position:absolute;top:50%;left:50%;width:200px;height:116px;transform:translate(-50%,-50%);transform-origin:center center;z-index:1000;border:3px solid #3A3A3A!important;background-color:transparent;pointer-events:none;border-radius:4px;transition:transform .3s ease}.engraving-text{position:absolute;top:100%;left:0;width:100%;height:24px;background-color:#3a3a3a;color:#f8e9d6;font-family:Newake,Arial,sans-serif;font-size:12px;font-weight:700;text-align:center;line-height:24px;letter-spacing:1px;pointer-events:none;z-index:1003;border-radius:0 0 4px 4px}.template-overlay.visible{display:block}.distance-overlay{position:absolute;background:#3a3a3ae6;color:#f8e9d6;padding:3px 6px;border-radius:3px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:1003}.horizontal-distance{top:-40px;left:50%;transform:translate(-50%)}.vertical-distance{left:-50px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed}.mapboxgl-ctrl-compass{display:none!important}.area-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0}.confirm-area-button,.clear-area-button{padding:20px!important;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:120px;text-align:center}.confirm-area-button{background-color:#3a3a3a;color:#f8e9d6;box-shadow:0 2px 4px #3a3a3a33}.confirm-area-button:hover:not(:disabled){background-color:#2a2a2a;transform:translateY(-1px);box-shadow:0 4px 8px #3a3a3a4d}.confirm-area-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #3a3a3a33}.confirm-area-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}#confirm-area{padding:20px!important;min-height:60px!important;box-sizing:border-box!important}.final-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px;align-items:center}.final-cart-button{width:100%!important;max-width:300px!important;padding:16px 24px!important;font-size:16px!important;font-weight:600!important;border-radius:6px!important;margin:0!important;box-sizing:border-box!important}button#confirm-order.confirm-order-button{background-color:#3a3a3a!important;color:#f8e9d6!important;border:none!important;padding:20px 24px!important;border-radius:6px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;width:100%!important;max-width:300px!important;min-height:60px!important;box-sizing:border-box!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}button#confirm-order.confirm-order-button:hover:not(:disabled){background-color:#2a2a2a!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #3a3a3a4d!important}button#confirm-order.confirm-order-button:disabled{background-color:#dd7531!important;color:#3a3a3a!important;cursor:not-allowed!important;opacity:.7!important;transform:none!important;box-shadow:none!important}button#confirm-order.confirm-order-button:active:not(:disabled){background-color:#1a1a1a!important;transform:translateY(0)!important;box-shadow:0 2px 4px #3a3a3a33!important}.change-selection-button{background-color:#dd7531;color:#f8e9d6;border:none;padding:20px 24px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #dd753133;max-width:100px;width:100%}.change-selection-button:hover{background-color:#c86429;color:#3a3a3a;transform:translateY(-1px);box-shadow:0 4px 8px #dd75314d}.change-selection-button:active{background-color:#b55a24;transform:translateY(0);box-shadow:0 2px 4px #dd753133}.clear-area-button{background-color:#f8e9d6;color:#3a3a3a;border:1px solid #3A3A3A;box-shadow:0 1px 2px #3a3a3a1a}.clear-area-button:hover{background-color:#ede0cc;border-color:#2a2a2a;transform:translateY(-1px);box-shadow:0 2px 4px #3a3a3a26}.clear-area-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.area-display{background-color:#f8e9d6;border:none;border-radius:6px;padding:16px;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.area-display p{margin:0;line-height:1.5;color:#495057;font-size:14px}.area-display.has-data{text-align:left;background-color:#f8e9d6;border:none;color:#3a3a3a}.area-display.has-data p{font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px;white-space:pre-line;color:#3a3a3a}.coordinate-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#3a3a3a;color:#f8e9d6;display:flex;align-items:center;justify-content:center;cursor:not-allowed;z-index:1000;pointer-events:auto;border-radius:6px;font-size:16px;font-weight:600;text-align:center;min-height:48px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.coordinate-grabber.loading{opacity:.7;pointer-events:none}.coordinate-grabber.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #3A3A3A;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.area-display.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}@media (max-width: 768px){.coordinate-grabber{padding:16px;margin:16px 0}.area-selector-title{font-size:16px}.area-selector-subtitle{font-size:13px}.map-container{height:320px!important}.rectangle-overlay{width:160px;height:93px;border-width:2px}.rectangle-overlay.portrait{width:93px;height:160px}.area-controls{flex-direction:column;gap:10px;justify-content:center!important;align-items:center!important;text-align:center!important}.confirm-area-button,.clear-area-button{width:100%!important;max-width:280px!important;padding:20px 16px!important;text-align:center!important;margin:0 auto!important}.area-display{padding:14px}.area-display p{font-size:13px}.area-display.has-data p{font-size:12px}}.area-selected-controls{display:flex;gap:12px;justify-content:center;margin:20px 0}button#confirm-area.confirm-area-button{padding:20px 24px!important;background-color:#3a3a3a!important;color:#f8e9d6!important;border:none!important;border-radius:6px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;min-height:60px!important;box-sizing:border-box!important;width:100%!important;max-width:300px!important}button#confirm-area.confirm-area-button:hover:not(:disabled){background-color:#2a2a2a!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #3a3a3a4d!important}button#confirm-area.confirm-area-button:disabled{background-color:#dd7531!important;color:#3a3a3a!important;cursor:not-allowed!important;opacity:.7!important;transform:none!important;box-shadow:none!important}button#clear-area.clear-area-button{padding:20px 16px!important;background-color:#f8e9d6!important;border:1px solid #3A3A3A!important;border-radius:4px!important;color:#3a3a3a!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important;min-height:60px!important;box-sizing:border-box!important}button#clear-area.clear-area-button:hover{background-color:#ede0cc!important;border-color:#2a2a2a!important}button#continue-step2.continue-area-button{padding:20px 16px!important;background-color:#3a3a3a!important;border:none!important;border-radius:4px!important;color:#f8e9d6!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important;min-height:60px!important;box-sizing:border-box!important}button#continue-step2.continue-area-button:hover{background-color:#2a2a2a!important}@media (max-width: 480px){.coordinate-grabber{padding:12px;margin:12px 0}.area-selector-title{font-size:15px}.map-container{height:220px}.rectangle-overlay{width:140px;height:81px;border-width:1.5px}.area-controls{justify-content:center!important;align-items:center!important;text-align:center!important}.confirm-area-button,.clear-area-button{font-size:13px;padding:18px 14px!important;width:100%!important;max-width:260px!important;text-align:center!important;margin:0 auto!important}.area-display{padding:12px;min-height:50px}}@media (prefers-contrast: high){.coordinate-grabber{border-color:#000}.rectangle-overlay{border-color:#3a3a3a;box-shadow:0 0 0 2px #000}.confirm-area-button{background-color:#0056b3}.area-display.has-data{background-color:#d4edda;border-color:#155724}}@media (prefers-reduced-motion: reduce){.confirm-area-button,.clear-area-button,.area-display{transition:none}.confirm-area-button:hover:not(:disabled),.clear-area-button:hover{transform:none}@keyframes spin{to{transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/area-selector.css.map */