:root{--color-background: rgba(255, 255, 255, 1);--color-surface: rgba(250, 250, 250, 1);--color-text: rgba(17, 17, 17, 1);--color-text-secondary: rgba(107, 114, 126, 1);--color-primary: rgba(17, 17, 17, 1);--color-primary-hover: rgba(51, 51, 51, 1);--color-primary-active: rgba(85, 85, 85, 1);--color-secondary: rgba(245, 245, 245, 1);--color-secondary-hover: rgba(229, 229, 229, 1);--color-secondary-active: rgba(212, 212, 212, 1);--color-border: rgba(229, 229, 229, 1);--color-btn-primary-text: rgba(255, 255, 255, 1);--color-card-border: rgba(240, 240, 240, 1);--color-card-border-inner: rgba(245, 245, 245, 1);--color-error: rgba(239, 68, 68, 1);--color-success: rgba(34, 197, 94, 1);--color-warning: rgba(245, 158, 11, 1);--color-info: rgba(107, 114, 126, 1);--color-focus-ring: rgba(17, 17, 17, .2);--color-select-caret: rgba(17, 17, 17, .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: 34, 197, 94;--color-error-rgb: 239, 68, 68;--color-warning-rgb: 245, 158, 11;--color-info-rgb: 107, 114, 126;--font-family-base: "FKGroteskNeue", "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}html,body,#root{height:100%;min-height:100vh;display:block}.home-container{min-height:80vh;display:flex;flex-direction:column}.cart-layout{display:flex;gap:40px;align-items:flex-start;margin-top:32px}.cart-left{flex:2;min-width:0}.cart-right{flex:1;min-width:320px;max-width:400px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px 24px;display:flex;flex-direction:column;gap:32px}.cart-summary-card{margin-bottom:24px}.cart-summary-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:8px}.cart-summary-total{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;line-height:1.2}.cart-order-form .form-group{margin-bottom:18px;display:flex;flex-direction:column}.cart-order-form label{font-size:var(--font-size-base);margin-bottom:4px;color:var(--color-text-secondary)}.cart-order-form input{padding:10px 12px;border-radius:var(--radius-base);border:1px solid var(--color-border);font-size:var(--font-size-base);outline:none;transition:border-color .2s}.cart-order-form input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.cart-order-form input.error{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:2px}.btn.btn--lg{padding:14px 0;font-size:var(--font-size-lg);width:100%}.empty-cart-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;gap:18px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:48px auto;max-width:420px}.empty-cart-icon{font-size:56px;margin-bottom:8px}.empty-cart-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.cart-success-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;gap:18px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:48px auto;max-width:420px}.cart-success-icon{font-size:56px;margin-bottom:8px}.cart-success-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.cart-success-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:8px}.products-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}.product-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 16px 16px;display:flex;flex-direction:column;align-items:center;min-height:380px;width:100%;transition:box-shadow .2s;flex:1 1 260px;max-width:320px;min-width:260px;margin:0}.product-card img.product-image{width:100%;max-width:180px;height:160px;object-fit:contain;margin-bottom:12px}.product-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:8px 0 4px;text-align:center}.product-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:8px;text-align:center}.product-meta{display:flex;justify-content:space-between;width:100%;margin-bottom:12px}.product-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-category{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hero-buttons{display:flex;gap:20px;justify-content:center;margin-top:32px}.hero-buttons .btn--lg{width:220px;min-width:0;max-width:none;padding-left:0;padding-right:0;text-align:center}.gallery-modal{position:fixed;z-index:1000;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-content{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 32px 24px;display:flex;flex-direction:column;align-items:center;min-width:320px;max-width:90vw;max-height:90vh}.gallery-content.fullscreen{position:relative;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.gallery-image-wrapper{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;max-height:100vh}.gallery-image{max-width:90vw;max-height:80vh;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#fff;object-fit:contain;margin:0 auto;display:block}.gallery-close{position:absolute;top:32px;right:32px;background:#ffffffe6;border:none;font-size:24px;color:var(--color-error);cursor:pointer;z-index:3;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700}.gallery-close:hover{background:var(--color-error);color:#fff;transform:scale(1.1)}.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;font-size:24px;color:var(--color-primary);width:48px;height:48px;border-radius:50%;cursor:pointer;z-index:2;box-shadow:var(--shadow-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:700}.gallery-prev{left:32px}.gallery-next{right:32px}.gallery-prev:hover,.gallery-next:hover{background:var(--color-primary);color:#fff;transform:translateY(-50%) scale(1.1)}.gallery-thumbs{display:flex;gap:8px;margin:0 auto 32px;justify-content:center;flex-wrap:wrap;position:absolute;left:0;right:0;bottom:24px;z-index:4}.gallery-thumb{width:56px;height:44px;object-fit:cover;border-radius:var(--radius-base);border:2px solid transparent;cursor:pointer;opacity:.7;transition:border .2s,opacity .2s;background:#fff}.gallery-thumb.active,.gallery-thumb:hover{border:2px solid var(--color-primary);opacity:1}@media (max-width: 600px){.container{padding-left:8px;padding-right:8px}.gallery-close{top:16px;right:16px;width:40px;height:40px;font-size:20px}.gallery-prev,.gallery-next{width:40px;height:40px;font-size:20px}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-thumbs{bottom:16px;margin:0 16px}.gallery-thumb{width:48px;height:36px}.products-grid{flex-direction:column;gap:12px;align-items:stretch}.product-card{min-width:0;max-width:100%;width:100%;min-height:340px;padding:12px 6px 18px;box-shadow:var(--shadow-xs)}.product-card img.product-image{max-width:100%;height:120px}.product-card h3{font-size:var(--font-size-base);margin:6px 0 2px}.product-card p{font-size:var(--font-size-sm);margin-bottom:4px}.product-meta{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:6px}.cart-layout{flex-direction:column;gap:16px;margin-top:12px}.cart-right{min-width:0;max-width:100%;padding:16px 8px;box-shadow:var(--shadow-xs)}.cart-item{flex-direction:column;align-items:flex-start;gap:8px}.hero-buttons{flex-direction:column;gap:12px;margin-top:16px}.hero-buttons .btn--lg{width:100%}.footer{flex-direction:column;gap:8px;font-size:var(--font-size-sm);padding:12px 4px}}@media (max-width: 768px){.image-mode-selector{gap:8px}.radio-option{padding:10px 12px;font-size:var(--font-size-sm)}.cart-item-image-container{width:60px}.cart-item-no-image{width:60px;height:60px}.cart-item-no-image span{font-size:18px;margin-bottom:2px}.cart-item-no-image small{font-size:9px}.custom-badge{font-size:9px;padding:1px 4px;top:-6px;right:-6px}.cart-item-description{font-size:11px;margin-top:2px}}.image-mode-selector{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:var(--color-surface)}.radio-option:hover{border-color:var(--color-primary);background:#21808d0d}.radio-option input[type=radio]{margin:0;accent-color:var(--color-primary)}.radio-option input[type=radio]:checked+span{font-weight:var(--font-weight-medium);color:var(--color-primary)}.radio-option input[type=radio]:checked{border-color:var(--color-primary)}.radio-option:has(input[type=radio]:checked){border-color:var(--color-primary);background:#21808d14}.upload-section{width:100%}.upload-section input[type=file]{position:absolute;opacity:0;width:0;height:0}.upload-section label.btn{display:inline-block;text-align:center;width:100%;box-sizing:border-box}.cart-item-image-container{position:relative;flex-shrink:0}.cart-item-no-image{width:80px;height:80px;border:2px dashed var(--color-border);border-radius:var(--radius-base);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-text-secondary)}.cart-item-no-image span{font-size:24px;margin-bottom:4px}.cart-item-no-image small{font-size:10px;text-align:center}.custom-badge{position:absolute;top:-8px;right:-8px;background:var(--color-primary);color:#fff;font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);z-index:2}.cart-item-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px;line-height:var(--line-height-tight)}.design-preview-generated{display:flex;flex-direction:column;gap:24px}.order-info-block{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.order-info-block h3{margin:0 0 16px;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.order-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.order-detail-item{display:flex;flex-wrap:wrap;font-size:var(--font-size-base);line-height:var(--line-height-normal)}.order-detail-item strong{color:var(--color-text);font-weight:var(--font-weight-medium);margin-right:6px;min-width:80px}.design-preview-image{margin:16px 0;text-align:center}.design-preview-image img{max-width:100%;height:auto;max-height:300px;border-radius:var(--radius-base);box-shadow:var(--shadow-md)}.design-preview-image-caption{margin-top:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.order-note{padding:12px;background:#21808d0d;border-radius:var(--radius-base);border-left:3px solid var(--color-primary)}.order-note small{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.preview-actions{display:flex;justify-content:center}.btn--full-width{width:100%}.designer-layout{display:flex;gap:40px;align-items:flex-start;margin-top:32px}.designer-controls,.designer-preview{flex:1;min-width:0}.preview-container{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);min-height:400px;display:flex;flex-direction:column;justify-content:center}.preview-placeholder{text-align:center;color:var(--color-text-secondary);padding:40px 20px}.placeholder-icon{font-size:48px;margin-bottom:16px}.preview-placeholder p{font-size:var(--font-size-lg);margin:0}@media (max-width: 1024px){.designer-layout{flex-direction:column;gap:24px}.designer-controls,.designer-preview{flex:none}}@media (max-width: 768px){.designer-layout{margin-top:16px;gap:16px}.preview-container{padding:16px;min-height:300px}.placeholder-icon{font-size:36px;margin-bottom:12px}.preview-placeholder p{font-size:var(--font-size-base)}}.cart-btn{position:relative}.cart-count{position:absolute;top:-8px;right:-16px;background:var(--color-primary);color:#fff;border-radius:50%;padding:2px 7px;font-size:12px;font-weight:700;box-shadow:0 1px 4px #0000001f;z-index:2;min-width:22px;text-align:center;line-height:1.2}