:root{--gp-primary: #3b82f6;--gp-primary-hover: #2563eb;--gp-primary-light: #e3f2fd;--gp-secondary: #64748b;--gp-success: #22c55e;--gp-error: #ef4444;--gp-warning: #f59e0b;--gp-bg: #ffffff;--gp-bg-secondary: #f8fafc;--gp-bg-tertiary: #f1f5f9;--gp-text: #1e293b;--gp-text-secondary: #64748b;--gp-text-muted: #94a3b8;--gp-border: #e2e8f0;--gp-border-focus: #3b82f6;--gp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--gp-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--gp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--gp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--gp-radius-sm: 4px;--gp-radius: 8px;--gp-radius-lg: 12px;--gp-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.gp-customizer{font-family:var(--gp-font);font-size:14px;line-height:1.5;color:var(--gp-text);box-sizing:border-box}.gp-customizer *,.gp-customizer *:before,.gp-customizer *:after{box-sizing:inherit}.gp-customizer{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--gp-bg);border-radius:var(--gp-radius-lg);box-shadow:var(--gp-shadow-md)}@media (min-width: 768px){.gp-customizer{flex-direction:row;gap:24px;padding:24px}}.gp-canvas-area{flex:1;min-height:400px;height:500px;background:var(--gp-bg-tertiary);border-radius:var(--gp-radius);overflow:hidden;position:relative;display:flex;flex-direction:column}@media (min-width: 768px){.gp-canvas-area{min-height:500px;height:calc(100vh - 88px)}}.gp-sidebar{width:100%;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.gp-sidebar{width:320px;flex-shrink:0}}.gp-section{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:16px}.gp-section-title{font-size:14px;font-weight:600;color:var(--gp-text);margin:0 0 12px}.gp-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;border:2px dashed var(--gp-border);border-radius:var(--gp-radius);background:var(--gp-bg-secondary);cursor:pointer;transition:all .2s ease;text-align:center}.gp-upload-zone:hover{border-color:var(--gp-primary);background:var(--gp-primary-light)}.gp-upload-icon{color:var(--gp-text-muted);margin-bottom:12px}.gp-upload-zone:hover .gp-upload-icon{color:var(--gp-primary)}.gp-upload-text{font-size:14px;color:var(--gp-text);margin:0 0 4px}.gp-upload-hint{font-size:12px;color:var(--gp-text-muted);margin:0}.gp-addon-selector{display:flex;flex-direction:column;gap:16px}.gp-addon-category{padding-bottom:16px;border-bottom:1px solid var(--gp-border)}.gp-addon-category:last-of-type{border-bottom:none;padding-bottom:0}.gp-addon-label{display:block;font-size:13px;font-weight:600;color:var(--gp-text);margin-bottom:4px}.gp-required{color:var(--gp-error);margin-left:2px}.gp-addon-desc{font-size:12px;color:var(--gp-text-secondary);margin:0 0 10px}.gp-addon-options{display:flex;flex-wrap:wrap;gap:8px}.gp-addon-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-family:inherit;background:var(--gp-bg);border:2px solid var(--gp-border);border-radius:var(--gp-radius-sm);cursor:pointer;transition:all .15s ease}.gp-addon-btn:hover:not(:disabled){border-color:var(--gp-secondary)}.gp-addon-btn--selected{border-color:var(--gp-primary);background:var(--gp-primary-light);color:var(--gp-primary)}.gp-addon-btn--disabled{opacity:.5;cursor:not-allowed}.gp-addon-name{font-weight:500}.gp-addon-price{font-size:11px;color:var(--gp-text-secondary);background:var(--gp-bg-tertiary);padding:2px 6px;border-radius:4px}.gp-addon-btn--selected .gp-addon-price{background:var(--gp-primary);color:#fff}.gp-variant-price{background:var(--gp-bg-secondary);padding:16px;border-radius:var(--gp-radius);text-align:center}.gp-variant-total{display:flex;justify-content:center;align-items:baseline;gap:8px}.gp-price-label{font-size:14px;color:var(--gp-text-secondary)}.gp-price-amount{font-size:24px;font-weight:700;color:var(--gp-text)}.gp-variant-unavailable{color:var(--gp-error);font-size:13px;margin-top:8px}.gp-variant-prompt{color:var(--gp-text-muted);font-size:13px}.gp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:500;border:none;border-radius:var(--gp-radius);cursor:pointer;transition:all .15s ease;text-decoration:none}.gp-btn--sm{padding:6px 12px;font-size:12px}.gp-btn--md{padding:10px 20px;font-size:14px}.gp-btn--lg{padding:14px 28px;font-size:16px}.gp-btn--full{width:100%}.gp-btn--primary{background:var(--gp-primary);color:#fff}.gp-btn--primary:hover:not(:disabled){background:var(--gp-primary-hover)}.gp-btn--secondary{background:var(--gp-secondary);color:#fff}.gp-btn--outline{background:transparent;border:2px solid var(--gp-border);color:var(--gp-text)}.gp-btn--outline:hover:not(:disabled){border-color:var(--gp-primary);color:var(--gp-primary)}.gp-btn--ghost{background:transparent;color:var(--gp-text-secondary)}.gp-btn--ghost:hover:not(:disabled){background:var(--gp-bg-tertiary);color:var(--gp-text)}.gp-btn:disabled{opacity:.5;cursor:not-allowed}.gp-btn--loading .gp-btn-text--hidden{visibility:hidden}.gp-btn-spinner{position:absolute}.gp-spinner{width:20px;height:20px;animation:gp-spin 1s linear infinite}.gp-spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:45}@keyframes gp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gp-toolbar{display:flex;align-items:center;gap:8px;padding:8px;background:var(--gp-bg);border-bottom:1px solid var(--gp-border);flex-shrink:0;height:52px}.gp-toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--gp-radius-sm);color:var(--gp-text-secondary);cursor:pointer;transition:all .15s ease}.gp-toolbar-btn:hover{background:var(--gp-bg-tertiary);color:var(--gp-text)}.gp-toolbar-btn--active{background:var(--gp-primary-light);color:var(--gp-primary)}.gp-toolbar-divider{width:1px;height:24px;background:var(--gp-border);margin:0 4px}.gp-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:100}.gp-loading-spinner{width:40px;height:40px;border:3px solid var(--gp-border);border-top-color:var(--gp-primary);border-radius:50%;animation:gp-spin .8s linear infinite}.gp-actions{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.gp-actions{flex-direction:row}}@media (max-width: 767px){.gp-customizer{border-radius:0;box-shadow:none}.gp-canvas-area{min-height:300px}}.gp-product-selector{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.gp-product-category{border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);overflow:hidden}.gp-category-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:var(--gp-bg-secondary);border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--gp-text);text-align:left;transition:background .15s ease}.gp-category-header:hover{background:var(--gp-bg-tertiary)}.gp-category-header--expanded{background:var(--gp-primary-light);color:var(--gp-primary)}.gp-category-icon{font-size:16px}.gp-category-name{flex:1}.gp-category-arrow{font-size:10px;color:var(--gp-text-muted)}.gp-product-list{display:flex;flex-direction:column;background:var(--gp-bg)}.gp-product-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px 10px 36px;background:transparent;border:none;border-top:1px solid var(--gp-border);cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease}.gp-product-item:hover{background:var(--gp-bg-secondary)}.gp-product-item--selected{background:var(--gp-primary-light);border-left:3px solid var(--gp-primary);padding-left:33px}.gp-product-info{display:flex;flex-direction:column;gap:2px}.gp-product-name{font-size:13px;font-weight:500;color:var(--gp-text)}.gp-product-item--selected .gp-product-name{color:var(--gp-primary)}.gp-product-dimensions{font-size:11px;color:var(--gp-text-muted)}.gp-product-pixels{font-size:10px;color:var(--gp-text-muted);background:var(--gp-bg-tertiary);padding:2px 6px;border-radius:4px;white-space:nowrap}.gp-product-item--selected .gp-product-pixels{background:var(--gp-primary);color:#fff}.gp-canvas-info{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:var(--gp-bg);border-radius:var(--gp-radius-sm);font-size:11px;color:var(--gp-text-secondary)}.gp-canvas-info strong{color:var(--gp-text)}.gp-upload-zone--active{border-color:var(--gp-primary);background:var(--gp-primary-light)}.gp-upload-zone--active .gp-upload-icon{color:var(--gp-primary);transform:scale(1.1)}.gp-loaded-images{margin-top:12px;padding-top:12px;border-top:1px solid var(--gp-border)}.gp-loaded-title{font-size:12px;font-weight:600;color:var(--gp-text-secondary);margin:0 0 8px}.gp-image-list{display:flex;flex-direction:column;gap:6px}.gp-image-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--gp-bg-secondary);border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);cursor:pointer;transition:all .15s ease}.gp-image-item:hover{background:var(--gp-bg-tertiary);border-color:var(--gp-primary)}.gp-image-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;background:var(--gp-bg)}.gp-image-name{flex:1;font-size:12px;color:var(--gp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-image-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:50%;color:var(--gp-text-muted);font-size:18px;cursor:pointer;transition:all .15s ease}.gp-image-remove:hover{background:var(--gp-error);color:#fff}.gp-text-editor{display:flex;flex-direction:column;gap:12px}.gp-text-input-group{display:flex;gap:8px}.gp-text-input{flex:1;padding:10px 12px;font-size:14px;font-family:inherit;border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);background:var(--gp-bg);color:var(--gp-text);transition:border-color .15s ease}.gp-text-input:focus{outline:none;border-color:var(--gp-primary)}.gp-text-controls{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--gp-bg-secondary);border-radius:var(--gp-radius-sm)}.gp-control-row{display:flex;align-items:center;gap:8px}.gp-control-label{font-size:12px;font-weight:500;color:var(--gp-text-secondary);min-width:70px}.gp-select{flex:1;padding:6px 10px;font-size:13px;font-family:inherit;border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);background:var(--gp-bg);color:var(--gp-text);cursor:pointer}.gp-select:focus{outline:none;border-color:var(--gp-primary)}.gp-style-buttons,.gp-align-buttons{display:flex;gap:4px}.gp-style-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;font-family:inherit;background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);cursor:pointer;transition:all .15s ease}.gp-style-btn:hover{border-color:var(--gp-primary);color:var(--gp-primary)}.gp-style-btn--active{background:var(--gp-primary);border-color:var(--gp-primary);color:#fff}.gp-color-picker{display:flex;flex-wrap:wrap;gap:4px;flex:1}.gp-color-btn{width:24px;height:24px;border:2px solid var(--gp-border);border-radius:4px;cursor:pointer;transition:transform .15s ease}.gp-color-btn:hover{transform:scale(1.1)}.gp-color-btn--active{border-color:var(--gp-primary);box-shadow:0 0 0 2px var(--gp-primary-light)}.gp-color-input{width:24px;height:24px;padding:0;border:1px solid var(--gp-border);border-radius:4px;cursor:pointer}.gp-text-list{margin-top:8px;padding-top:12px;border-top:1px solid var(--gp-border)}.gp-list-title{font-size:12px;font-weight:600;color:var(--gp-text-secondary);margin:0 0 8px}.gp-text-items{display:flex;flex-direction:column;gap:6px}.gp-text-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--gp-bg-secondary);border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);cursor:pointer;transition:all .15s ease}.gp-text-item:hover{background:var(--gp-bg-tertiary);border-color:var(--gp-primary)}.gp-text-item--selected{background:var(--gp-primary-light);border-color:var(--gp-primary)}.gp-text-preview{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-text-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;background:transparent;border:none;border-radius:50%;color:var(--gp-text-muted);cursor:pointer;transition:all .15s ease}.gp-text-remove:hover{background:var(--gp-error);color:#fff}.gp-selected-text-editor{padding-top:12px;border-top:1px solid var(--gp-border)}.gp-selected-text-editor .gp-control-label{display:block;margin-bottom:6px}.gp-toolbar-btn--disabled{opacity:.4;cursor:not-allowed}.gp-mockup-colors{margin-top:12px;padding-top:12px;border-top:1px solid var(--gp-border)}.gp-color-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.gp-mockup-color-btn{width:36px;height:36px;border:2px solid var(--gp-border);border-radius:50%;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0}.gp-mockup-color-btn:hover{transform:scale(1.1);box-shadow:var(--gp-shadow-md)}.gp-mockup-color-btn--active{border-color:var(--gp-primary);box-shadow:0 0 0 3px var(--gp-primary-light)}.gp-product-mockup-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--gp-primary);background:var(--gp-primary-light);padding:2px 6px;border-radius:4px;margin-left:8px}.gp-mockup-preview{width:100%;aspect-ratio:1;background:var(--gp-bg-secondary);border-radius:var(--gp-radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}.gp-mockup-preview img{max-width:80%;max-height:80%;object-fit:contain}.gp-wizard{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 40px)}.gp-stepper{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:var(--gp-bg);border-bottom:1px solid var(--gp-border);gap:0}.gp-step-wrapper{display:flex;align-items:center}.gp-step{display:flex;align-items:center;gap:10px;padding:8px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;border-radius:var(--gp-radius)}.gp-step:hover:not(:disabled){background:var(--gp-bg-secondary)}.gp-step:disabled{cursor:default;opacity:.6}.gp-step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--gp-bg-tertiary);color:var(--gp-text-secondary);transition:all .2s ease}.gp-step--active .gp-step-indicator{background:var(--gp-primary);color:#fff}.gp-step--completed .gp-step-indicator{background:var(--gp-success);color:#fff}.gp-step-content{display:flex;flex-direction:column;align-items:flex-start}.gp-step-label{font-size:14px;font-weight:500;color:var(--gp-text-secondary)}.gp-step-description{font-size:11px;color:var(--gp-text-muted);margin-top:2px}.gp-step--active .gp-step-label,.gp-step--completed .gp-step-label{color:var(--gp-text)}.gp-step--active .gp-step-description{color:var(--gp-text-secondary)}.gp-step-connector{width:40px;height:2px;background:var(--gp-border);margin:0 8px}.gp-step-connector--completed{background:var(--gp-success)}@media (max-width: 768px){.gp-step-description{display:none}.gp-step-label{font-size:12px}.gp-step-connector{width:20px}.gp-step{padding:8px 10px}}.gp-step-content-area{flex:1;display:flex;gap:24px;padding:24px;overflow:hidden}.gp-step-main{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.gp-step-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.gp-step-header{margin-bottom:8px}.gp-step-title{font-size:24px;font-weight:700;color:var(--gp-text);margin:0 0 8px}.gp-step-description{font-size:14px;color:var(--gp-text-secondary);margin:0}.gp-preview-card{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:16px}.gp-preview-title{font-size:14px;font-weight:600;color:var(--gp-text);margin:0 0 12px}.gp-preview-mockup{text-align:center;padding:20px;background:var(--gp-bg-secondary);border-radius:var(--gp-radius-sm);margin-bottom:12px}.gp-preview-mockup img{max-width:150px;max-height:180px}.gp-preview-name{font-size:13px;color:var(--gp-text-secondary);margin-top:8px}.gp-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:var(--gp-bg-secondary);border-radius:var(--gp-radius-sm);color:var(--gp-text-muted);margin-bottom:12px}.gp-preview-placeholder p{margin:8px 0 0;font-size:13px}.gp-preview-specs{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--gp-border)}.gp-spec-item{display:flex;justify-content:space-between;font-size:12px}.gp-spec-label{color:var(--gp-text-secondary)}.gp-spec-value{color:var(--gp-text);font-weight:500}.gp-step-customizer{padding:0}.gp-customizer-canvas{flex:1;display:flex;flex-direction:column;background:var(--gp-bg-tertiary);overflow:hidden}.gp-canvas-wrapper{flex:1;overflow:hidden}.gp-customizer-tools{width:340px;flex-shrink:0;padding:16px;background:var(--gp-bg);border-left:1px solid var(--gp-border);display:flex;flex-direction:column;gap:16px;overflow-y:auto}.gp-tool-section{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:14px}.gp-tool-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--gp-text);margin:0 0 12px}.gp-tool-hint{font-size:12px;color:var(--gp-text-muted);text-align:center;margin:0}.gp-area-selector{padding:12px 16px;background:var(--gp-bg);border-bottom:1px solid var(--gp-border);display:flex;flex-direction:column;gap:10px}.gp-area-toggle-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.gp-area-label{font-size:13px;font-weight:500;color:var(--gp-text-secondary)}.gp-area-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--gp-text)}.gp-area-checkbox input{display:none}.gp-checkbox-custom{width:18px;height:18px;border:2px solid var(--gp-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.gp-area-checkbox input:checked+.gp-checkbox-custom{background:var(--gp-primary);border-color:var(--gp-primary)}.gp-area-checkbox input:checked+.gp-checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.gp-area-tabs{display:flex;gap:8px}.gp-area-tab{padding:8px 16px;font-size:13px;font-weight:500;background:var(--gp-bg-secondary);border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);cursor:pointer;transition:all .15s ease}.gp-area-tab:hover{background:var(--gp-bg-tertiary)}.gp-area-tab--active{background:var(--gp-primary);border-color:var(--gp-primary);color:#fff}.gp-step-navigation{display:flex;gap:12px;margin-top:auto;padding-top:16px}.gp-step-navigation .gp-btn{flex:1}.gp-step-addons .gp-step-main{max-width:700px}.gp-addons-grid{display:flex;flex-direction:column;gap:20px}.gp-addon-card{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);overflow:hidden}.gp-addon-card-header{padding:14px 16px;background:var(--gp-bg-secondary);border-bottom:1px solid var(--gp-border)}.gp-addon-card-title{font-size:15px;font-weight:600;color:var(--gp-text);margin:0}.gp-addon-card-desc{font-size:12px;color:var(--gp-text-secondary);margin:4px 0 0}.gp-addon-card-options{padding:12px;display:flex;flex-direction:column;gap:8px}.gp-addon-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--gp-bg);border:2px solid var(--gp-border);border-radius:var(--gp-radius-sm);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.gp-addon-option:hover:not(:disabled){border-color:var(--gp-primary);background:var(--gp-primary-light)}.gp-addon-option--selected{border-color:var(--gp-primary);background:var(--gp-primary-light)}.gp-addon-option--disabled{opacity:.5;cursor:not-allowed}.gp-addon-option-content{flex:1}.gp-addon-option-name{display:block;font-size:14px;font-weight:500;color:var(--gp-text)}.gp-addon-option-desc{display:block;font-size:12px;color:var(--gp-text-secondary);margin-top:2px}.gp-addon-option-price{font-size:13px;font-weight:600;color:var(--gp-text)}.gp-addon-option-included{color:var(--gp-success);font-weight:500}.gp-addon-option-check{width:24px;height:24px;border-radius:50%;background:var(--gp-primary);color:#fff;display:flex;align-items:center;justify-content:center}.gp-summary-card{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:16px}.gp-summary-title{font-size:14px;font-weight:600;color:var(--gp-text);margin:0 0 14px}.gp-summary-items{display:flex;flex-direction:column;gap:10px}.gp-summary-item{display:flex;justify-content:space-between;font-size:13px}.gp-summary-item-label{color:var(--gp-text-secondary)}.gp-summary-item-value{color:var(--gp-text);font-weight:500}.gp-summary-divider{height:1px;background:var(--gp-border);margin:14px 0}.gp-summary-total{display:flex;justify-content:space-between;align-items:center}.gp-total-label{font-size:14px;font-weight:500;color:var(--gp-text)}.gp-total-amount{font-size:24px;font-weight:700;color:var(--gp-text)}.gp-total-pending{font-size:13px;color:var(--gp-text-muted)}.gp-summary-warning{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;background:#fef2f2;border-radius:var(--gp-radius-sm);color:var(--gp-error);font-size:12px}.gp-review-content{display:flex;flex-direction:column;gap:24px}.gp-review-section-title{font-size:15px;font-weight:600;color:var(--gp-text);margin:0 0 12px}.gp-review-preview{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:16px}.gp-review-mockup{display:flex;justify-content:center}.gp-review-mockup-image{position:relative;padding:20px;border-radius:var(--gp-radius);max-width:250px}.gp-review-mockup-image img{max-width:100%;height:auto}.gp-review-design-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gp-review-design-badge{background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;white-space:nowrap}.gp-review-canvas-preview{display:flex;flex-direction:column;align-items:center;padding:40px;background:var(--gp-bg-secondary);border-radius:var(--gp-radius);color:var(--gp-text-secondary)}.gp-review-canvas-preview p{margin:12px 0 0;font-size:13px}.gp-review-details{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:16px}.gp-review-detail-list{display:flex;flex-direction:column;gap:12px}.gp-review-detail-item{display:flex;justify-content:space-between;font-size:13px;padding-bottom:10px;border-bottom:1px solid var(--gp-border)}.gp-review-detail-item:last-child{border-bottom:none;padding-bottom:0}.gp-review-detail-label{color:var(--gp-text-secondary)}.gp-review-detail-value{color:var(--gp-text);font-weight:500;display:flex;align-items:center;gap:8px}.gp-review-addon-price{font-size:11px;color:var(--gp-text-secondary);background:var(--gp-bg-tertiary);padding:2px 6px;border-radius:4px}.gp-review-color{display:flex;align-items:center;gap:8px}.gp-review-color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid var(--gp-border)}.gp-order-summary{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:16px}.gp-order-summary-title{font-size:14px;font-weight:600;color:var(--gp-text);margin:0 0 16px}.gp-quantity-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.gp-quantity-label{font-size:13px;color:var(--gp-text-secondary)}.gp-quantity-controls{display:flex;align-items:center;border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);overflow:hidden}.gp-quantity-btn{width:36px;height:36px;background:var(--gp-bg-secondary);border:none;font-size:18px;cursor:pointer;transition:background .15s ease}.gp-quantity-btn:hover:not(:disabled){background:var(--gp-bg-tertiary)}.gp-quantity-btn:disabled{opacity:.5;cursor:not-allowed}.gp-quantity-input{width:50px;height:36px;border:none;border-left:1px solid var(--gp-border);border-right:1px solid var(--gp-border);text-align:center;font-size:14px;font-weight:500;-moz-appearance:textfield}.gp-quantity-input::-webkit-outer-spin-button,.gp-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gp-order-pricing{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--gp-border);border-bottom:1px solid var(--gp-border);margin-bottom:16px}.gp-pricing-row{display:flex;justify-content:space-between;font-size:13px;color:var(--gp-text-secondary)}.gp-pricing-total{font-size:16px;font-weight:600;color:var(--gp-text);padding-top:8px}.gp-add-to-cart{margin-bottom:12px}.gp-guarantee{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--gp-text-muted);text-align:center;padding:10px;background:var(--gp-bg-secondary);border-radius:var(--gp-radius-sm)}.gp-guarantee svg{flex-shrink:0;color:var(--gp-success)}.gp-toolbar-mockup-name{font-size:12px;color:var(--gp-text-secondary);background:var(--gp-bg-secondary);padding:4px 10px;border-radius:var(--gp-radius-sm)}@media (max-width: 900px){.gp-step-content-area{flex-direction:column}.gp-step-sidebar,.gp-customizer-tools{width:100%}.gp-step-customizer{flex-direction:column}.gp-customizer-canvas{min-height:400px}.gp-customizer-tools{border-left:none;border-top:1px solid var(--gp-border)}}.gp-layer-panel{background:var(--gp-bg);border:1px solid var(--gp-border);border-radius:var(--gp-radius);overflow:hidden}.gp-layer-panel--empty{padding:16px}.gp-layer-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;color:var(--gp-text-muted);text-align:center}.gp-layer-empty svg{opacity:.5}.gp-layer-empty p{margin:0;font-weight:500;color:var(--gp-text-secondary)}.gp-layer-empty span{font-size:12px}.gp-layer-header{padding:10px 12px;background:var(--gp-bg-secondary);border-bottom:1px solid var(--gp-border)}.gp-layer-title{margin:0;font-size:12px;font-weight:600;color:var(--gp-text-secondary);text-transform:uppercase;letter-spacing:.5px}.gp-layer-list{max-height:200px;overflow-y:auto}.gp-layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--gp-border);cursor:pointer;transition:background-color .15s ease}.gp-layer-item:last-child{border-bottom:none}.gp-layer-item:hover{background:var(--gp-bg-secondary)}.gp-layer-item--selected{background:var(--gp-primary-light);border-left:3px solid var(--gp-primary)}.gp-layer-item--hidden{opacity:.5}.gp-layer-item--locked .gp-layer-item-info{opacity:.7}.gp-layer-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gp-bg-tertiary);border-radius:var(--gp-radius-sm);color:var(--gp-text-secondary);flex-shrink:0}.gp-layer-item--selected .gp-layer-item-icon{background:var(--gp-primary);color:#fff}.gp-layer-item-info{flex:1;min-width:0}.gp-layer-item-name{display:block;font-size:13px;font-weight:500;color:var(--gp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-layer-item-type{display:block;font-size:11px;color:var(--gp-text-muted)}.gp-layer-item-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s ease}.gp-layer-item:hover .gp-layer-item-actions,.gp-layer-item--selected .gp-layer-item-actions{opacity:1}.gp-layer-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;border-radius:var(--gp-radius-sm);color:var(--gp-text-secondary);cursor:pointer;transition:all .15s ease}.gp-layer-btn:hover:not(:disabled){background:var(--gp-bg-tertiary);color:var(--gp-text)}.gp-layer-btn:disabled{opacity:.3;cursor:not-allowed}.gp-layer-btn--danger:hover:not(:disabled){background:#fef2f2;color:var(--gp-error)}.gp-product-selector-v2{display:flex;flex-direction:column;gap:16px}.gp-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 600px){.gp-category-grid{grid-template-columns:repeat(2,1fr)}}.gp-category-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--gp-bg);border:2px solid var(--gp-border);border-radius:var(--gp-radius);cursor:pointer;transition:all .2s ease;text-align:center}.gp-category-card:hover{border-color:var(--gp-primary);background:var(--gp-primary-light)}.gp-category-card--active{border-color:var(--gp-primary);background:var(--gp-primary-light);box-shadow:0 0 0 3px #3b82f626}.gp-category-card--has-selection{border-color:var(--gp-success)}.gp-category-card--has-selection.gp-category-card--active{border-color:var(--gp-primary)}.gp-category-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--gp-text-secondary);transition:all .2s ease}.gp-category-card:hover .gp-category-card-icon,.gp-category-card--active .gp-category-card-icon{color:var(--gp-primary);transform:scale(1.05)}.gp-category-card-name{font-size:11px;font-weight:600;color:var(--gp-text-secondary);line-height:1.2}.gp-category-card:hover .gp-category-card-name,.gp-category-card--active .gp-category-card-name{color:var(--gp-primary)}.gp-category-card-check{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--gp-success);border-radius:50%;color:#fff}.gp-product-grid-container{background:var(--gp-bg-secondary);border-radius:var(--gp-radius);padding:12px;animation:gp-slideDown .2s ease}@keyframes gp-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gp-product-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--gp-border)}.gp-product-grid-title{font-size:13px;font-weight:600;color:var(--gp-text)}.gp-product-grid-count{font-size:11px;color:var(--gp-text-muted);background:var(--gp-bg);padding:2px 8px;border-radius:10px}.gp-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 500px){.gp-product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 700px){.gp-product-grid{grid-template-columns:repeat(3,1fr)}}.gp-product-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 10px;background:var(--gp-bg);border:2px solid var(--gp-border);border-radius:var(--gp-radius);cursor:pointer;transition:all .2s ease;text-align:center}.gp-product-card:hover{border-color:var(--gp-primary);transform:translateY(-2px);box-shadow:var(--gp-shadow-md)}.gp-product-card--selected{border-color:var(--gp-primary);background:var(--gp-primary-light);box-shadow:0 0 0 3px #3b82f633}.gp-product-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--gp-text-secondary);background:var(--gp-bg-tertiary);border-radius:var(--gp-radius-sm);transition:all .2s ease}.gp-product-card:hover .gp-product-card-icon{color:var(--gp-primary);background:var(--gp-primary-light)}.gp-product-card--selected .gp-product-card-icon{color:#fff;background:var(--gp-primary)}.gp-product-card-content{display:flex;flex-direction:column;gap:2px}.gp-product-card-name{font-size:12px;font-weight:600;color:var(--gp-text);line-height:1.2}.gp-product-card--selected .gp-product-card-name{color:var(--gp-primary)}.gp-product-card-dimensions{font-size:10px;color:var(--gp-text-muted)}.gp-product-card-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:auto}.gp-product-card-pixels{font-size:9px;color:var(--gp-text-muted);background:var(--gp-bg-tertiary);padding:2px 6px;border-radius:4px}.gp-product-card--selected .gp-product-card-pixels{background:var(--gp-primary);color:#fff}.gp-product-card-preview{font-size:9px;color:var(--gp-primary);background:var(--gp-primary-light);padding:2px 6px;border-radius:4px;font-weight:500}.gp-product-card--selected .gp-product-card-preview{background:#ffffff4d;color:var(--gp-primary-hover)}.gp-product-card-selected-indicator{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--gp-primary);border-radius:50%;color:#fff;animation:gp-pop .2s ease}@keyframes gp-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}