.editor{--editor-canvas-height:clamp(400px,60vh,720px);flex-direction:column;gap:1.5rem;display:flex}.editor__header{flex-direction:column;gap:.25rem;display:flex}.editor__title{color:var(--color-text);font-size:1.5rem;font-weight:700}.editor__subtitle{color:var(--color-text-secondary);font-size:.875rem}.editor__loading{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.editor__spinner{font-size:1.5rem;animation:1s linear infinite editorSpin}@keyframes editorSpin{to{transform:rotate(360deg)}}.editor__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.editor__main{grid-template-columns:1.2fr 1fr;align-items:start;gap:1.25rem;display:grid}.editor__main-left,.editor__main-right{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.editor__config{grid-template-columns:1fr;gap:1.25rem;display:grid}.editor__config-cell{flex-direction:column;gap:.75rem;display:flex}.editor__config-cell--full{grid-column:1/-1}.editor__canvas{flex-direction:column;gap:.75rem;display:flex}.editor__section-title{color:var(--color-text);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.editor__dropzone{height:var(--editor-canvas-height);border:2px dashed var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1.5rem;transition:border-color .2s,background .2s;display:flex}.editor__dropzone:hover,.editor__dropzone--active{border-color:var(--color-primary);background:var(--color-primary,#4f46e5)}.editor__dropzone:hover .editor__dropzone-icon,.editor__dropzone--active .editor__dropzone-icon,.editor__dropzone:hover .editor__dropzone-text,.editor__dropzone--active .editor__dropzone-text{color:#fff}.editor__dropzone:hover .editor__dropzone-hint,.editor__dropzone--active .editor__dropzone-hint{color:#ffffffb3}.editor__dropzone-icon{color:var(--color-text-tertiary);font-size:2.5rem}.editor__dropzone-text{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500}.editor__dropzone-hint{color:var(--color-text-tertiary);font-size:.8125rem}.editor__viewer{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden}.editor__toolbar{background:var(--color-background);border-bottom:1px solid var(--color-border);align-items:center;gap:.25rem;padding:.5rem .75rem;display:flex}.editor__toolbar-btn{border:1px solid var(--color-border);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;font-size:.8125rem;transition:background .15s,color .15s,border-color .15s;display:flex}.editor__toolbar-btn:hover:not(:disabled){background:var(--color-background);color:var(--color-text);border-color:var(--color-text-tertiary)}.editor__toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.editor__toolbar-btn--danger:hover:not(:disabled){color:#dc2626;background:#dc26261a;border-color:#dc26264d}.editor__toolbar-btn--download:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary);background:#4f46e51a}.editor__toolbar-zoom{color:var(--color-text);text-align:center;-webkit-user-select:none;user-select:none;min-width:3rem;font-size:.75rem;font-weight:600}.editor__toolbar-status{border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.editor__toolbar-status--uploading{color:var(--color-text-secondary)}.editor__toolbar-status--ready{color:var(--color-success,#16a34a)}.editor__toolbar-status .editor__spinner{font-size:.75rem}.editor__toolbar-spacer{flex:1}.editor__canvas-area{height:var(--editor-canvas-height);background:var(--color-background);justify-content:center;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.editor__canvas-img{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%}.editor__select{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-background);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.editor__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4f46e526}.editor__select:disabled{opacity:.6;cursor:not-allowed}.editor__field{flex-direction:column;gap:.375rem;display:flex}.editor__label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.editor__chips{flex-wrap:wrap;gap:.375rem;display:flex}.editor__chip{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;border-radius:999px;padding:.3rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s}.editor__chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.editor__chip--active{background:var(--color-primary,#4f46e5);border-color:var(--color-primary,#4f46e5);color:#fff}.editor__chip--active:hover{opacity:.9;color:#fff}.editor__textarea{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-background);resize:vertical;border-radius:.5rem;min-height:80px;padding:.625rem .75rem;font-family:inherit;font-size:.8125rem;line-height:1.5}.editor__textarea::placeholder{color:var(--color-text-tertiary)}.editor__textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4f46e526}.editor__char-count{color:var(--color-text-tertiary);text-align:right;font-size:.6875rem}.editor__actions{gap:.75rem;display:flex}.editor__btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s;display:flex}.editor__btn--clear{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.editor__btn--clear:hover{background:var(--color-background);color:var(--color-text)}.editor__btn--generate{background:var(--color-primary,#4f46e5);color:#fff;flex:2}.editor__btn--generate:hover{opacity:.9}.editor__btn--generate:disabled{opacity:.5;cursor:not-allowed}.editor__btn--cancel{background:var(--color-danger,#dc2626);color:#fff;flex:2}.editor__btn--cancel:hover{opacity:.9}.editor__btn--cart{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);flex:2}.editor__btn--cart:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.editor__btn--cart:disabled{opacity:.5;cursor:not-allowed}.editor__count{background:var(--color-primary,#4f46e5);color:#fff;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.editor__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.editor__empty-icon{color:var(--color-text-tertiary);margin-bottom:.25rem;font-size:1.75rem}.editor__empty-text{color:var(--color-text-secondary);max-width:240px;font-size:.8125rem}.editor__loading-inline{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;font-size:.8125rem;display:flex}.editor__products{flex-direction:column;gap:.5rem;max-height:480px;display:flex;overflow-y:auto}.editor__product-wrapper{flex-direction:column;display:flex}.editor__product{border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;transition:border-color .15s,box-shadow .15s;display:flex}.editor__product:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.editor__product--selected{border-color:var(--color-primary);background:var(--color-primary,#4f46e5);box-shadow:0 0 0 1px var(--color-primary);border-bottom:none;border-radius:.5rem .5rem 0 0}.editor__product--selected .editor__product-name,.editor__product--selected .editor__product-price{color:#fff}.editor__product-images{border:1px solid var(--color-border);background:var(--color-surface);border-top:none;border-radius:0 0 .5rem .5rem;padding:.5rem}.editor__product-images-empty{color:var(--color-text-tertiary);text-align:center;padding:.75rem 0;font-size:.75rem}.editor__product-images-grid{grid-template-columns:repeat(3,1fr);gap:.375rem;display:grid}.editor__product-images-item{aspect-ratio:1;border:1px solid var(--color-border);cursor:pointer;border-radius:.375rem;transition:border-color .15s,opacity .15s;overflow:hidden}.editor__product-images-item:hover{border-color:var(--color-primary);opacity:.85}.editor__product-images-item--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary);position:relative}.editor__product-images-item--selected:hover{opacity:1}.editor__product-images-item--disabled{opacity:.4;cursor:not-allowed}.editor__product-images-item--disabled:hover{border-color:var(--color-border);opacity:.4}.editor__product-images-check{background:var(--color-primary,#4f46e5);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.625rem;display:flex;position:absolute;top:4px;right:4px}.editor__product-images-item img{object-fit:contain;width:100%;height:100%;display:block}.editor__product-images .editor__loading-inline{padding:.75rem 0}.editor__product-image{background:var(--color-surface);width:48px;height:48px;color:var(--color-text-tertiary);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex;overflow:hidden}.editor__product-image img{object-fit:contain;width:100%;height:100%}.editor__product-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.editor__product-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.editor__product-price{color:var(--color-text-secondary);font-size:.75rem}.editor__product-add{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;display:inline-flex}.editor__product-add:hover{color:var(--color-primary);background:#4f46e50f}.editor__result{flex-direction:column;gap:.75rem;display:flex}.editor__result-loading{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.editor__result-status{font-size:.875rem;font-weight:500}.editor__result-error{color:#dc2626;background:#dc262614;border:1px solid #dc262633;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.editor__result-error-icon{flex-shrink:0}.editor__result-image{flex-direction:column;gap:.75rem;display:flex}.editor__result-img{border:1px solid var(--color-border);border-radius:.75rem;width:100%}.editor__comparison-wrapper{max-width:100%;max-height:100%;display:inline-block;position:relative}.editor__comparison-before{max-width:100%;max-height:var(--editor-canvas-height);pointer-events:none;display:block}.editor__comparison-after{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.editor__comparison-divider{z-index:2;pointer-events:none;width:0;position:absolute;top:0;bottom:0}.editor__comparison-handle{pointer-events:auto;cursor:ew-resize;z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor__comparison-handle-line{background:#fff;border-radius:1px;width:2px;height:40px;box-shadow:0 0 4px #0000004d}.editor__comparison-handle-grip{border:2px solid var(--color-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #0003}.editor__comparison-arrow{border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;display:block}.editor__comparison-arrow--left{border-right:6px solid var(--color-primary)}.editor__comparison-arrow--right{border-left:6px solid var(--color-primary)}.editor__comparison-label{z-index:2;text-transform:uppercase;letter-spacing:.05em;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:#00000080;border-radius:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;position:absolute;top:12px}.editor__comparison-label--before{left:12px}.editor__comparison-label--after{right:12px}@media (max-width:768px){.editor{--editor-canvas-height:clamp(320px,50vh,480px)}.editor__main,.editor__config{grid-template-columns:1fr}.editor__card{padding:1rem}}@media (max-width:640px){.editor{--editor-canvas-height:clamp(280px,45vh,400px)}.editor__dropzone{padding:1.5rem 1rem}.editor__dropzone-icon{font-size:2rem}}