@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Noto+Sans+JP:wght@400;600&display=swap";:root{color:#252826;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Manrope,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{color:#252826;background:#fff;min-height:100vh;max-height:100lvh;margin:0;overflow-x:hidden}#app{width:100%;margin:0 auto}@media (min-width:768px){body{justify-content:center;padding:0 20px;display:flex}#app{max-width:768px}}@media (min-width:1024px){body{padding:0 10%}#app{max-width:1024px}}a{color:#b55283}a:hover{color:#9a3d6a}#app{min-height:100vh}.auth-container[data-v-8ca33716]{flex-direction:column;align-items:center;max-width:400px;margin:0 auto;padding:2rem;display:flex}.auth-form[data-v-8ca33716]{flex-direction:column;gap:1rem;width:100%;display:flex}.form-group[data-v-8ca33716]{flex-direction:column;gap:.5rem;display:flex}.form-group label[data-v-8ca33716]{color:#333;font-weight:500}.auth-input[data-v-8ca33716]{border:1px solid #ddd;border-radius:4px;padding:.75rem;font-size:1rem;transition:border-color .2s}.auth-input[data-v-8ca33716]:focus{border-color:#4285f4;outline:none}.auth-btn[data-v-8ca33716]{color:#fff;cursor:pointer;background-color:#4285f4;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}.auth-btn[data-v-8ca33716]:hover:not(:disabled){background-color:#3367d6}.auth-btn[data-v-8ca33716]:disabled{opacity:.6;cursor:not-allowed}.toggle-btn[data-v-8ca33716]{color:#4285f4;cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:.5rem;font-size:.9rem;text-decoration:underline}.toggle-btn[data-v-8ca33716]:hover{color:#3367d6}.error-message[data-v-8ca33716]{color:#d32f2f;text-align:center;margin-top:1rem}#app[data-v-c7d9b271]{min-height:100vh;margin-bottom:70px}.main-app[data-v-c7d9b271]{flex-direction:column;width:100%;max-width:100%;height:100vh;padding:0;display:flex;overflow:hidden}@media (max-width:767px){.main-app[data-v-c7d9b271]{padding-bottom:0}}@media (min-width:1025px){.main-app[data-v-c7d9b271]{max-width:1024px;margin:0 auto}}.header-menu-modal[data-v-c7d9b271]{z-index:999;background:#0000004d;display:flex;position:fixed;inset:0}.header-menu-content[data-v-c7d9b271]{background:#f5f5f5;flex-direction:column;gap:12px;width:250px;padding:16px;display:flex;box-shadow:2px 0 8px #0000001a}.menu-user-info[data-v-c7d9b271]{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;gap:8px;padding:8px;display:flex}.user-email[data-v-c7d9b271]{color:#252826;font-size:12px}.menu-divider[data-v-c7d9b271]{background:#e0e0e0;height:1px;margin:8px 0}.menu-section[data-v-c7d9b271]{flex-direction:column;gap:8px;display:flex}.menu-section-title[data-v-c7d9b271]{color:#b55283;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e0e0e0;margin:4px 0 0;padding-bottom:6px;font-size:12px;font-weight:700}.mode-switcher[data-v-c7d9b271]{gap:8px;display:flex}.mode-button[data-v-c7d9b271]{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;padding:8px 10px;font-size:12px;font-weight:500;transition:all .3s}.mode-button[data-v-c7d9b271]:hover{background:#f0f0f0;border-color:#b55283}.mode-button.active[data-v-c7d9b271]{color:#fff;background:#b55283;border-color:#b55283}.menu-item[data-v-c7d9b271]{color:#252826;cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px 12px;font-size:14px;transition:all .3s}.menu-item[data-v-c7d9b271]:hover{background:#f0f0f0;border-color:#b55283}.menu-item.active[data-v-c7d9b271]{color:#fff;background:#b55283;border-color:#b55283}.btn-back-menu[data-v-c7d9b271]{color:#fff;background:#5296b5;border-color:#5296b5}.btn-back-menu[data-v-c7d9b271]:hover{background:#3d7fa8;border-color:#3d7fa8}.btn-signout-menu[data-v-c7d9b271]{color:#fff;background:#b55283;border-color:#b55283}.btn-signout-menu[data-v-c7d9b271]:hover{background:#9a3d6a;border-color:#9a3d6a}.catalog-admin-section[data-v-c7d9b271]{flex-direction:column;gap:8px;margin-top:4px;display:flex}.menu-sub-divider[data-v-c7d9b271]{background:#e0e0e0;height:1px;margin:6px 0}.step-nav[data-v-c7d9b271]{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;flex-shrink:0;gap:6px;margin-top:8px;margin-bottom:8px;padding:8px;display:flex}@media (min-width:768px){.step-nav[data-v-c7d9b271]{gap:8px;margin-top:12px;margin-bottom:12px;padding:12px}}.app-title[data-v-c7d9b271]{color:#b55283;text-align:center;margin:0;font-size:15px;font-weight:700}@media (min-width:768px){.app-title[data-v-c7d9b271]{font-size:18px}}.step-items[data-v-c7d9b271]{justify-content:space-between;gap:2px;display:flex}@media (min-width:768px){.step-items[data-v-c7d9b271]{gap:4px}}.step-item[data-v-c7d9b271]{opacity:.5;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 2px;transition:opacity .3s;display:flex}@media (min-width:768px){.step-item[data-v-c7d9b271]{gap:4px;padding:8px 4px}}.step-item.active[data-v-c7d9b271],.step-item.completed[data-v-c7d9b271]{opacity:1}.step-number[data-v-c7d9b271]{color:#252826;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}@media (min-width:768px){.step-number[data-v-c7d9b271]{width:36px;height:36px;font-size:14px}}.step-item.active .step-number[data-v-c7d9b271]{color:#fff;background:#b55283;box-shadow:0 0 8px #b552834d}.step-item.completed .step-number[data-v-c7d9b271]{color:#fff;background:#5296b5}.step-label[data-v-c7d9b271]{color:#252826;text-align:center;word-break:break-word;max-width:45px;font-size:9px;line-height:1.2}@media (min-width:768px){.step-label[data-v-c7d9b271]{max-width:60px;font-size:11px;line-height:1.3}}.step-item.active .step-label[data-v-c7d9b271]{color:#b55283;font-weight:700}.main-content[data-v-c7d9b271]{flex-direction:column;flex:1;display:flex;overflow:hidden}.gallery-page[data-v-c7d9b271]{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.gallery-content[data-v-c7d9b271]{flex:1;padding:16px 16px 80px;overflow:hidden auto}.gallery-nav-panel[data-v-c7d9b271]{background:linear-gradient(135deg,#b55283 0%,#8b4267 100%)}.step-content[data-v-c7d9b271]{flex:1;margin-bottom:0;padding:0 16px;overflow:hidden auto}.catalog-step-content[data-v-c7d9b271]{flex:1;padding:16px 16px 80px;overflow:hidden auto}.partset-step[data-v-c7d9b271]{flex-direction:column;gap:20px;padding:16px 0 80px;display:flex}.dressed-preview-inline[data-v-c7d9b271]{background:#f5f5f5;border:2px solid #b55283;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.dressed-preview-inline h3[data-v-c7d9b271]{color:#b55283;text-align:center;margin:0;font-size:18px;font-weight:700}.dressed-preview-inline img[data-v-c7d9b271]{border-radius:8px;max-width:100%;display:block}.kisugata-selector[data-v-c7d9b271]{flex-direction:column;gap:16px;padding:16px 0;display:flex}.kisugata-selector h2[data-v-c7d9b271]{text-align:center;color:#b55283;margin:0;font-size:20px;font-weight:700}.loading[data-v-c7d9b271],.empty[data-v-c7d9b271]{text-align:center;color:#252826;padding:40px 20px;font-size:16px}.image-grid[data-v-c7d9b271]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:0;padding:0;display:grid}.image-card[data-v-c7d9b271]{cursor:pointer;touch-action:manipulation;background:#fff;border:3px solid #e0e0e0;border-radius:8px;flex-direction:column;padding:0;transition:all .3s;display:flex;overflow:hidden}.image-card[data-v-c7d9b271]:hover{border-color:#b55283;transform:translateY(-4px);box-shadow:0 2px 8px #b5528333}.image-card.selected[data-v-c7d9b271]{border-color:#b55283;box-shadow:0 0 16px #b552834d}.image-card img[data-v-c7d9b271]{aspect-ratio:3/4;object-fit:cover;border-radius:0;flex:1;width:100%;margin:0}.image-card p[data-v-c7d9b271]{color:#252826;text-align:center;margin:0;font-size:12px}.btn-next[data-v-c7d9b271]{color:#fff;cursor:pointer;touch-action:manipulation;background:#b55283;border:none;border-radius:8px;width:100%;min-height:48px;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.btn-next[data-v-c7d9b271]:hover{background:#9a3d6a;transform:translateY(-2px)}.nav-buttons[data-v-c7d9b271]{flex-shrink:0;justify-content:center;gap:8px;display:flex}.gallery-link-button[data-v-c7d9b271]{color:#fff;cursor:pointer;z-index:480;background:#b55283;border:1px solid #b55283;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:all .3s;display:flex;position:fixed;bottom:100px;left:24px;box-shadow:0 4px 4px #0000004d}.gallery-link-button[data-v-c7d9b271]:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.gallery-link-button[data-v-c7d9b271]:active{transform:scale(.95)}.gallery-link-button[data-v-c7d9b271]:disabled{color:#666;box-shadow:none;cursor:not-allowed;background:#ccc;border-color:#ccc;transform:none}.gallery-badge[data-v-c7d9b271]{color:#fff;background:#e74c3c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.bulk-delete-button[data-v-c7d9b271]{color:#fff;cursor:pointer;z-index:520;background:#2d5a3d;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:90px;left:20px;box-shadow:0 4px 12px #00000040}.bulk-delete-button[data-v-c7d9b271]:hover{background:#244831;transform:translateY(-2px)}.bulk-delete-button[data-v-c7d9b271]:active{transform:translateY(0)}.bulk-delete-button[data-v-c7d9b271]:disabled{cursor:not-allowed;background:#999;transform:none}.bulk-delete-label[data-v-c7d9b271]{line-height:1}.nav-panel-fixed[data-v-c7d9b271]{z-index:500;background:#f5f5f5;border-top:2px solid #b55283;flex-shrink:0;align-items:center;gap:8px;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}@media (min-width:768px){.nav-panel-fixed[data-v-c7d9b271]{gap:12px;padding:12px}}.btn-hamburger-nav[data-v-c7d9b271]{color:#b55283;cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:24px}@media (min-width:768px){.btn-hamburger-nav[data-v-c7d9b271]{padding:8px 12px;font-size:28px}}.btn-hamburger-nav[data-v-c7d9b271]:hover{color:#9a3d6a}.nav-buttons[data-v-c7d9b271]{-webkit-overflow-scrolling:touch;flex:1;justify-content:center;gap:6px;display:flex;overflow-x:auto}@media (min-width:768px){.nav-buttons[data-v-c7d9b271]{gap:12px}}.nav-gallery[data-v-c7d9b271]{justify-content:center;gap:6px;width:100%;display:flex}@media (min-width:768px){.nav-gallery[data-v-c7d9b271]{gap:12px}}.btn-nav[data-v-c7d9b271]{color:#fff;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#5296b5;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:12px 8px;font-size:13px;font-weight:700;transition:all .3s;display:flex}@media (min-width:768px){.btn-nav[data-v-c7d9b271]{min-height:48px;padding:16px 20px;font-size:16px}}.btn-nav.btn-primary[data-v-c7d9b271]{background:#b55283}.btn-nav.btn-recompose[data-v-c7d9b271]{color:#fff;background:#d38fb3}.btn-nav.btn-recompose[data-v-c7d9b271]:hover:not(:disabled){background:#c27aa0}.btn-nav.btn-primary[data-v-c7d9b271]:hover:not(:disabled){background:#9a3d6a;transform:translateY(-2px)}.btn-nav.btn-redressing[data-v-c7d9b271]{background:#b55283b0}.btn-nav.btn-redressing[data-v-c7d9b271]:hover:not(:disabled){background:#9a3d6ab0;transform:translateY(-2px)}.btn-nav.btn-secondary[data-v-c7d9b271]{background:#5296b5}.btn-nav.btn-secondary[data-v-c7d9b271]:hover:not(:disabled){background:#3d7fa8;transform:translateY(-2px)}.btn-nav[data-v-c7d9b271]:hover:not(:disabled){transform:translateY(-2px)}.btn-nav[data-v-c7d9b271]:disabled{cursor:not-allowed;background:#ccc}.btn-back-to-partset[data-v-c7d9b271]{color:#fff;background:#5296b5;flex:7}.btn-back-to-partset[data-v-c7d9b271]:hover{background:#3d7fa8;transform:translateY(-2px)}.btn-reset[data-v-c7d9b271]{color:#fff;background:#b55283;flex:3}.btn-reset[data-v-c7d9b271]:hover{background:#9a3d6a;transform:translateY(-2px)}.api-key-prompt[data-v-c7d9b271]{background:#f5f5f5;border:2px solid #b55283;border-radius:12px;max-width:400px;padding:20px;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0000001a}.api-key-prompt h3[data-v-c7d9b271]{color:#b55283;margin-top:0;margin-bottom:12px;font-size:16px}.api-key-prompt input[data-v-c7d9b271]{color:#252826;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;margin-bottom:12px;padding:10px}.api-key-modal[data-v-c7d9b271]{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.api-key-modal .modal-overlay[data-v-c7d9b271]{background:#0000004d;position:absolute;inset:0}.api-key-modal .modal-content[data-v-c7d9b271]{background:#fff;border:2px solid #b55283;border-radius:12px;width:90%;max-width:500px;padding:20px;position:relative;box-shadow:0 10px 40px #00000026}@media (min-width:768px){.api-key-modal .modal-content[data-v-c7d9b271]{padding:40px}}.api-key-modal h2[data-v-c7d9b271]{color:#b55283;margin-top:0;margin-bottom:8px;font-size:18px}@media (min-width:768px){.api-key-modal h2[data-v-c7d9b271]{margin-bottom:12px;font-size:24px}}.modal-description[data-v-c7d9b271]{color:#252826;margin-bottom:16px;font-size:13px;line-height:1.6}@media (min-width:768px){.modal-description[data-v-c7d9b271]{margin-bottom:24px;font-size:14px}}.api-key-input[data-v-c7d9b271]{color:#252826;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;width:100%;margin-bottom:16px;padding:12px;font-size:14px}.api-key-input[data-v-c7d9b271]:focus{border-color:#b55283;outline:none}.api-key-form[data-v-c7d9b271]{flex-direction:column;display:flex}.api-key-modal .btn-save[data-v-c7d9b271]{color:#fff;cursor:pointer;background:#b55283;border:none;border-radius:6px;width:100%;margin-bottom:16px;padding:12px;font-size:16px;font-weight:600;transition:background .3s}.api-key-modal .btn-save[data-v-c7d9b271]:hover:not(:disabled){background:#9a3d6a}.api-key-modal .btn-save[data-v-c7d9b271]:disabled{cursor:not-allowed;opacity:.6;background:#ccc}.modal-buttons[data-v-c7d9b271]{gap:12px;margin-bottom:16px;display:flex}.modal-buttons button[data-v-c7d9b271]{cursor:pointer;border:none;border-radius:6px;flex:1;padding:12px;font-size:16px;font-weight:600;transition:background .3s}.btn-cancel[data-v-c7d9b271]{color:#252826;background:#e0e0e0;border:1px solid #d0d0d0}.btn-cancel[data-v-c7d9b271]:hover{background:#d0d0d0}.api-key-hint[data-v-c7d9b271]{color:#252826;text-align:center;margin:0;font-size:12px}.api-key-hint a[data-v-c7d9b271]{color:#b55283;text-decoration:none}.api-key-hint a[data-v-c7d9b271]:hover{text-decoration:underline}.reset-confirm-modal[data-v-c7d9b271]{z-index:2000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}@media (min-width:768px){.reset-confirm-modal[data-v-c7d9b271]{padding:20px}}.reset-modal[data-v-c7d9b271]{text-align:center;background:#fff;border:2px solid #b55283;border-radius:12px;width:100%;max-width:400px;padding:20px 16px;position:relative}@media (min-width:768px){.reset-modal[data-v-c7d9b271]{padding:32px 24px}}.reset-modal h3[data-v-c7d9b271]{color:#b55283;margin:0 0 16px;font-size:17px;font-weight:700}@media (min-width:768px){.reset-modal h3[data-v-c7d9b271]{margin:0 0 20px;font-size:20px}}.reset-message[data-v-c7d9b271]{color:#252826;margin:0 0 20px;font-size:14px;line-height:1.6}@media (min-width:768px){.reset-message[data-v-c7d9b271]{margin:0 0 24px;font-size:16px}}.reset-modal-buttons[data-v-c7d9b271]{flex-direction:column;gap:12px;display:flex}.reset-modal-buttons button[data-v-c7d9b271]{cursor:pointer;touch-action:manipulation;border:none;border-radius:8px;min-height:44px;padding:14px 20px;font-size:16px;font-weight:700;transition:all .3s}.reset-modal-buttons .btn-cancel[data-v-c7d9b271]{color:#252826;background:#e0e0e0;border:1px solid #d0d0d0}.reset-modal-buttons .btn-cancel[data-v-c7d9b271]:hover{background:#d0d0d0;transform:translateY(-2px)}.btn-confirm[data-v-c7d9b271]{color:#fff;background:#b55283}.btn-confirm[data-v-c7d9b271]:hover{background:#9a3d6a;transform:translateY(-2px)}.btn-save[data-v-c7d9b271]{color:#fff;cursor:pointer;background:#b55283;border:none;border-radius:6px;width:100%;padding:10px}.btn-save[data-v-c7d9b271]:hover{background:#9a3d6a}.api-test-status[data-v-c7d9b271]{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.api-test-status.testing[data-v-c7d9b271]{color:#a0ff9d;background:#4a7c59}.api-test-status.success[data-v-c7d9b271]{color:#42b983;background:#2d5a3d}.api-test-status.error[data-v-c7d9b271]{color:#ff6b6b;background:#5a2d2d}.success-text[data-v-c7d9b271]{color:#5296b5}.error-text[data-v-c7d9b271]{color:#b55283}.previous-dressed-option[data-v-c7d9b271]{z-index:490;animation:.3s ease-out slideUp-c7d9b271;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes slideUp-c7d9b271{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.btn-reuse-dressed[data-v-c7d9b271]{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#b55283 0%,#9a3d6a 100%);border:none;border-radius:24px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #b552834d}.btn-reuse-dressed[data-v-c7d9b271]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b5528366}.btn-reuse-dressed[data-v-c7d9b271]:active{transform:translateY(0)}.dev-screen-label[data-v-c7d9b271]{color:#fff;z-index:999;text-align:center;letter-spacing:.5px;background:linear-gradient(90deg,#ff6b6b 0%,#ee5a6f 100%);padding:8px 16px;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:700;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #ff6b6b4d}.dev-screen-label-gallery[data-v-c7d9b271]{top:60px}@media (max-width:768px){.dev-screen-label[data-v-c7d9b271]{padding:6px 12px;font-size:11px}.dev-screen-label-gallery[data-v-c7d9b271]{top:50px}}