:root{--brand-beige:#f5ecd7;--brand-dark-brown:#3e2723;--accent:#8d6e63;--primary:var(--accent);--primary-light:color-mix(in srgb, var(--accent) 65%, #fff);--primary-dark:color-mix(in srgb, var(--accent) 78%, #000);--accent-light:color-mix(in srgb, var(--accent) 45%, #fff);--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--panel-bg:color-mix(in srgb, var(--accent) 9%, var(--surface));--panel-section-bg:color-mix(in srgb, var(--accent) 16%, var(--bg-secondary));--panel-header-bg:color-mix(in srgb, var(--accent) 24%, var(--bg-secondary));--success:#5c8a5c;--warning:#d4a843;--error:#c1574f;--bg:var(--brand-beige);--bg-secondary:#efe3c8;--bg-tertiary:#e7d8b8;--surface:#fbf6ea;--surface-hover:#f3e9d2;--text-primary:var(--brand-dark-brown);--text-secondary:#6b554d;--text-muted:#9c8a7e;--text-inverse:#fdfaf3;--border:#ddccb0;--border-light:#e9dcc4;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 12px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 12px 24px #00000014, 0 4px 8px #0000000a;--shadow-xl:0 20px 40px #00000014, 0 8px 16px #0000000a;--radius-sm:16px;--radius-md:20px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--z-map:0;--z-panel:10;--z-header:20;--z-dialog:30;--z-toast:40}@media (prefers-color-scheme:dark){:root{--bg:#2a1d18;--bg-secondary:#34251f;--bg-tertiary:#43302a;--surface:#34251f;--surface-hover:#43302a;--text-primary:#f5ecd7;--text-secondary:#d9c8b4;--text-muted:#a08e80;--border:#4d3a32;--border-light:#3a2922;--shadow-sm:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-md:0 4px 12px #00000040, 0 2px 4px #0003;--shadow-lg:0 12px 24px #0000004d, 0 4px 8px #0003}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}#root{flex-direction:column;height:100%;display:flex}.map-container{flex:1;min-height:0;position:relative}.map-container .geolonia{width:100%;height:100%}.editor-layout{flex-direction:column;height:100%;display:flex}@media (width>=768px){.editor-layout{flex-direction:row}}.editor-panel{background:var(--panel-bg);border-top:1px solid var(--border);max-height:50vh;transition:background var(--transition-base);flex-direction:column;display:flex;overflow-y:auto}@media (width>=768px){.editor-panel{border-top:none;border-left:none;order:1;width:380px;min-width:380px;height:100%;max-height:none;box-shadow:-2px 0 16px #0000000f}}.editor-panel-header{background:var(--panel-header-bg);z-index:1;transition:background var(--transition-base);border-bottom:none;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex;position:sticky;top:0}.editor-panel-header:after{content:"";background:var(--panel-header-bg);clip-path:ellipse(55% 100% at 50% 0);height:16px;position:absolute;bottom:-16px;left:0;right:0}.logo{align-items:center;gap:8px;display:flex}.logo-text{letter-spacing:-.02em;background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.editor-panel-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.editor-panel-content>div{flex-direction:column;gap:16px;display:flex}.editor-section{background:var(--panel-section-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background var(--transition-base);padding:16px}.viewer-layout{flex-direction:column;height:100%;display:flex;position:relative}.viewer-title-bar{z-index:2;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:calc(100% - 24px);padding:10px 16px;position:absolute;top:12px;left:12px}@media (width>=768px){.viewer-title-bar{max-width:400px;top:16px;left:16px}}.viewer-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden}.viewer-branding{color:var(--text-muted);transition:color var(--transition-fast);margin-top:2px;font-size:11px;text-decoration:none;display:block}.viewer-branding:hover{color:var(--primary)}.info-panel-overlay{z-index:var(--z-panel);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0000004d;position:fixed;inset:0}.info-panel-overlay.visible{opacity:1;pointer-events:auto}.info-panel{background:var(--surface);z-index:calc(var(--z-panel) + 1);transition:transform var(--transition-slow);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:70vh;box-shadow:var(--shadow-xl);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.info-panel.visible{transform:translateY(0)}@media (width>=768px){.info-panel{border-radius:0;width:380px;max-height:none;inset:0 0 0 auto;transform:translate(100%)}.info-panel.visible{transform:translate(0)}}.info-panel-handle{background:var(--border);border-radius:var(--radius-full);z-index:1;width:36px;height:4px;margin:8px auto 4px;position:relative}.info-panel-content:before{content:"";background:var(--bg-secondary);clip-path:ellipse(55% 100% at 50% 0);z-index:0;height:16px;position:absolute;top:0;left:0;right:0}@media (width>=768px){.info-panel-handle{display:none}}.info-panel-content{padding:20px 24px 28px;position:relative}.info-panel-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), color-mix(in srgb, var(--accent) 3%, transparent));border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 20px;display:flex}.info-panel-icon-badge{border-radius:var(--radius-md);width:40px;height:40px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.info-panel-title{color:var(--text-primary);flex:1;margin-bottom:16px;font-size:18px;font-weight:700;line-height:1.3}.info-panel-close-btn{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.info-panel-field{margin-bottom:14px}.info-panel-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:600}.info-panel-close-btn:hover{background:var(--border);color:var(--text-primary)}.info-panel-fields{flex-direction:column;gap:8px;padding:16px 20px 0;display:flex}.info-panel-card{background:var(--bg-secondary);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);padding:12px 14px}.info-panel-card:hover{box-shadow:var(--shadow-sm)}.info-panel-card-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.info-panel-card-icon{font-size:14px;line-height:1}.info-panel-card-label{color:var(--text-muted);letter-spacing:.04em;font-size:11px;font-weight:700}.info-panel-card-body{color:var(--text-primary);padding-left:20px;font-size:14px;line-height:1.6}.info-panel-photos{padding:16px 20px 0}.info-panel-photo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:8px;display:grid}.info-panel-photo{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);width:100%;transition:transform var(--transition-fast)}.info-panel-photo:hover{transform:scale(1.03)}.info-panel-actions{border-top:1px solid var(--border-light);flex-direction:column;gap:8px;margin-top:16px;padding:16px 20px 0;display:flex}.info-panel-gmaps-btn{text-align:center;border-radius:var(--radius-md);width:100%;padding:10px 16px;font-size:13px}.info-panel-gmaps-btn.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));box-shadow:var(--shadow-sm)}.info-panel-gmaps-btn.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.info-panel-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.info-panel-actions .btn{border-radius:var(--radius-full)}.btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-accent{background:linear-gradient(135deg, var(--primary-light), var(--primary-dark));color:var(--text-inverse)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-sm{border-radius:var(--radius-full);padding:6px 14px;font-size:12px}.btn-icon{border-radius:var(--radius-full);padding:8px}.input-group{flex-direction:column;gap:4px;display:flex}.input-label{color:var(--text-secondary);font-size:12px;font-weight:600}.input{border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 16px;font-size:14px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:72px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card-body{padding:16px}.dialog-overlay{z-index:var(--z-dialog);animation:fadeIn var(--transition-fast) ease-out;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;animation:slideUp var(--transition-base) ease-out;padding:4px;overflow-y:auto}.dialog-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.dialog-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.dialog-body{padding:16px 24px 28px}.dialog-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.dialog-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.poi-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.poi-item{border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--surface);text-align:center;min-height:100px;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex;position:relative}.poi-item:hover{border-color:var(--primary-light);background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.poi-item.active{border-color:var(--primary);background:var(--accent-soft)}.poi-item-color{border-radius:var(--radius-md);border:1px solid #0000001a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.poi-item-name{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.poi-item-actions{gap:4px;display:flex;position:absolute;top:4px;right:4px}.selector-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.selector-option{border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--surface);font-family:var(--font-sans);color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-size:12px;display:flex}.selector-option:hover{border-color:var(--primary-light)}.selector-option.active{border-color:var(--primary);background:var(--accent-soft);color:var(--primary);font-weight:600}.color-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.color-option{aspect-ratio:1;border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.color-option.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.color-swatch{border-radius:var(--radius-full);border:1px solid #0000001a;width:24px;height:24px}.share-url-box{background:var(--bg-tertiary);border-radius:var(--radius-md);word-break:break-all;color:var(--text-secondary);max-height:80px;margin-bottom:16px;padding:12px;font-family:monospace;font-size:12px;overflow-y:auto}.share-qr{border-radius:var(--radius-md);background:#fff;justify-content:center;margin-bottom:16px;padding:16px;display:flex}.share-actions{gap:8px;display:flex}.share-actions .btn{flex:1}.url-length-warning{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.url-length-warning.warning{color:#b45309;background:#fbbf241a}.url-length-warning.error{color:#b91c1c;background:#f871711a}.section-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex}.empty-state-icon{margin-bottom:4px;font-size:40px}.empty-state-text{font-size:14px}.empty-state-hint{font-size:12px}.custom-fields-list{flex-direction:column;gap:12px;display:flex}.custom-field-row .btn-icon{border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.marker-bounce{animation:.4s ease-in-out bounce}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.coordinate-input-wrapper{gap:8px;display:flex}.coordinate-input-wrapper .input{flex:1}.osm-search{flex-direction:column;gap:8px;display:flex}.osm-search-results{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.osm-search-result{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.osm-search-result:hover{border-color:var(--primary-light);background:var(--bg-secondary)}.osm-search-result-name{color:var(--text-primary);font-size:14px;font-weight:600}.osm-search-result-address{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.style-select{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 16px;font-size:14px}.style-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.geojson-import-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.custom-fields-section{flex-direction:column;gap:8px;display:flex}.custom-field-row{align-items:flex-start;gap:8px;display:flex}.custom-field-row-inputs{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.custom-field-remove{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:22px;font-size:12px;display:flex}.custom-field-remove:hover{color:var(--error);background:#f8717126}.ba-share-marker-label{background:var(--surface);color:var(--text-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:120px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:-8px;left:50%;overflow:hidden;transform:translate(-50%)}.map-context-menu{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:auto;padding:4px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.map-context-menu-item{white-space:nowrap;width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:600;display:block}.map-context-menu-item:hover{background:var(--accent-soft,var(--bg))}.guide-step{text-align:center;padding:16px 0}.guide-step-icon{margin-bottom:8px;font-size:48px}.guide-step-number{color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.guide-step-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.guide-step-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.guide-dots{justify-content:center;gap:8px;margin:12px 0;display:flex}.guide-dot{border-radius:var(--radius-full);background:var(--border);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none;padding:0}.guide-dot.active{background:var(--primary);width:20px}.guide-actions{justify-content:center;gap:8px;margin-top:8px;display:flex}.guide-actions .btn{min-width:80px}.mobile-nav-bar{display:none}.mobile-nav-tab{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:10px;font-weight:500;display:flex}.mobile-nav-tab-icon{font-size:20px;line-height:1}.mobile-nav-tab.active{color:var(--primary);font-weight:700}@media (width<=767px){.mobile-nav-bar{background:var(--surface);border-top:1px solid var(--border);z-index:var(--z-header);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.editor-panel{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.editor-header-actions,.mobile-hidden{display:none!important}}.theme-selector-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.theme-option{border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--surface);font-family:var(--font-sans);text-align:left;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex;overflow:hidden}.theme-option:hover{border-color:var(--primary-light)}.theme-option.active{border-color:var(--primary);background:var(--accent-soft)}.theme-option-swatch{border-radius:var(--radius-full);border:1px solid #0000001f;flex-shrink:0;width:18px;height:18px}.theme-option-label{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.theme-option.active .theme-option-label{font-weight:600}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{z-index:1!important}