:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#213547;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;position:fixed;width:100%}.app{height:100%;display:flex;flex-direction:column}.app-header{padding:.6rem 1.5rem;background:#1a1a2e;color:#fff;flex-shrink:0;display:flex;align-items:baseline;gap:.75rem}.app-header h1{font-size:1.25rem;font-weight:700;letter-spacing:.02em}.app-header .tagline{font-size:.8rem;color:#ffffff80;font-weight:400}.header-links{margin-left:auto;display:flex;gap:.75rem}.credits-link{background:none;border:none;color:#ffffff80;font-size:.8rem;cursor:pointer;padding:0;text-decoration:none;transition:color .15s}.credits-link:hover{color:#fff}.credits-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.credits-modal{background:#fff;border-radius:10px;padding:1.5rem;max-width:520px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.credits-modal h2{font-size:1.1rem;margin-bottom:1rem}.credits-modal h3{font-size:.9rem;font-weight:600;margin-bottom:.3rem}.credits-modal section{margin-bottom:1rem}.credits-modal p,.credits-modal li{font-size:.8rem;color:#444;line-height:1.5}.credits-modal ul{margin:.4rem 0 0 1.2rem}.credits-modal li{margin-bottom:.2rem}.credits-modal a{color:#2563eb;text-decoration:none}.credits-modal a:hover{text-decoration:underline}.credits-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.4rem;color:#888;cursor:pointer;line-height:1;padding:.2rem}.credits-close:hover{color:#333}.feedback-form{display:flex;flex-direction:column;gap:.75rem}.feedback-field{display:flex;flex-direction:column;gap:.25rem}.feedback-field label{font-size:.8rem;font-weight:600;color:#333}.feedback-field .optional-label{font-weight:400;color:#999}.feedback-select,.feedback-textarea,.feedback-email{padding:.4rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:.85rem;font-family:inherit;outline:none;background:#fff}.feedback-select:focus,.feedback-textarea:focus,.feedback-email:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.feedback-textarea{resize:vertical;min-height:80px}.feedback-char-count{font-size:.65rem;color:#999;text-align:right}.feedback-submit{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.feedback-submit:hover:not(:disabled){background:#1d4ed8}.feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-error{color:#dc2626;font-size:.8rem}.feedback-success{text-align:center;padding:1rem 0;color:#16a34a;font-size:.9rem}.feedback-context{font-size:.7rem;color:#999;background:#f9fafb;border-radius:6px;padding:.5rem}.app-layout{display:flex;flex:1;min-height:0}.panel{flex:1;min-width:0}.panel-left{border-right:1px solid #e0e0e0}.map-panel{height:100%;display:flex;flex-direction:column}.map-section{display:flex;flex-direction:column;flex:1;min-height:0;background:#f5f5f5}.controls-section .generate-bar{display:none}.controls-bar{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-shrink:0}.option-picker{display:flex;flex-direction:column;gap:.15rem}.option-picker label{font-size:.75rem;color:#555}.option-cards{display:flex;gap:.35rem}.option-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.25rem;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.option-card:hover{border-color:#93c5fd;background:#f0f7ff}.option-card.active{border-color:#2563eb;background:#eff6ff}.option-card img{width:108px;height:60px;border-radius:3px}.option-card span{font-size:.7rem;color:#555;line-height:1}.initials-row{display:flex;align-items:center;gap:.4rem;margin-top:.25rem}.initials-label{font-size:.75rem;color:#555}.map-section .search-bar{margin:.5rem .75rem;width:auto}.search-bar{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;outline:none}.search-bar:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.radius-slider{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:140px}.radius-slider label{font-size:.75rem;color:#555}.radius-slider input[type=range]{width:100%;accent-color:#2563eb}.mode-picker{display:flex;flex-direction:column;gap:.15rem}.mode-picker label{font-size:.75rem;color:#555}.mode-cards{display:flex;gap:.35rem}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.25rem;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.mode-card:hover{border-color:#93c5fd;background:#f0f7ff}.mode-card.active{border-color:#2563eb;background:#eff6ff}.mode-card img{width:108px;height:60px;border-radius:3px}.mode-card span{font-size:.7rem;color:#555;line-height:1}.initials-input{display:flex;align-items:center;gap:.2rem}.initials-input input{width:1.6rem;padding:.3rem;border:1px solid #ccc;border-radius:6px;font-size:.85rem;text-align:center;text-transform:uppercase;outline:none}.initials-input input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.initials-plus{font-size:.75rem;color:#888}.separate-parts-toggle{display:flex;align-items:center;padding-bottom:.1rem}.separate-parts-toggle label{font-size:.85rem;color:#555;display:flex;align-items:center;gap:.3rem;cursor:pointer;white-space:nowrap}.separate-parts-toggle input[type=checkbox]{accent-color:#2563eb}.inscription-input{display:flex;flex-direction:column;gap:.15rem}.inscription-input label{font-size:.75rem;color:#555}.inscription-input textarea{padding:.3rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:.85rem;font-family:inherit;resize:none;outline:none}.inscription-input textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.inscription-count{font-size:.65rem;color:#999;text-align:right}.generate-bar{padding:.75rem;background:#f5f5f5;border-top:1px solid #e0e0e0;flex-shrink:0}.location-header{padding:.6rem .75rem;background:linear-gradient(135deg,#1a1a2e,#2d2d4a);color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.location-header.mobile-only{display:none}.location-name{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generate-btn{width:100%;padding:.6rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.generate-btn:hover:not(:disabled){background:#1d4ed8}.generate-btn:disabled{background:#93c5fd;cursor:not-allowed}.preview-panel{height:100%;display:flex;flex-direction:column;background:#fafafa}.stl-viewer{flex:1;min-height:0}.stl-viewer canvas{display:block}.model-viewer{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.model-viewer model{width:100%;height:100%}.placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;gap:1rem;padding:2rem;text-align:center}.placeholder.error{color:#dc2626}.download-row{display:flex;gap:.5rem;margin:.75rem}.download-row .download-btn{flex:1;margin:0}.download-btn{display:inline-block;margin:.75rem;padding:.5rem 1rem;background:#16a34a;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s;text-decoration:none;text-align:center}.download-btn:hover{background:#15803d}.spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-tab-bar{display:none}@media(max-width:1450px){.app-header .tagline{display:none}.location-header.mobile-only{display:flex}.app-layout{flex-direction:column;padding-bottom:48px}.panel-left{border-right:none}.app[data-active-tab=options] .panel-left{flex:1}.app[data-active-tab=options] .panel-left .map-section,.app[data-active-tab=options] .panel-right{display:none}.app[data-active-tab=map] .panel-left{flex:1}.app[data-active-tab=map] .panel-left .controls-section,.app[data-active-tab=map] .panel-right{display:none}.app[data-active-tab=preview] .panel-right{flex:1}.app[data-active-tab=preview] .panel-left{display:none}.controls-section{display:flex;flex-direction:column;flex:1;min-height:0}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:48px;background:#1a1a2e;z-index:100}.mobile-tab{flex:1;background:none;border:none;color:#ffffff80;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .15s,background .15s}.mobile-tab.active{color:#fff;background:#ffffff1a}.controls-bar{overflow-y:auto;flex-shrink:1}.radius-slider{min-width:0}.mode-cards{overflow-x:auto;-webkit-overflow-scrolling:touch}.mode-card{padding:.2rem;flex-shrink:0}.mode-card img{width:80px;height:44px}.option-cards{overflow-x:auto;-webkit-overflow-scrolling:touch}.option-card{padding:.2rem;flex-shrink:0}.option-card img{width:80px;height:44px}}