@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}.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;min-height:60px;box-sizing:border-box}.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}.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}}}.map-preview-block{margin-top:16px;text-align:center}.map-preview-title{font-size:14px;margin-bottom:8px;color:#3a3a3a;font-weight:600}.map-preview-container{border-radius:6px;overflow:hidden;border:1px solid #ddd;background:#fff;box-shadow:0 2px 6px #0000000f;max-width:420px;margin:0 auto}#topomap-preview-img{width:100%;height:100%;object-fit:cover;display:block}#topomap-preview-status{font-size:13px;color:#666;margin-top:8px}.confirmation-header{text-align:center;margin-bottom:24px}.ready-message{color:#28a745;font-size:18px;font-weight:600;margin:0;font-family:Inter,sans-serif}.confirmation-details{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.detail-section{background:#f8e9d6;border:1px solid #3A3A3A;border-radius:6px;padding:16px;text-align:center}.detail-title{font-size:14px;font-weight:600;color:#3a3a3a;margin:0 0 12px;font-family:Inter,sans-serif}.map-snapshot-container{display:flex;justify-content:center}.map-snapshot{max-width:300px;width:100%;height:auto;border:2px solid #3A3A3A;border-radius:6px;box-shadow:0 2px 8px #0000001a}.coordinates-display{display:flex;flex-direction:column;gap:8px}.coordinate-line{display:flex;justify-content:space-between;align-items:center;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px}.coord-label{font-weight:600;color:#3a3a3a}.coord-value{color:#666}.engraving-value{font-size:16px;font-family:Newake,Inter,sans-serif;color:#3a3a3a;margin-top:4px;font-weight:600;letter-spacing:1px}.preview-section{background:#f8e9d6;border:1px solid #3A3A3A}.preview-container{display:flex;flex-direction:column;align-items:center;gap:12px}.preview-status{font-size:13px;color:#666;font-style:italic}.loading-bar-container{width:100%;max-width:300px;height:6px;background-color:#3a3a3a;border-radius:3px;overflow:hidden;margin:8px 0;display:none}.loading-bar-fill{height:100%;background:#dd7531;border-radius:3px;width:0%;transition:width .3s ease}.loading-bar-fill.queued{background:linear-gradient(90deg,#6c757d,#adb5bd,#6c757d);animation:loading-bar-animation 3s ease-in-out infinite}.loading-bar-fill.initializing{background:linear-gradient(90deg,#17a2b8,#20c997,#17a2b8);animation:loading-bar-animation 2.5s ease-in-out infinite}.loading-bar-fill.fetching{background:linear-gradient(90deg,#007bff,#6610f2,#007bff);animation:loading-bar-animation 2s ease-in-out infinite}.loading-bar-fill.generating{background:linear-gradient(90deg,#28a745,#20c997,#28a745);animation:loading-bar-animation 1.8s ease-in-out infinite}.loading-bar-fill.rendering{background:linear-gradient(90deg,#fd7e14,#ffc107,#fd7e14);animation:loading-bar-animation 1.5s ease-in-out infinite}.loading-bar-fill.finalizing{background:linear-gradient(90deg,#6f42c1,#e83e8c,#6f42c1);animation:loading-bar-animation 1.2s ease-in-out infinite}.loading-bar-fill.complete{background:linear-gradient(90deg,#28a745,#20c997,#28a745);animation:none}.loading-bar-fill.error{background:linear-gradient(90deg,#dc3545,#e83e8c,#dc3545);animation:none}@keyframes loading-bar-animation{0%{width:0%;background-position:0% 50%}50%{width:70%;background-position:100% 50%}to{width:100%;background-position:0% 50%}}.loading-bar-container.show{display:block}.preview-image{max-width:1000px;width:100%;height:auto}.step3-actions{display:flex;flex-direction:column;gap:16px;align-items:center}.cart-button-container{width:100%;display:flex;justify-content:center}.notification-text{font-size:14px;line-height:1.5;color:#495057;text-align:center;width:100%;margin:16px 0}@media (max-width: 768px){.confirmation-details{gap:16px}.detail-section{padding:12px}.map-snapshot{max-width:250px}.coordinate-line{flex-direction:column;gap:4px;text-align:center}.notification-text{font-size:13px;margin:12px 0}}.glb-preview-container{margin:24px 0;text-align:center}.glb-preview-title{font-family:Newake,Inter,sans-serif;font-size:18px;font-weight:600;color:#3a3a3a;margin:0 0 12px}.glb-viewer-container{position:relative;width:100%;height:300px;background:#3a3a3a;overflow:hidden;margin:12px 0}.glb-viewer-canvas{width:100%;height:100%;display:block}.glb-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#3a3a3a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f8e9d6;z-index:10}.glb-spinner{width:40px;height:40px;border:3px solid rgba(248,233,214,.2);border-top-color:#f8e9d6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.glb-loading-text{font-size:14px;font-weight:500}.glb-preview-status{font-size:13px;color:#666;font-style:italic;margin-top:8px}.glb-progress-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3a3a3aeb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#f8e9d6;z-index:15;opacity:0;pointer-events:none;transition:opacity .2s ease}.glb-progress-overlay.active{opacity:1;pointer-events:auto}.glb-progress-bar{position:relative;width:70%;max-width:320px;height:8px;border-radius:4px;background:#f8e9d633;border:1px solid rgba(248,233,214,.35);overflow:hidden}.glb-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#dd7531,#f6b36e);transform-origin:left center;transform:scaleX(0);transition:transform .25s ease;box-shadow:0 0 6px #f6b36e59}.glb-progress-text{font-size:14px;font-weight:600;text-align:center;letter-spacing:.02em}.glb-viewer-container-final{position:relative;width:100%;height:400px;background:#3a3a3a;overflow:hidden;margin:12px 0}.glb-viewer-canvas-final{width:100%;height:100%;display:block}button#continue-to-engraving.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;font-weight:600!important}button#continue-to-engraving.continue-area-button:hover{background-color:#2a2a2a!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #3a3a3a4d!important}@media (max-width: 768px){.glb-viewer-container{height:250px}.glb-viewer-container-final{height:300px}.glb-preview-container{padding:12px;margin:12px 0}}@media (max-width: 480px){.glb-viewer-container{height:200px}.glb-viewer-container-final{height:250px}.glb-preview-container{padding:10px;margin:10px 0}.glb-loading-text,.glb-preview-status{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/area-selector2.css.map */