.qrcg-app {
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
        .tab-active { border-color: #4f46e5; background-color: #eef2ff; color: #4f46e5; font-weight: 600; }
        button:disabled { opacity: 0.5; cursor: not-allowed; }
        summary { list-style: none; }
        summary::-webkit-details-marker { display: none; }
        summary::after { content: '▼'; float: right; transition: transform 0.2s; font-size: 0.8em; margin-top: 6px; }
        details[open] > summary::after { transform: rotate(180deg); }
        .style-btn-active { box-shadow: 0 0 0 2px #4f46e5; }
        #flyer-map-picker { height: 220px; border-radius: 0.375rem; overflow: hidden; position: relative; z-index: 0; }
        #flyer-map-pin { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -100%); z-index: 1000; pointer-events: none; font-size: 2rem; line-height: 1; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3)); }
        .qrcg-password-field { position: relative; }
        .qrcg-password-toggle {
            position: absolute;
            right: 0.5rem;
            top: 50%;
            transform: translateY(-50%);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.25rem;
            color: #64748b;
            border: none;
            background: transparent;
            cursor: pointer;
            border-radius: 0.25rem;
        }
        .qrcg-password-toggle:hover { color: #334155; }
        .qrcg-password-toggle:focus-visible { outline: 2px solid #818cf8; outline-offset: 2px; }