*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f11;--bg-2: #17171b;--bg-3: #1e1e24;--bg-4: #26262e;--border: #2e2e38;--border-light: #3a3a46;--text: #e8e8f0;--text-2: #9898b0;--text-3: #60607a;--accent: #7c6af7;--accent-2: #9b8dff;--accent-bg: rgba(124, 106, 247, .1);--accent-border: rgba(124, 106, 247, .3);--green: #3ecf8e;--green-bg: rgba(62, 207, 142, .1);--red: #f87171;--red-bg: rgba(248, 113, 113, .1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3)}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .15s ease}button:disabled{opacity:.45;cursor:not-allowed}input{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-2)}.logo-text{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.header-subtitle{font-size:12px;color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);padding:4px 10px;border-radius:20px}.app-main{flex:1;max-width:1100px;margin:0 auto;width:100%;padding:32px 24px;display:flex;flex-direction:column;gap:32px}.api-key-section{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.shopify-import-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.shopify-import-description{font-size:14px;color:var(--text-2);line-height:1.5;margin:0}.shopify-import-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.shopify-url-input{flex:1;min-width:300px;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);transition:all .2s}.shopify-url-input:hover{border-color:var(--accent)}.shopify-url-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.shopify-url-input:disabled{opacity:.6;cursor:not-allowed}.import-currency-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.import-currency-field{display:flex;align-items:center;gap:8px}.import-currency-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text-2);white-space:nowrap}.import-currency-select{padding:5px 10px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text);cursor:pointer;transition:border-color .15s}.import-currency-select:hover{border-color:var(--accent)}.import-currency-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.import-currency-select:disabled{opacity:.6;cursor:not-allowed}.import-currency-arrow{display:flex;align-items:center;gap:6px;color:var(--accent)}.import-currency-target{font-size:13px;font-weight:600;color:var(--accent)}.import-currency-note{font-size:11px;color:var(--text-3)}.import-currency-same{font-size:12px;color:var(--text-3)}.generation-mode-selector{display:flex;flex-direction:column;gap:8px}.generation-mode-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.generation-mode-options{display:flex;gap:6px}.generation-mode-btn{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;padding:9px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s;white-space:nowrap}.generation-mode-btn:hover:not(:disabled){background:var(--bg-3);border-color:var(--accent);color:var(--text-1)}.generation-mode-btn.active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent);color:var(--accent)}.generation-mode-btn:disabled{opacity:.5;cursor:not-allowed}.generation-mode-hint{font-size:12px;color:var(--text-3);margin:0;padding:6px 10px;background:var(--bg-2);border-radius:var(--radius-sm);border-left:2px solid var(--accent)}.api-key-saved{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.api-key-status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--green{background:var(--green);box-shadow:0 0 8px var(--green)}.api-key-form{display:flex;flex-direction:column;gap:12px}.form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.api-key-input-row{display:flex;gap:10px}.input-wrapper{flex:1;position:relative;display:flex;align-items:center}.api-key-input{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 44px 10px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.api-key-input:focus{border-color:var(--accent)}.api-key-input::placeholder{color:var(--text-3)}.input-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-3);padding:4px;display:flex;align-items:center}.input-toggle:hover{color:var(--text-2)}.api-key-hint{font-size:12px;color:var(--text-3)}.btn-primary{background:var(--accent);color:#fff;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--accent-2)}.btn-ghost{background:transparent;color:var(--text-2);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-3);color:var(--text)}.btn-sm{font-size:12px;padding:6px 12px}.btn-generate{width:100%;background:var(--accent);color:#fff;padding:13px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.btn-generate:hover:not(:disabled){background:var(--accent-2);transform:translateY(-1px);box-shadow:0 6px 20px #7c6af766}.btn-generate:active:not(:disabled){transform:translateY(0)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.section-heading{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px}.upload-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:768px){.upload-layout{grid-template-columns:1fr}}.uploader-wrapper{display:flex;flex-direction:column;gap:0}.uploader-tabs{display:flex;gap:0;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden;background:var(--bg-3)}.uploader-tab{display:flex;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;color:var(--text-3);background:transparent;border:none;border-right:1px solid var(--border);cursor:pointer;transition:all .15s}.uploader-tab:last-child{border-right:none}.uploader-tab:hover{color:var(--text-2);background:var(--bg-4)}.uploader-tab--active{color:var(--text);background:var(--bg-2);font-weight:600}.url-tab{background:var(--bg-2);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px;min-height:200px}.url-preview-wrap{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:220px}.url-preview-image{max-width:100%;max-height:220px;object-fit:contain;padding:8px}.url-input-row{display:flex;gap:10px;align-items:center}.url-input{flex:1;padding:10px 14px!important}.url-error{margin-top:0}.uploader-tabs+.dropzone{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none}.dropzone{background:var(--bg-2);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dropzone:hover,.dropzone--active{border-color:var(--accent);background:var(--accent-bg)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;text-align:center}.dropzone-icon{color:var(--text-3);margin-bottom:4px}.dropzone--active .dropzone-icon{color:var(--accent-2)}.dropzone-title{font-size:16px;font-weight:600;color:var(--text)}.dropzone-subtitle{font-size:14px;color:var(--text-2)}.dropzone-link{color:var(--accent-2);font-weight:500}.dropzone-hint{font-size:12px;color:var(--text-3);margin-top:4px}.preview-container{position:relative;width:100%;height:100%;min-height:260px}.preview-image{width:100%;height:100%;min-height:260px;object-fit:contain;padding:16px}.preview-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.preview-container:hover .preview-overlay{opacity:1}.preview-hint{color:#fff;font-size:14px;font-weight:500}.action-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px}.action-title{font-size:14px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.action-list{list-style:none;display:flex;flex-direction:column;gap:8px}.action-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.action-check{width:20px;height:20px;background:var(--green-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0}.error-box{background:var(--red-bg);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);padding:12px;display:flex;gap:8px;align-items:flex-start;color:var(--red);font-size:13px}.error-box p{line-height:1.5}.status-box{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);background:var(--bg-3);padding:10px 14px;border-radius:var(--radius-sm)}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.results-section{display:flex;flex-direction:column;gap:16px}.product-listing{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.listing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.listing-tabs{display:flex;gap:4px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.listing-tab{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-3);background:transparent;transition:all .15s}.listing-tab:hover{color:var(--text-2)}.listing-tab--active{background:var(--bg-2);color:var(--text);box-shadow:var(--shadow-sm)}.listing-heading{font-size:17px;font-weight:700}.listing-section{border-bottom:1px solid var(--border)}.listing-section:last-of-type{border-bottom:none}.section-header{padding:7px 24px;background:var(--bg-3);display:flex;align-items:center;gap:8px}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-3)}.section-badge{font-size:10px;font-weight:600;color:var(--text-3);background:var(--bg-4);border:1px solid var(--border);padding:1px 7px;border-radius:20px;letter-spacing:.3px}.section-body{padding:16px 24px}.text-copy-row,.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.description-row{align-items:flex-start}.section-copy-row{margin-top:10px;display:flex;justify-content:flex-end}.char-count{margin-top:6px;font-size:11px;color:var(--text-3);text-align:right}.char-count--over{color:var(--red);font-weight:600}.tag-wrap{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.tag--keyword{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent-2)}.tag--label{background:#f6ad551a;border:1px solid rgba(246,173,85,.25);color:#f6ad55}.attr-grid{display:flex;flex-wrap:wrap;gap:8px}.attr-chip{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;font-size:12px}.attr-chip-label{background:var(--bg-3);color:var(--text-3);padding:5px 10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;font-size:10px;border-right:1px solid var(--border)}.attr-chip-value{background:var(--bg-4);color:var(--text);padding:5px 12px;font-weight:500;text-transform:capitalize}.color-variant-editor{display:flex;flex-direction:column;gap:10px}.color-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.color-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;border-radius:999px;background:var(--bg-3);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--text);-webkit-user-select:none;user-select:none}.color-chip-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.color-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:var(--bg-4);color:var(--text-3);cursor:pointer;padding:0;line-height:1;transition:background .12s,color .12s}.color-chip-remove:hover{background:#ef4444;color:#fff}.color-variant-add{display:flex;gap:8px;align-items:center}.color-variant-input{flex:1;min-width:0}.color-variant-hint{font-size:11px;color:var(--text-3);margin:0}.color-chip-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.color-chip{cursor:default}.color-chip--open{border-color:var(--accent-2);background:var(--accent-bg)}.color-chip-img-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px dashed var(--border);background:var(--bg-4);color:var(--text-3);cursor:pointer;padding:0;flex-shrink:0;transition:border-color .12s,background .12s,color .12s;overflow:hidden}.color-chip-img-btn:hover{border-color:var(--accent-2);color:var(--accent-2);background:var(--accent-bg)}.color-chip-img-btn--has-image{border-style:solid;border-color:var(--accent-2);background:transparent;padding:0}.color-chip-thumb{width:20px;height:20px;object-fit:cover;border-radius:50%;display:block}.color-chip-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-image-picker{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-width:240px;max-width:300px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:column;gap:8px;z-index:10}.chip-picker-tabs{display:flex;gap:4px}.chip-picker-tab{flex:1;padding:4px 8px;font-size:11px;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s;text-align:center}.chip-picker-tab:hover{background:var(--bg-4);color:var(--text)}.chip-picker-tab--active{background:var(--accent-bg);border-color:var(--accent-2);color:var(--accent-2)}.chip-picker-tab--remove{flex:none;background:transparent;border-color:transparent;color:var(--text-3)}.chip-picker-tab--remove:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.chip-picker-body{display:flex;flex-direction:column;gap:8px}.chip-picker-preview{display:flex;justify-content:center;margin-bottom:4px}.chip-picker-preview-img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.chip-picker-browse{width:100%;justify-content:center;font-size:12px}.category-rows{display:flex;flex-direction:column;gap:10px}.category-row{display:flex;flex-direction:column;gap:5px}.category-source{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.category-path-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.category-path{font-size:13px;color:var(--text);font-weight:500}.custom-labels{display:flex;flex-direction:column;gap:6px}.custom-label-row{display:flex;align-items:center;gap:10px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px}.custom-label-key{font-size:11px;font-weight:700;color:var(--text-3);font-family:monospace;min-width:120px}.custom-label-val{font-size:13px;color:var(--text);flex:1;font-weight:500}.merchant-export{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:var(--bg-3);border-top:1px solid var(--border);flex-wrap:wrap}.merchant-export-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}.listing-title{font-size:18px;font-weight:700;color:var(--text);line-height:1.4}.listing-tagline{font-size:15px;color:var(--accent-2);font-style:italic}.listing-description{font-size:14px;color:var(--text-2);line-height:1.7;white-space:pre-wrap}.copy-btn{display:flex;align-items:center;gap:4px;background:var(--bg-4);border:1px solid var(--border);color:var(--text-3);padding:5px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.copy-btn:hover{color:var(--text);border-color:var(--border-light)}.features-list{list-style:none;display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-2)}.feature-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.spec-item{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;display:flex;flex-direction:column;gap:2px}.spec-key{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.spec-val{font-size:13px;color:var(--text);font-weight:500}.meta-row{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.price-multiplier-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price-multiplier-base{font-size:15px;font-weight:600;color:var(--text-primary)}.price-multiplier-symbol{font-size:14px;color:var(--text-secondary)}.price-multiplier-input{width:72px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;text-align:center}.price-multiplier-input:focus{outline:none;border-color:var(--accent)}.price-multiplier-result{font-size:16px;font-weight:700;color:var(--accent)}.price-converter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0}.price-input-row,.price-output-row{display:flex;align-items:center;gap:8px}.price-arrow{color:var(--text-3);display:flex;align-items:center}.price-currency-select{background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;font-size:.82rem;cursor:pointer;outline:none}.price-currency-select:hover{border-color:var(--accent)}.price-input{background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;font-size:.95rem;width:130px;outline:none}.price-input:focus{border-color:var(--accent)}.price-input::placeholder{color:var(--text-3);font-size:.82rem}.price-result{display:flex;align-items:baseline;gap:5px;min-width:120px}.price-flag{font-size:1.2rem;line-height:1}.price-amount{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.5px}.price-code{font-size:.82rem;font-weight:600;color:var(--text-3);text-transform:uppercase}.price-placeholder{color:var(--text-3);font-size:1.2rem}.variant-img-check{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;border-radius:6px;font-size:.8rem}.variant-img-check--ok{background:color-mix(in srgb,#22c55e 12%,transparent);color:#22c55e}.variant-img-check--warn{background:color-mix(in srgb,#f59e0b 12%,transparent);color:#f59e0b}.meta-badge{display:flex;align-items:center;gap:5px;background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);padding:4px 12px;border-radius:20px;font-size:12px}.image-gallery{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:24px;display:flex;flex-direction:column;gap:20px}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-heading{font-size:17px;font-weight:700}.gallery-progress-pill{display:flex;align-items:center;gap:7px;background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent-2);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.gallery-done-pill{display:flex;align-items:center;gap:5px;background:var(--green-bg);border:1px solid rgba(62,207,142,.25);color:var(--green);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.loading-spinner-sm{width:12px;height:12px;border:2px solid rgba(155,141,255,.3);border-top-color:var(--accent-2);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.gallery-section{display:flex;flex-direction:column;gap:12px}.gallery-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.gallery-grid--3{grid-template-columns:repeat(3,1fr)}.gallery-grid--2{grid-template-columns:repeat(2,1fr)}@media(max-width:860px){.gallery-grid--3,.gallery-grid--2{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.gallery-grid--3,.gallery-grid--2{grid-template-columns:1fr}}.gallery-group{display:flex;flex-direction:column;gap:12px}.gallery-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-3)}.image-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.image-card:hover{border-color:var(--border-light)}.image-card-inner{position:relative;aspect-ratio:1;overflow:hidden}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}.gallery-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.gallery-image--loaded{opacity:1}.image-card-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .2s}.image-card-inner:hover .image-card-overlay{opacity:1}.img-action-btn{width:38px;height:38px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s}.img-action-btn:hover{background:#ffffff40}.img-action-btn--regen:hover{background:#3ecf8e59;border-color:#3ecf8e80}.img-action-btn--delete:hover{background:#f8717159;border-color:#f8717180}.card-actions{display:flex;gap:8px;margin-top:10px}.card-action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.card-action-btn--regen{background:var(--green-bg);border:1px solid rgba(62,207,142,.3);color:var(--green)}.card-action-btn--regen:hover{background:#3ecf8e33}.card-action-btn--delete{background:var(--red-bg);border:1px solid rgba(248,113,113,.3);color:var(--red)}.card-action-btn--delete:hover{background:#f8717133}.image-card--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-border)}.image-card--error .image-card-inner{background:var(--red-bg);border-color:#f8717133}.image-card-inner--loading{position:relative;background:var(--bg-3)}.image-card-inner--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-3);font-size:12px;aspect-ratio:1}.generating-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:500;color:var(--accent-2);background:#0f0f1199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-card-footer{padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.view-label{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.view-label--front{background:#63b3ed1f;color:#63b3ed;border:1px solid rgba(99,179,237,.25)}.view-label--back{background:#9ae6b41f;color:#68d391;border:1px solid rgba(154,230,180,.25)}.view-label--side{background:#fbd38d1f;color:#f6ad55;border:1px solid rgba(251,211,141,.25)}.view-label--model1{background:var(--accent-bg);color:var(--accent-2);border:1px solid var(--accent-border)}.view-label--model2{background:#ed64a61f;color:#ed64a6;border:1px solid rgba(237,100,166,.25)}.view-label--model3{background:#81e6d91f;color:#4fd1c5;border:1px solid rgba(129,230,217,.25)}.view-label--loading{background:var(--bg-4);color:var(--text-3);border:1px solid var(--border)}.view-label--error{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,113,113,.25)}.download-btn-sm{background:var(--bg-4);border:1px solid var(--border);color:var(--text-3);width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.download-btn-sm:hover{color:var(--text);border-color:var(--border-light)}.image-alt-row{display:flex;align-items:center;gap:5px;padding:5px 10px 8px;border-top:1px solid var(--border)}.image-alt-label{font-size:9.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent-2);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:4px;padding:1px 5px;flex-shrink:0}.image-alt-text{font-size:10.5px;color:var(--text-3);line-height:1.35;flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.alt-copy-btn{background:none;border:none;padding:3px;color:var(--text-3);cursor:pointer;flex-shrink:0;border-radius:4px;display:flex;align-items:center;transition:color .15s}.alt-copy-btn:hover{color:var(--accent)}.fullscreen-overlay{position:fixed;inset:0;background:#000000eb;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.fullscreen-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius)}.fullscreen-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.fullscreen-close:hover{background:#fff3}.fullscreen-download{position:absolute;bottom:24px;right:24px;background:var(--accent);color:#fff;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.fullscreen-download:hover{background:var(--accent-2)}.gallery-loading{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.gallery-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:16px}.gallery-skeleton{aspect-ratio:1;background:var(--bg-3);border-radius:var(--radius);overflow:hidden}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.gallery-loading-text{text-align:center;color:var(--text-3);font-size:13px}.gallery-set-notice{display:flex;align-items:flex-start;gap:10px;background:#f6ad5514;border:1px solid rgba(246,173,85,.25);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:#f6ad55;line-height:1.5}.gallery-set-notice svg{flex-shrink:0;margin-top:1px}.gallery-set-notice strong{font-weight:700}.gallery-more-loading{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-3);justify-content:center;padding:8px}.header-nav{display:flex;align-items:center;gap:4px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.nav-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-3);background:transparent;transition:all .15s;position:relative}.nav-btn:hover{color:var(--text-2)}.nav-btn--active{background:var(--bg-2);color:var(--text);box-shadow:var(--shadow-sm)}.nav-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green);flex-shrink:0}.link-btn{background:none;border:none;color:var(--accent-2);font-size:inherit;font-weight:600;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--text)}.shopify-bar{position:sticky;bottom:0;z-index:90;background:var(--bg-2);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shopify-bar-inner{max-width:1100px;margin:0 auto;padding:12px 24px}.shopify-bar-notice{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3)}.shopify-bar-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.shopify-bar-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.shopify-bar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.shopify-bar-success{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--green)}.shopify-bar-pushing{display:flex;flex-direction:column;gap:8px}.push-loading-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.push-loading-bar-fill{height:100%;width:40%;background:#96bf48;border-radius:2px;animation:push-progress 1.6s ease-in-out infinite}@keyframes push-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.push-loading-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.btn-spinner--dark{border-color:var(--border);border-top-color:var(--text-2)}.push-error-msg{font-size:12px;color:var(--red);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-shopify{display:flex;align-items:center;gap:7px;background:#96bf48;color:#fff;padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s,transform .1s}.btn-shopify:hover:not(:disabled){background:#7da83e;transform:translateY(-1px)}.btn-shopify:active:not(:disabled){transform:translateY(0)}.btn-shopify:disabled{opacity:.6;cursor:not-allowed}.btn-shopify--publish{background:var(--green)}.btn-shopify--publish:hover:not(:disabled){background:#2ebd80}.publish-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{width:36px;height:20px;background:var(--bg-4);border:1px solid var(--border);border-radius:20px;position:relative;transition:background .2s,border-color .2s;flex-shrink:0;cursor:pointer;outline:none}.toggle-switch:focus-visible{box-shadow:0 0 0 2px var(--accent)}.toggle-switch--on{background:var(--green);border-color:var(--green)}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-switch--on .toggle-thumb{transform:translate(16px)}.toggle-label{font-size:12px;font-weight:500;color:var(--text-2);white-space:nowrap}.settings-page{flex:1;background:var(--bg)}.settings-inner{max-width:720px;margin:0 auto;padding:40px 24px 60px;display:flex;flex-direction:column;gap:24px}.settings-title-row{display:flex;align-items:flex-start;gap:14px}.settings-icon{width:44px;height:44px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--accent-2);flex-shrink:0;margin-top:2px}.settings-title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:4px}.settings-subtitle{font-size:14px;color:var(--text-3)}.settings-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:4px 2px;margin-top:8px}.settings-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.settings-card-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--border)}.settings-card-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card-icon--gemini{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent-2)}.settings-card-icon--shopify{background:#96bf481f;border:1px solid rgba(150,191,72,.25);color:#96bf48}.settings-card-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:2px}.settings-card-desc{font-size:12px;color:var(--text-3)}.settings-card-header>*:last-child{margin-left:auto}.settings-card-hint{padding:14px 24px;font-size:13px;color:var(--text-3);line-height:1.6}.conn-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.conn-badge--ok{background:var(--green-bg);border:1px solid rgba(62,207,142,.25);color:var(--green)}.conn-badge--error{background:var(--red-bg);border:1px solid rgba(248,113,113,.3);color:var(--red)}.conn-badge--missing{background:var(--bg-3);border:1px solid var(--border);color:var(--text-3)}.provider-selector{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}.provider-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-2);color:var(--text-2);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;flex:1;min-width:160px}.provider-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text-1)}.provider-btn--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text-1)}.provider-btn:disabled{opacity:.6;cursor:not-allowed}.provider-check{margin-left:auto;color:var(--accent)}.settings-info-box{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text-2);font-size:.8125rem;line-height:1.5}.settings-info-box svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.shop-info-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-3)}.shop-info-left{display:flex;align-items:center;gap:10px}.shop-favicon{width:24px;height:24px;border-radius:4px}.shop-name{font-size:14px;font-weight:600;color:var(--text)}.shop-domain{font-size:12px;color:var(--text-3);margin-top:1px}.settings-form{padding:20px 24px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--border)}.form-group{display:flex;flex-direction:column;gap:6px}.settings-input{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 44px 10px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.settings-input:focus{border-color:var(--accent)}.settings-input::placeholder{color:var(--text-3)}.field-hint{font-size:12px;color:var(--text-3);line-height:1.6}.field-hint code{background:var(--bg-4);border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-size:11px;font-family:monospace;color:var(--text-2)}.btn-connect{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px 20px;margin-top:4px}.how-to{padding:20px 24px}.how-to-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin-bottom:12px}.how-to-steps{padding-left:20px;display:flex;flex-direction:column;gap:8px;list-style:decimal}.how-to-steps li{font-size:13px;color:var(--text-3);line-height:1.6}.how-to-steps strong{color:var(--text-2)}.how-to-steps code{background:var(--bg-4);border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-size:11px;font-family:monospace;color:var(--accent-2)}.regen-modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.regen-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:0 24px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}.regen-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-3)}.regen-modal-title-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.regen-modal-title-row svg{color:var(--accent-2);flex-shrink:0}.regen-modal-close{background:none;border:none;color:var(--text-3);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.regen-modal-close:hover{color:var(--text);background:var(--bg-4)}.regen-modal-body{padding:20px;display:flex;flex-direction:column;gap:8px}.regen-modal-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3)}.regen-modal-optional{font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--text-3)}.regen-modal-textarea{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-size:13px;line-height:1.6;resize:vertical;outline:none;font-family:inherit;transition:border-color .15s;min-height:96px}.regen-modal-textarea:focus{border-color:var(--accent)}.regen-modal-textarea::placeholder{color:var(--text-3)}.regen-type-group-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px}.regen-type-grid{display:flex;flex-wrap:wrap;gap:6px}.regen-type-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;line-height:1}.regen-type-btn:hover{border-color:var(--accent);color:var(--accent)}.regen-type-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.extra-type-grid{grid-template-columns:repeat(2,1fr)}.extra-type-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;height:auto;text-align:left}.extra-type-btn-label{font-size:12px;font-weight:500;line-height:1.2}.extra-type-btn-desc{font-size:10px;color:var(--text-3);line-height:1.3;font-weight:400}.regen-type-btn--active .extra-type-btn-desc{color:#ffffffbf}.extra-shots-group{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.extra-shots-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.extra-shots-header .gallery-group-label{margin-bottom:0;display:flex;align-items:center;gap:8px}.extra-shots-count{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:10px;font-weight:600;border-radius:999px;min-width:18px;height:18px;padding:0 5px}.extra-shots-hint{font-size:12px;color:var(--text-3);margin:0}.btn-add-extra{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;border:1px dashed var(--accent);background:transparent;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.btn-add-extra:hover{background:var(--accent);color:#fff;border-style:solid}.variant-gallery-group{border-top:1px solid var(--border);padding-top:16px;margin-top:4px}.variant-group-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.variant-group-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex-shrink:0}.variant-group-label-sub{font-weight:400;text-transform:none;letter-spacing:0;opacity:.7}.variant-upload-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.variant-upload-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.variant-upload-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2)}.variant-upload-hint-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-2);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;padding:2px 8px;white-space:nowrap}.model-hints-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.model-hints-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.model-hints-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2)}.model-hints-active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.model-hints-preview{font-size:11.5px;color:var(--text-3);line-height:1.5;padding:6px 10px;background:var(--bg-3);border-radius:6px;border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;margin:0}.model-hints-form{display:flex;flex-direction:column;gap:6px}.model-hints-textarea{width:100%;padding:8px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-1);font-size:12.5px;font-family:inherit;line-height:1.5;resize:vertical;min-height:72px;box-sizing:border-box;transition:border-color .15s}.model-hints-textarea:focus{outline:none;border-color:var(--accent)}.model-hints-textarea::placeholder{color:var(--text-4, var(--text-3));font-size:11.5px}.model-hints-hint-text{font-size:11px;color:var(--text-3);line-height:1.4;margin:0}.regen-modal-hint{font-size:11px;color:var(--text-3);line-height:1.5}.regen-modal-hint kbd{background:var(--bg-4);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px;font-family:monospace;color:var(--text-2)}.regen-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-3)}.regen-modal-confirm{display:flex;align-items:center;gap:7px}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-3);font-size:14px;background:var(--bg-1)}.app-loading .loading-spinner{width:28px;height:28px;border-width:3px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-1);padding:24px}.login-card{width:100%;max-width:400px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;display:flex;flex-direction:column;gap:28px;box-shadow:0 20px 60px #0006}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px}.login-logo-icon{width:40px;height:40px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-2)}.login-logo-text{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}.login-header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.login-lock-icon{width:48px;height:48px;background:var(--bg-3);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-2);margin-bottom:4px}.login-title{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}.login-subtitle{font-size:13px;color:var(--text-3);max-width:280px}.login-form{display:flex;flex-direction:column;gap:16px}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.login-form--shake{animation:shake .45s ease}.login-field{display:flex;flex-direction:column;gap:7px}.login-label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.login-input{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:var(--text-3)}.login-default-hint{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#92400e;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-sm);padding:9px 12px;line-height:1.5;margin-bottom:4px}.login-default-hint svg{flex-shrink:0;margin-top:1px;color:#d97706}.login-error{display:flex;align-items:center;gap:8px;font-size:13px;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);padding:9px 12px}.login-btn{width:100%;background:var(--accent);color:#fff;padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s,box-shadow .15s;margin-top:4px}.login-btn:hover:not(:disabled){background:var(--accent-2);transform:translateY(-1px);box-shadow:0 6px 20px #7c6af766}.login-btn:active:not(:disabled){transform:translateY(0)}.login-hint{font-size:12px;color:var(--text-3);text-align:center;margin-top:-8px}.lock-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;transition:all .15s;flex-shrink:0}.lock-btn:hover{background:var(--bg-4);border-color:var(--border-2);color:var(--text-2)}.default-pw-banner{display:flex;align-items:center;gap:10px;background:#fbbf241a;border-bottom:1px solid rgba(251,191,36,.25);color:#92400e;font-size:13px;padding:10px 24px;line-height:1.5}.default-pw-banner svg{flex-shrink:0;color:#d97706}.default-pw-banner .link-btn{color:#b45309;font-weight:600;text-decoration:underline;text-underline-offset:2px}.default-pw-banner .link-btn:hover{color:#92400e}.success-box{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--green);background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);padding:9px 12px}.project-switcher{position:relative}.project-switcher-btn{display:flex;align-items:center;gap:7px;padding:6px 10px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;max-width:220px}.project-switcher-btn:hover{background:var(--bg-4);border-color:var(--border-2);color:var(--text)}.project-switcher-icon{color:var(--text-3);flex-shrink:0;display:flex}.project-switcher-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.project-switcher-lang{font-size:11px;color:var(--text-3);background:var(--bg-4);border:1px solid var(--border);padding:2px 6px;border-radius:10px;white-space:nowrap;flex-shrink:0}.project-switcher-arrow{color:var(--text-3);flex-shrink:0;transition:transform .15s}.project-switcher-arrow--open{transform:rotate(180deg)}.project-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d;z-index:200;overflow:hidden}.project-dropdown-header{padding:8px 12px 6px;font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border)}.project-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;background:transparent;border:none;color:var(--text-2);cursor:pointer;transition:background .12s;text-align:left}.project-dropdown-item:hover{background:var(--bg-3);color:var(--text)}.project-dropdown-item--active{color:var(--text);background:var(--accent-bg)}.project-dropdown-dot{width:6px;height:6px;border-radius:50%;background:var(--border-2);flex-shrink:0}.project-dropdown-item--active .project-dropdown-dot{background:var(--green);box-shadow:0 0 6px var(--green)}.project-dropdown-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.project-dropdown-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-dropdown-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-3)}.project-dropdown-badge{padding:1px 5px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.2px}.project-dropdown-badge--ok{background:#22c55e26;color:var(--green);border:1px solid rgba(34,197,94,.25)}.project-dropdown-badge--shopify{background:#95bf4726;color:#95bf47;border:1px solid rgba(149,191,71,.25)}.project-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.project-dropdown-manage{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;color:var(--accent-2);background:transparent;border:none;cursor:pointer;transition:background .12s}.project-dropdown-manage:hover{background:var(--accent-bg)}.project-list{display:flex;flex-direction:column;gap:10px}.project-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s}.project-card--active{border-color:var(--accent-border);background:var(--accent-bg)}.store-config-panel{border-top:1px solid var(--border);padding:0 18px}.store-config-section{padding:16px 0;display:flex;flex-direction:column;gap:12px}.store-config-section+.store-config-section{border-top:1px solid var(--border)}.store-config-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0;display:flex;align-items:center}.btn-ghost--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.project-card-header{display:flex;align-items:center;gap:14px;padding:14px 18px;flex-wrap:wrap}.project-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.project-card-dot{width:10px;height:10px;border-radius:50%;background:var(--border-2);flex-shrink:0}.project-card-dot--active{background:var(--green);box-shadow:0 0 8px var(--green)}.project-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.project-card-name{font-size:15px;font-weight:600;color:var(--text)}.project-card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.project-lang-badge{font-size:11px;color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);padding:2px 7px;border-radius:10px}.conn-badge--active{background:var(--accent-bg);color:var(--accent-2);border-color:var(--accent-border)}.project-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}.project-name-input{font-size:15px;font-weight:600;min-width:160px}.btn-danger:not(:disabled){color:var(--red, #f87171)}.btn-danger:not(:disabled):hover{border-color:var(--red, #f87171);color:var(--red, #f87171);background:#f8717114}.project-fields-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.settings-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}.no-key-banner{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-2);background:#fac83214;border:1px solid rgba(250,200,50,.2);border-radius:var(--radius-sm);padding:12px 16px}.no-key-banner svg{color:#f59e0b;flex-shrink:0}.extra-images-section{border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--bg-2);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.extra-images-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.extra-images-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.extra-images-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent-2);font-size:11px;font-weight:700}.btn-add-image{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-2);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn-add-image:hover{color:var(--text);background:var(--bg-4);border-color:var(--border-2)}.extra-images-hint{font-size:12px;color:var(--text-3);margin:0}.extra-images-grid{display:flex;flex-wrap:wrap;gap:8px}.extra-thumb{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--bg-3);flex-shrink:0}.extra-thumb-img{width:100%;height:100%;object-fit:cover}.extra-thumb-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#000000a6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;padding:0}.extra-thumb:hover .extra-thumb-remove{opacity:1}.add-image-panel{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:10px}.add-image-tabs{display:flex;gap:4px}.add-image-tab{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.add-image-tab:hover{color:var(--text-2);background:var(--bg-4)}.add-image-tab--active{color:var(--text);background:var(--bg-2);border-color:var(--border);font-weight:600}.add-image-upload{display:flex;align-items:center;gap:10px}.btn-browse{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;color:var(--text-2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;white-space:nowrap}.btn-browse:hover{color:var(--text);border-color:var(--border-2);background:var(--bg-4)}.add-image-hint{font-size:12px;color:var(--text-3)}.add-image-url{display:flex;flex-direction:column;gap:6px}.img-provider-selector{display:flex;gap:6px;margin-top:6px}.img-provider-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.img-provider-btn:hover{background:var(--bg-4);border-color:var(--border-2);color:var(--text)}.img-provider-btn--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-2);font-weight:600}.img-provider-check{flex-shrink:0}.app-footer{border-top:1px solid var(--border);padding:16px 24px;text-align:center}.app-footer p{font-size:12px;color:var(--text-3)}.import-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:0}.import-tab{padding:6px 16px;border:none;background:none;color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.import-tab:hover{color:var(--text)}.import-tab--active{color:var(--accent-2);border-bottom-color:var(--accent-2)}.import-tab:disabled{opacity:.45;cursor:not-allowed}.collection-options-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.collection-mode-group{display:flex;align-items:center;gap:8px}.collection-product-price-orig{color:var(--text-muted);font-size:.78em;margin-left:3px}.collection-product-list{margin-top:14px}.collection-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.collection-select-all{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.collection-select-all input{cursor:pointer}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:380px;overflow-y:auto;padding-right:4px}.collection-product-card{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-3);cursor:pointer;transition:border-color .15s,background .15s;position:relative}.collection-product-card input[type=checkbox]{position:absolute;top:6px;left:6px;cursor:pointer}.collection-product-card.selected{border-color:var(--accent-border);background:var(--accent-bg)}.collection-product-card.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.collection-product-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.collection-product-thumb--empty{display:flex;align-items:center;justify-content:center;background:var(--bg-4);color:var(--text-3)}.collection-product-info{display:flex;flex-direction:column;gap:2px}.collection-product-title{font-size:11px;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-product-price{font-size:11px;color:var(--text-2);font-weight:600}.bulk-progress-card{background:var(--bg-3);border:1px solid var(--accent-border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.bulk-progress-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.bulk-progress-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text)}.bulk-progress-bar-track{height:4px;background:var(--bg-4);border-radius:2px;overflow:hidden}.bulk-progress-bar-fill{height:100%;background:var(--accent-2);border-radius:2px;transition:width .4s ease}.bulk-done-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:13px;color:var(--text)}.bulk-results-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.bulk-result-row{display:flex;align-items:center;gap:6px;font-size:12px;padding:3px 0}.bulk-result-row--ok{color:var(--text-2)}.bulk-result-row--ok svg{color:#4ade80}.bulk-result-row--error{color:var(--text-2)}.bulk-result-row--error svg{color:#f87171}.bulk-result-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-result-link{color:var(--accent-2);font-size:11px;text-decoration:none;white-space:nowrap}.bulk-result-link:hover{text-decoration:underline}.bulk-result-error{color:#f87171;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}