.unified-control-button{align-items:center;background:#2d2d2d;border:2px solid #424242;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;gap:6px;height:40px;justify-content:center;letter-spacing:normal;min-width:auto;outline:none;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.unified-control-button:hover{background:#333;border-color:#3498db}.unified-control-button.active{background:#3498db;border-color:#3498db}.sort-button{justify-content:space-between;min-width:80px}.group-toggle-btn{justify-content:center;min-width:70px}.tag-filter-button{justify-content:space-between;min-width:120px}.group-toggle-btn.active{background-color:gold;border-color:gold;color:#1a1a1a;font-weight:600}.group-toggle-btn.active:hover{background-color:#ffed4e;border-color:#ffed4e}.tag-filter-button.active{background-color:#333;border-color:#666;color:#fff}.search-field{background-color:#2d2d2d;border:2px solid #424242;border-radius:4px;color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;padding:0 8px 0 12px;transition:all .2s ease;width:100%}.search-field:focus-within{border-color:#3498db}.search-field .material-icon{color:#9e9e9e;flex-shrink:0;font-size:18px}.search-input{height:100%;margin:0;min-width:0;padding:0}.search-input:focus{background:#0000;color:#fff}.search-input:-webkit-autofill,.search-input:-webkit-autofill:active,.search-input:-webkit-autofill:focus,.search-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;background:#0000;-webkit-box-shadow:inset 0 0 0 1000px #2d2d2d}.search-input::placeholder{color:#fff;font-size:12px;font-weight:500}.search-clear-btn{border-radius:50%;height:24px;width:24px}.search-clear-btn:hover{background-color:#ffffff14;transform:scale(1.05)}.search-clear-btn:active{background-color:#ffffff1f;transform:scale(.98)}@media (max-width:480px){.controls-row{align-items:stretch;flex-direction:column;gap:6px}.unified-control-button{justify-content:center;padding:8px;width:100%}}.unified-dropdown{background-color:#2d2d2d;border:2px solid #424242;border-radius:4px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.unified-dropdown-option{background:none;border:none;color:#fff;cursor:pointer;display:block;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.unified-dropdown-option:hover{background-color:#333}.unified-dropdown-option.selected{background-color:#3498db;color:#fff}.loading-container{padding:2rem}.loading-container.fullscreen{background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh}.error-container{color:#fff;min-height:60vh}.loading-text{font-size:12px;font-weight:500;margin:0}.sticker-card{border:1px solid #e0e0e0;width:100%}.sticker-card:hover{border-color:#ccc}.sticker-card.homepage{height:auto;min-height:auto}.sticker-card.modal{max-width:600px;min-height:400px}.sticker-card.admin{background:#f8f9ff;border-color:#007bff}.sticker-card.admin:hover{border-color:#0056b3;transform:none}.sticker-card.grid{aspect-ratio:1/1;height:100%}.card-image-container,.sticker-preview{align-items:center;background:#f8f9fa;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.sticker-card.homepage .card-image-container,.sticker-card.homepage .sticker-preview{height:200px}.sticker-card.grid .card-image-container,.sticker-card.grid .sticker-preview{flex:1 1;height:auto}.card-image,.sticker-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.card-image.loading,.sticker-image.loading{opacity:.6}.card-content,.sticker-details{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.sticker-card.homepage .card-content,.sticker-card.homepage .sticker-details{padding:12px}.card-title,.sticker-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.sticker-card.homepage .card-title,.sticker-card.homepage .sticker-title{-webkit-line-clamp:1;font-size:14px}.card-description,.sticker-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden}.sticker-card.homepage .card-description,.sticker-card.homepage .sticker-description{display:none}.card-metadata,.sticker-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.category-chip,.tag-chip{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 8px}.card-actions,.sticker-actions{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:8px;justify-content:space-between;padding:12px 16px}.sticker-card.homepage .card-actions,.sticker-card.homepage .sticker-actions{padding:8px 12px}.sticker-card.loading{opacity:.7}.image-loading-overlay{z-index:2}.super-simple-sticker-card{background:#2a2a2a;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.super-simple-sticker-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.super-simple-card-image-container{background:#f0f0f0;flex:1 1;overflow:hidden;position:relative}.super-simple-card-image{height:100%;object-fit:cover;width:100%}.super-simple-card-content{background:#2a2a2a;padding:8px}.super-simple-card-title{color:#fff;font-size:12px;font-weight:500;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.sticker-card{border-radius:8px}.card-content,.sticker-details{gap:6px;padding:12px}.card-actions,.sticker-actions{padding:8px 12px}}@media (max-width:480px){.card-image-container{height:180px}.sticker-card.homepage .card-image-container,.sticker-card.homepage .sticker-preview{height:120px}.card-content,.sticker-details{padding:8px}}.etsy-listing-badge{background:#f56500;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:3}.size-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));margin:8px 0}.size-option{background:#fff;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;padding:8px;text-align:center;transition:all .2s ease}.size-option:hover{border-color:#2196f3}.size-option.selected{background:#e3f2fd;border-color:#2196f3}.size-label{color:#333;font-size:12px;font-weight:500}.zoom-controls{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;z-index:5}.sticker-card:hover .zoom-controls{opacity:1}.zoom-btn{align-items:center;background:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .2s ease;width:28px}.zoom-btn:hover{background:#000000e6}.watermark-overlay{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.debug-overlay{left:8px}.admin-mode .sticker-card,.admin-mode .sticker-preview{cursor:default}@media (prefers-contrast:high){.sticker-card{border-width:2px}.size-option{border-width:3px}}@media (prefers-reduced-motion:reduce){.card-image,.sticker-card,.sticker-image,.super-simple-sticker-card{transition:none}.sticker-card:hover,.super-simple-sticker-card:hover{transform:none}}.modal-overlay,.standard-modal-overlay,.sticker-admin-modal-overlay,.sticker-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;bottom:0;display:flex;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content,.standard-modal-content,.sticker-admin-modal-content,.sticker-modal-content{animation:modalSlideIn .3s ease-out;background:#2a2a2a;border-radius:8px;box-shadow:0 10px 30px #00000080;color:#fff;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.modal-small,.standard-modal-small{width:400px}.modal-medium,.standard-modal-medium{width:600px}.modal-large,.standard-modal-large{width:800px}.modal-xlarge,.standard-modal-xlarge{width:1200px}.modal-fullscreen{height:95vh;width:95vw}.modal-header,.standard-modal-header,.sticker-modal-header{align-items:center;background:#333;border-bottom:1px solid #444;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modal-title,.standard-modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-close-btn,.standard-modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s ease}.modal-close-btn:hover,.standard-modal-close-btn:hover{background:#ffffff1a;color:#fff}.modal-body,.standard-modal-body,.sticker-modal-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.modal-footer,.standard-modal-footer{background:#333;border-top:1px solid #444;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-btn{border:none;border-radius:4px;cursor:pointer;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.modal-btn-primary{background:#007bff;color:#fff}.modal-btn-primary:hover{background:#0056b3}.modal-btn-secondary{background:#6c757d;color:#fff}.modal-btn-secondary:hover{background:#545b62}.modal-btn-danger{background:#dc3545;color:#fff}.modal-btn-danger:hover{background:#c82333}.modal-btn-cancel{background:#0000;border:1px solid #555;color:#999}.modal-btn-cancel:hover{border-color:#777;color:#fff}.sticker-modal-content{max-width:95vw;width:1000px}.sticker-modal-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px;height:100%}.sticker-modal-image-section{display:flex;flex-direction:column;min-height:0}.sticker-modal-image{background:#f0f0f0;border-radius:4px;height:auto;max-height:500px;object-fit:contain;width:100%}.sticker-modal-details{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sticker-modal-title{color:#fff;font-size:20px;font-weight:600;line-height:1.3;margin:0}.sticker-modal-description{color:#ccc;font-size:14px;line-height:1.5}.sticker-modal-metadata{display:flex;flex-direction:column;gap:12px}.sticker-modal-price{color:#4caf50;font-size:18px;font-weight:600}.sticker-admin-modal-content{height:80vh;max-width:95vw;width:1200px}.admin-modal-tabs{background:#333;border-bottom:1px solid #444;display:flex}.admin-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#999;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.admin-modal-tab:hover{color:#fff}.admin-modal-tab.active{border-bottom-color:#007bff;color:#fff}.admin-modal-tab-content{flex:1 1;overflow-y:auto;padding:20px}.scene-modal-overlay{background:#000000f2}.scene-modal-content{border-radius:0;height:98vh;max-height:none;max-width:none;width:98vw}.actual-size-test-page .modal-overlay,.actual-size-test-page .sticker-admin-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000}@media (max-width:768px){.modal-content,.standard-modal-content,.sticker-admin-modal-content,.sticker-modal-content{height:90vh;margin:5vh auto;width:95vw}.modal-body,.modal-header,.standard-modal-body,.standard-modal-header,.sticker-modal-body,.sticker-modal-header{padding:16px}.modal-footer,.standard-modal-footer{padding:12px 16px}.sticker-modal-grid{gap:16px;grid-template-columns:1fr}.modal-title,.standard-modal-title,.sticker-modal-title{font-size:16px}.admin-modal-tabs{flex-wrap:wrap}.admin-modal-tab{flex:1 1;font-size:12px;min-width:120px;padding:10px 12px}}@media (max-width:480px){.modal-content,.standard-modal-content,.sticker-admin-modal-content,.sticker-modal-content{border-radius:0;height:100vh;width:100vw}.modal-body,.modal-header,.standard-modal-body,.standard-modal-header{padding:12px}.modal-footer,.standard-modal-footer{flex-direction:column;padding:8px 12px}.modal-btn{padding:12px;width:100%}}.modal-loading{align-items:center;color:#999;display:flex;justify-content:center;min-height:200px}.modal-loading-spinner{margin-bottom:16px}.modal-error{color:#ff6b6b;padding:40px 20px;text-align:center}.modal-error-icon{font-size:48px;margin-bottom:16px}.modal-overlay:focus-within .modal-content{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast:high){.modal-content,.standard-modal-content{border:2px solid #fff}.modal-footer,.modal-header{border-color:#fff}}@media (prefers-reduced-motion:reduce){.modal-btn,.modal-content,.modal-overlay,.standard-modal-content{animation:none;transition:none}}:root{--brand-primary:#3498db;--brand-secondary:#181b22;--primary-color:#1a1a1a;--secondary-color:#2a2a2a;--accent-color:#4169e1;--text-color:#fff;--text-color-muted:#e0e0e0;--text-color-secondary:#bdbdbd;--border-color:#333;--border-color-light:#424242;--border-color-dark:#666;--shadow-color:#0000004d;--control-bg:#2d2d2d;--control-border:#424242;--control-hover-bg:#333;--control-hover-border:#666;--control-disabled-text:#9e9e9e;--buy-button-primary:#27ae60;--buy-button-hover:#219a52;--category-animals-primary:#43a047;--category-animals-secondary:#66bb6a;--category-dinosaurs-primary:#f38b79;--category-dinosaurs-secondary:#ffb74d;--category-cryptids-legends-primary:#795548;--category-cryptids-legends-secondary:#a1887f;--category-vehicles-primary:#607d8b;--category-vehicles-secondary:#90a4ae;--category-outdoor-nature-primary:#388e3c;--category-outdoor-nature-secondary:#81c784;--category-horror-primary:#b71c1c;--category-horror-secondary:#616161;--category-pop-culture-primary:#8e24aa;--category-pop-culture-secondary:#ce93d8;--category-phrases-slogans-primary:#fbc02d;--category-phrases-slogans-secondary:#fff176;--category-police-fire-military-primary:#1565c0;--category-police-fire-military-secondary:#90caf9;--category-space-sci-fi-primary:#283593;--category-space-sci-fi-secondary:#7986cb;--category-holiday-seasonal-primary:#d84315;--category-holiday-seasonal-secondary:#ffb300;--category-weird-miscellaneous-primary:#757575;--category-weird-miscellaneous-secondary:#bdbdbd;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--transition-cubic:0.2s cubic-bezier(0.4,0,0.2,1);--z-controls:100;--z-modals:1000;--z-tooltips:1200}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--primary-color);color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{padding:0 16px;padding:0 var(--spacing-md)}@media (prefers-reduced-motion:no-preference){*{transition:color .2s ease,background-color .2s ease,border-color .2s ease;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}}:focus{outline:2px solid #4169e1;outline:2px solid var(--accent-color);outline-offset:2px}.btn{background-color:#4169e1;background-color:var(--accent-color);border-radius:var(--border-radius-md);color:var(--text-color);font-size:1rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.btn:hover{background-color:#2e4a8f}.card{background-color:#2a2a2a;background-color:var(--secondary-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 4px 8px #0000004d;box-shadow:0 4px 8px var(--shadow-color);padding:16px;padding:var(--spacing-md);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{box-shadow:0 6px 12px #0000004d;box-shadow:0 6px 12px var(--shadow-color);transform:translateY(-2px)}.grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}.u-flex{display:flex}.u-flex-column{flex-direction:column}.u-flex-center{align-items:center;display:flex;justify-content:center}.u-text-center{text-align:center}.u-cursor-pointer{cursor:pointer}.u-loading{opacity:.6;pointer-events:none}.u-hidden{display:none}.u-visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u-spin{animation:spin 1s linear infinite}.control-button{align-items:center;background-color:#2d2d2d;background-color:var(--control-bg);border:2px solid #424242;border:2px solid var(--control-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-cubic)}.control-button:focus,.control-button:hover{background-color:#333;background-color:var(--control-hover-bg);border-color:#666;border-color:var(--control-hover-border)}.control-button:focus{outline:none}.buy-button{align-items:center;background:#27ae60;background:var(--buy-button-primary);border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-weight:600;gap:4px;gap:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.buy-button:hover{background:#219a52;background:var(--buy-button-hover);transform:translateY(-1px)}.material-symbols-outlined{flex-shrink:0;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;height:1em;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:middle;width:1em}.material-icon{color:currentColor;font-size:24px}.material-icon-clickable{cursor:pointer}.material-icon-size-16{font-size:16px}.material-icon-size-18{font-size:18px}.material-icon-size-20{font-size:20px}.material-icon-size-22{font-size:22px}.material-icon-size-28{font-size:28px}.material-icon-size-32{font-size:32px}.material-icon-size-36{font-size:36px}.material-icon-size-40{font-size:40px}.material-icon-size-48{font-size:48px}.material-symbols-outlined:focus{border-radius:2px;outline:2px solid #3498db;outline-offset:2px}@media (prefers-contrast:high){.material-symbols-outlined{filter:contrast(1.5)}}.clothedeye-loader{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;position:relative;text-align:center;width:100%}.clothedeye-loader--fullscreen{background-color:#121212;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0}.clothedeye-loader__logo-text{margin:1rem 0;order:2}.clothedeye-loader--fullscreen .clothedeye-loader__logo-text{position:absolute;top:0}.clothedeye-loader__logo-text-image{display:block;filter:brightness(0) saturate(100%) invert(43%) sepia(96%) saturate(1352%) hue-rotate(12deg) brightness(97%) contrast(88%);height:auto}.clothedeye-loader__tagline{margin:.5rem 0 1rem;order:3}.clothedeye-loader--fullscreen .clothedeye-loader__tagline{margin-bottom:3rem;position:absolute;top:15vh}.clothedeye-loader__tagline-image{display:block;filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);height:auto}.clothedeye-loader__logo{align-items:center;display:flex;flex:1 1;justify-content:center;order:1;width:100%}.clothedeye-loader--fullscreen .clothedeye-loader__logo{position:absolute}.clothedeye-loader__logo-container{display:inline-block;position:relative}.clothedeye-loader__spin,.clothedeye-loader__static{display:block}.clothedeye-loader__spin{animation:spinRotate 5s linear infinite}.clothedeye-loader__static{left:0;position:absolute;top:0}.clothedeye-loader__message{animation:messageFade 2s ease-in-out infinite alternate;color:#fff;font-size:1rem;margin:1rem 0;order:4}.clothedeye-loader--light .clothedeye-loader__message{color:#6c757d}.clothedeye-loader--fullscreen .clothedeye-loader__message{bottom:1vh;margin:4rem;position:absolute}.clothedeye-loader--auto .clothedeye-loader__logo-container,.clothedeye-loader--dark .clothedeye-loader__logo-container{filter:brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(0deg) brightness(100%) contrast(100%)}.clothedeye-loader--auto .clothedeye-loader__spin,.clothedeye-loader--auto .clothedeye-loader__static,.clothedeye-loader--dark .clothedeye-loader__spin,.clothedeye-loader--dark .clothedeye-loader__static{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) sepia(100%) saturate(200%) hue-rotate(25deg) brightness(1.1) contrast(1.2)}.clothedeye-loader--auto .clothedeye-loader__tagline,.clothedeye-loader--auto .clothedeye-loader__tagline-image,.clothedeye-loader--dark .clothedeye-loader__tagline,.clothedeye-loader--dark .clothedeye-loader__tagline-image{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}.clothedeye-loader--light .clothedeye-loader__logo-container{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(0deg) brightness(0) contrast(100%)}.clothedeye-loader--light .clothedeye-loader__spin,.clothedeye-loader--light .clothedeye-loader__static{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) sepia(100%) saturate(200%) hue-rotate(25deg) brightness(.9) contrast(1.1)}.clothedeye-loader--light .clothedeye-loader__tagline,.clothedeye-loader--light .clothedeye-loader__tagline-image{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(0deg) brightness(0) contrast(100%)}.clothedeye-loader--small .clothedeye-loader__logo-text-image{height:auto;width:120px}.clothedeye-loader--small .clothedeye-loader__tagline-image{height:auto;width:80px}.clothedeye-loader--small .clothedeye-loader__spin,.clothedeye-loader--small .clothedeye-loader__static{height:60px;width:60px}.clothedeye-loader--medium .clothedeye-loader__logo-text-image{height:auto;width:180px}.clothedeye-loader--medium .clothedeye-loader__tagline-image{height:auto;width:120px}.clothedeye-loader--medium .clothedeye-loader__spin,.clothedeye-loader--medium .clothedeye-loader__static{height:120px;width:120px}.clothedeye-loader--large .clothedeye-loader__logo-text-image{height:auto;width:240px}.clothedeye-loader--large .clothedeye-loader__tagline-image{height:auto;width:160px}.clothedeye-loader--large .clothedeye-loader__spin,.clothedeye-loader--large .clothedeye-loader__static{height:200px;width:200px}@keyframes spinRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes messageFade{0%{opacity:.7}to{opacity:1}}@media (prefers-reduced-motion:reduce){.clothedeye-loader__message,.clothedeye-loader__spin{animation:none}}.super-simple-sticker-card{aspect-ratio:1/1;background:var(--secondary-color);border-radius:var(--border-radius-md);contain:layout style paint;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast);will-change:transform}.debug-overlay{border:2px solid red;border-radius:4px;box-shadow:0 2px 8px #000c;font-size:11px;padding:4px 8px;right:8px;top:8px}.debug-label{font-size:9px;margin-bottom:1px}.debug-value{font-size:12px}.super-simple-sticker-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.super-simple-image-container{background:var(--primary-color);flex:1 1;overflow:hidden;position:relative;width:100%}.super-simple-image{height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%;will-change:opacity}.super-simple-image.loaded{opacity:1}.super-simple-placeholder{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;width:100%}.placeholder-logo{height:40px;width:40px}.super-simple-content{display:flex;flex-direction:column;flex-shrink:0;height:40px;justify-content:center;padding:6px 8px}.super-simple-title{color:#fff;font-size:10px;font-weight:500;line-height:1.2;margin:0 0 2px}.super-simple-category,.super-simple-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.super-simple-category{color:#888;font-size:8px;line-height:1.1;margin:0}.super-simple-add-btn{align-items:center;background:var(--buy-button-primary);border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.9;opacity:0;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:opacity var(--transition-fast),background var(--transition-fast);width:24px;z-index:2}.super-simple-sticker-card:hover .super-simple-add-btn{opacity:1}.super-simple-add-btn:hover{background:var(--buy-button-hover);opacity:1}.super-simple-sticker-card *{box-sizing:border-box}.super-simple-sticker-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;break-inside:avoid;page-break-inside:avoid;transform:translateZ(0)}.super-simple-loading-overlay{align-items:center;background:#23262ee6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.super-simple-loading-overlay .clothedeye-loader{margin:0}.super-simple-loading-overlay .clothedeye-loader__logo{margin-bottom:0}.sticker-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:400px;overflow:hidden;position:relative;transition:all .3s ease}.sticker-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.card-image-container{background:#f8f9fa;height:300px;overflow:hidden;position:relative;width:100%}.card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.card-image.loading{opacity:.6}.image-loading-overlay{align-items:center;background:#fffc;bottom:0;color:#6c757d;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.card-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.card-title{-webkit-line-clamp:2;color:#212529;font-size:18px;font-weight:600;line-height:1.3}.card-description,.card-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.card-description{-webkit-line-clamp:3;color:#6c757d;font-size:14px;line-height:1.4}.card-category{align-items:center;color:#6c757d;display:flex;font-size:12px;font-weight:500;gap:6px;text-transform:capitalize}.card-category .material-icon{color:#adb5bd}.selectors-container{align-items:flex-end;display:flex;gap:12px}.color-selector,.size-selector{display:flex;flex:1 1;flex-direction:column;gap:4px}.color-selector label,.size-selector label{color:#495057;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.color-select,.size-select{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.color-select:focus,.size-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.card-price{color:#27ae60;font-size:18px;font-weight:700;margin:8px 0}.add-to-scene-button{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px 16px;transition:all .2s ease}.add-to-scene-button:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.add-to-scene-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.etsy-link{align-items:center;border-radius:6px;color:#6c757d;display:flex;font-size:12px;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.etsy-link:hover{background:#f8f9fa;color:#495057}.admin-indicator{align-items:center;background:#3498dbe6;border-radius:4px;color:#fff;display:flex;font-size:10px;font-weight:500;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.sticker-card.error{border:2px solid #e74c3c}.error-content{color:#e74c3c;padding:24px}.error-content p{font-size:14px;margin:8px 0 0}@media (max-width:768px){.sticker-card{min-height:350px}.card-image-container{height:180px}.card-content{gap:8px;padding:12px}.card-title{font-size:16px}.add-to-scene-button{font-size:13px;padding:10px 14px}}.edit-listing-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 4px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.5px;margin-top:8px;padding:8px 12px;text-transform:uppercase;transition:all .3s ease;width:100%}.edit-listing-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px #28a74566;transform:translateY(-1px)}.edit-listing-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.edit-listing-btn .material-icon{color:#fff;font-size:14px}@media (max-width:768px){.sticker-card.loading{min-height:500px;padding:2rem}.sticker-card.loading .loading-container{padding:1.5rem}}.sticker-card.loading{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;cursor:default;display:flex;height:100%;justify-content:center;min-height:100%;overflow:visible;padding:3rem;pointer-events:none;width:100%}.sticker-card.loading,.sticker-card.loading:hover{box-shadow:none;transform:none}.sticker-card.loading .loading-container{align-items:center;background:none;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center;width:100%}.sticker-card.loading .loading-spinner{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.sticker-card.modal-mode{background:#0000;border-radius:0;box-shadow:none;cursor:default;display:flex;flex-direction:row;height:100%;margin-bottom:0;min-height:300px}.sticker-card.modal-mode:hover{box-shadow:none;transform:none}.sticker-card.modal-mode .card-image-container{background:#f8f9fa;border-radius:12px;flex-shrink:0;height:100%;overflow:hidden;width:50%}.sticker-card.modal-mode .card-image{background:#fff;height:100%;object-fit:contain}.sticker-card.modal-mode .card-content{display:flex;flex-direction:column;gap:12px;height:100%;padding:0 0 0 24px;width:50%}.sticker-card.modal-mode .card-category{color:#fff;font-weight:500;order:-1}.sticker-card.modal-mode .card-description{color:#ccc;flex:1 1;font-size:14px;line-height:1.5;margin:0;overflow-y:auto;padding-right:8px}.sticker-card.modal-mode .selectors-container{border-top:1px solid #444;display:flex;flex-shrink:0;gap:12px;margin-top:auto;padding-top:4px}.sticker-card.modal-mode .color-selector,.sticker-card.modal-mode .size-selector{margin-bottom:12px}.sticker-card.modal-mode .color-selector label,.sticker-card.modal-mode .size-selector label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.sticker-card.modal-mode .color-select,.sticker-card.modal-mode .size-select{background:#fff;border:2px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.sticker-card.modal-mode .color-select:focus,.sticker-card.modal-mode .size-select:focus{border-color:#4caf50;outline:none}.sticker-card.modal-mode .price-container{background:#f8f9fa;border-radius:8px;margin-top:8px;padding:12px}.sticker-card.modal-mode .current-price{color:#28a745;font-size:18px;font-weight:700;margin:0}.sticker-card.modal-mode .modal-purchase-disclaimer{align-items:center;color:#fc6;display:flex;font-size:12px;justify-content:center;line-height:1.3;margin:4px 0 0;padding:0;text-align:center;width:100%}@media (max-width:768px){.sticker-card.modal-mode{flex-direction:column;max-height:none}.sticker-card.modal-mode .card-content,.sticker-card.modal-mode .card-image-container{width:100%}.sticker-card.modal-mode .card-content{padding:16px 0 0}.sticker-card.modal-mode .card-image-container{height:auto;min-height:220px}}.sticker-modal-overlay{align-items:flex-start;background:#0000;bottom:25vh;display:flex;justify-content:center;left:0;padding:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.sticker-modal-content{animation:modalSlideFromTop .4s cubic-bezier(.25,.46,.45,.94);background:#1a1a1a;background:var(--primary-color,#1a1a1a);border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0006;color:#fff;color:var(--text-color,#fff);display:flex;flex-direction:column;height:75vh;max-width:90vw;overflow:visible;pointer-events:auto;position:relative;transform-origin:top center;width:90vw}@keyframes modalSlideFromTop{0%{opacity:.8;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideToTop{0%{opacity:1;transform:translateY(0)}to{opacity:.8;transform:translateY(-100%)}}.sticker-modal-content.closing{animation:modalSlideToTop .3s cubic-bezier(.55,.06,.68,.19) forwards}.modal-header{background:#2a2a2a;background:var(--secondary-color,#2a2a2a);padding:20px 24px}.modal-header h2{color:#fff;color:var(--text-color,#fff);flex:1 1 auto;font-size:1.25rem;font-weight:600;margin:0;max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.modal-header-left{align-items:center;display:flex;flex:1 1;gap:12px}.modal-truescale-badge{align-items:center;display:flex;flex-shrink:0}.modal-truescale-logo{display:block;height:47px;object-fit:contain;width:100px}.modal-header-actions{align-items:center;display:flex;gap:8px}.modal-back-btn,.modal-share-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ccc;color:var(--text-color-muted,#ccc);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease;z-index:10}.modal-back-btn:hover{color:#2196f3}.modal-back-btn:hover,.modal-share-btn:hover{background:#333;background:var(--control-hover-bg,#333);transform:scale(1.1)}.modal-share-btn:hover{color:#4caf50}.modal-close-btn{border-radius:6px;color:#ccc;color:var(--text-color-muted,#ccc);padding:8px;z-index:10}.header-buy-wrapper,.modal-close-btn{position:relative}.header-buy-wrapper .buy-tooltip{background:#332900;border:1px solid #640;border-radius:6px;box-shadow:0 6px 16px #00000059;color:#fc0;font-size:12px;font-weight:500;line-height:1.3;max-width:90vw;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:0;top:120%;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease;width:-webkit-max-content;width:max-content;z-index:20}.header-buy-wrapper:focus-within .buy-tooltip,.header-buy-wrapper:hover .buy-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.modal-warning a{color:#fe4;text-decoration:underline}.modal-warning a:hover{color:#fff}.modal-body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;padding:12px 24px 20px}.modal-similar-indicator{align-items:center;background:#332900;border:1px solid #640;border-radius:999px;bottom:-18px;box-shadow:0 6px 20px #00000059;color:#fc0;display:inline-flex;font-weight:700;gap:6px;justify-content:center;left:50%;max-width:70%;padding:8px 14px;position:absolute;text-align:center;transform:translateX(-50%);white-space:normal;width:auto;z-index:1200}.modal-similar-indicator .similar-text{font-size:13px;letter-spacing:.3px;text-transform:uppercase}.modal-purchase-disclaimer{align-items:center;color:#fc6;display:flex;font-size:12px;gap:6px;justify-content:center;line-height:1.3;margin:10px auto 6px;max-width:80%;text-align:center}.modal-sticky-button{align-items:center;background:#2a2a2a;background:var(--secondary-color,#2a2a2a);border-top:1px solid #333;border-top:1px solid var(--border-color,#333);bottom:0;display:flex;gap:16px;justify-content:space-between;left:0;padding:16px 24px;position:absolute;right:0}.sticky-price{color:#28a745;font-size:18px;font-weight:600}.modal-price-disclaimer{color:#888;font-size:10px;font-style:italic;font-weight:400;line-height:1.2;margin-top:4px}.modal-sticky-button .add-to-scene-button:hover{background:#2980b9;transform:translateY(-1px)}.modal-body .sticker-card{border:none;box-shadow:none!important}.modal-body .card-image{object-fit:contain!important}.share-toast{align-items:center;animation:slideInToast .3s ease-out;background:#4caf50;border-radius:8px;box-shadow:0 4px 12px #4caf504d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;position:absolute;right:24px;top:80px;z-index:1000}@keyframes slideInToast{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.homepage-sticker-card{aspect-ratio:1/1;background:#23262e;border-radius:16px;contain:layout style;cursor:pointer;display:flex;flex-direction:column;overflow:visible;position:relative;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.debug-overlay{background:#ff0000e6;border:4px solid red;border-radius:8px;box-shadow:0 4px 16px #000c;color:#fff;font-family:Courier New,monospace;font-size:22px;font-weight:700;padding:8px 16px;position:absolute;right:16px;top:16px;z-index:10}.debug-number{align-items:center;display:flex;flex-direction:column;line-height:1.1;text-align:center}.debug-label{font-size:18px;margin-bottom:2px;opacity:.9}.debug-value{font-size:24px;font-weight:900}.homepage-sticker-card:hover{box-shadow:0 16px 50px #0000004d;transform:translateY(-4px)}.homepage-image-container{background:#1a1a1a;flex:1 1;overflow:hidden;position:relative;width:100%}.homepage-loader-container{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.homepage-gear-loader{height:40px;position:relative;width:40px}.homepage-gear-spin,.homepage-gear-static{filter:brightness(0) saturate(100%) invert(50%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);height:100%;left:0;position:absolute;top:0;width:100%}.homepage-gear-spin{animation:homepage-gear-rotate 2s linear infinite}.homepage-gear-static{filter:brightness(0) saturate(100%) invert(40%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}@keyframes homepage-gear-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.homepage-image{height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%;will-change:opacity}.homepage-image.loaded{opacity:1}.homepage-placeholder{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;width:100%}.homepage-content{display:flex;flex-direction:column;flex-shrink:0;height:42px;justify-content:center;padding:6px 8px}.homepage-title{color:#fff;font-size:14px;font-weight:500;line-height:1.2;margin:0 0 4px}.homepage-category,.homepage-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homepage-category{color:#888;font-size:11px;line-height:1.1;margin:0}.homepage-sticker-card *{box-sizing:border-box}.homepage-sticker-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;break-inside:avoid;page-break-inside:avoid;transform:translateZ(0)}.truescale-badge{pointer-events:none;position:absolute;right:-16px;top:-13px;z-index:100}.truescale-logo{display:block;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.9));height:43px;object-fit:contain;width:90px}.debug-overlay~.truescale-badge{top:70px}.actual-size-sticker{background:#0000;border-radius:4px;box-shadow:none;display:inline-block;overflow:hidden;position:relative}.sticker-grid{pointer-events:none;z-index:1}.grid-lines,.sticker-grid{height:100%;left:0;position:absolute;top:0;width:100%}.grid-lines{background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-size:48px 48px}.sticker-image{border-radius:4px;filter:drop-shadow(1px 1px 0 #000);height:100%;object-fit:contain;object-position:center;opacity:1;width:100%}.sticker-image[data-type=etsy]{filter:drop-shadow(1px 1px 0 #000) contrast(1.2) brightness(1.1);object-fit:cover;object-position:center 30%;transition:transform .2s ease-in-out}.actual-size-sticker[data-crop=mask] .sticker-image[data-type=etsy]{filter:drop-shadow(1px 1px 0 #000) contrast(1.5) brightness(1.4);height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:transform .2s ease-in-out;width:100%}.sticker-image[data-type=clean]{filter:drop-shadow(1px 1px 0 #000);object-fit:contain;object-position:center;transform:scale(1);transition:transform .2s ease-in-out}.sticker-image[data-type=clean]:hover{transform:scale(1.05)}.image-type-indicator{background:#000000b3;border-radius:3px;color:#fff;font-size:8px;font-weight:600;left:4px;letter-spacing:.5px;padding:2px 6px;pointer-events:none;position:absolute;text-transform:uppercase;top:4px;z-index:4}.image-type-indicator.etsy{background:#ffa500cc;color:#fff}.image-type-indicator.clean{background:#008000cc;color:#fff}.image-type-indicator.fallback{background:#808080cc;color:#fff}.sticker-placeholder{align-items:center;background:#ffffff1a;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.placeholder-logo{height:60%;width:60%}.dimensions-overlay{background:#000c;border-radius:3px;bottom:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;pointer-events:none;position:absolute;right:4px;z-index:3}.dimension-text{font-family:Courier New,monospace;letter-spacing:.5px}.actual-size-sticker.loading{background:#ffffff1a;border:1px dashed #666}.actual-size-sticker.loading,.loading-placeholder{align-items:center;display:flex;justify-content:center}.loading-placeholder{height:100%;width:100%}.loading-logo{animation:pulse 2s infinite;height:40%;opacity:.4;width:40%}.actual-size-sticker.error{align-items:center;background:#ff00001a;border:1px solid #f44;color:#f44;display:flex;justify-content:center}.error-content{align-items:center;display:flex;flex-direction:column;gap:4px;padding:8px;text-align:center}.error-icon{font-size:16px}.error-content p{font-size:10px;line-height:1.2;margin:0}@media (max-width:480px){.dimensions-overlay{font-size:8px;padding:1px 4px}.dimension-text{font-size:8px}}.actual-size-sticker{transform:translateZ(0);will-change:transform}@media print{.actual-size-sticker{border:1px solid #000;box-shadow:none}.dimensions-overlay{background:#fff;border:1px solid #000;color:#000}}.parallax-component{background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}.parallax-component.parallax-loading{background-color:#1a1a1a;height:4px!important}.parallax-component.parallax-loaded,.parallax-component.parallax-loading{transition:height .8s cubic-bezier(.4,0,.2,1)}.parallax-loading-indicator{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.parallax-loading-indicator .loading-progress-bar{background:#ffffff1a;border-radius:4px;box-shadow:inset 0 2px 4px #0000004d;height:8px;margin-bottom:1rem;overflow:hidden;width:200px}.parallax-loading-indicator .loading-progress-fill{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffed4e 50%,gold);border-radius:4px;box-shadow:0 0 10px #ffd70080;height:100%;transition:width .3s ease-out}.parallax-loading-indicator p{color:#ccc;font-size:1rem;font-weight:500;margin:0}.parallax-component .parallax-layer{left:0;pointer-events:auto;position:absolute;right:0;will-change:transform}.parallax-component .parallax-layer>div{cursor:pointer;position:absolute;transition:transform .1s ease}.parallax-component .admin-toggle-btn{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;position:absolute;right:10px;top:10px;transition:background-color .2s ease;z-index:1000}.parallax-component .admin-toggle-btn:hover{background:#555}@media (max-width:768px){.parallax-component .admin-panel{max-height:90vh;max-width:90vw;padding:15px}.parallax-component .admin-panel .layer-control-group{flex-direction:column}}.parallax-component button:focus,.parallax-component input:focus,.parallax-component select:focus{outline:2px solid #4caf50;outline-offset:2px}.parallax-component .admin-panel button:disabled{cursor:not-allowed;opacity:.6}.parallax-component .admin-toggle-btn,.parallax-component .parallax-layer *{transition:all .2s ease}.clothedeye-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;position:relative;text-align:center;width:100%}.clothedeye-error--fullscreen{background-color:#121212;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:9999}.clothedeye-error__logo{margin-bottom:1rem}.clothedeye-error__logo-container{display:inline-block;position:relative}.clothedeye-error__logo-spin,.clothedeye-error__logo-static{display:block}.clothedeye-error__logo-static{left:0;position:absolute;top:0}.clothedeye-error__logo-spin,.clothedeye-error__logo-static{filter:brightness(0) saturate(100%) invert(67%) sepia(63%) saturate(1741%) hue-rotate(1deg) brightness(103%) contrast(96%)}.clothedeye-error__tagline{margin-bottom:21px}.clothedeye-error__tagline-image{display:block;filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}.clothedeye-error__icon{color:#f5a623;margin:.5rem 0;opacity:.9}.clothedeye-error__icon-material{font-size:84px!important;height:84px!important;width:84px!important}.clothedeye-error__title{color:#fff;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:1rem 0 .75rem}.clothedeye-error__description{color:#b0b0b0;font-size:1rem;line-height:1.5;margin:0 0 2rem;max-width:500px}.clothedeye-error__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.clothedeye-error__button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.02em;min-width:120px;padding:.75rem 2rem;text-transform:none;transition:all .2s ease}.clothedeye-error__button--primary{background-color:#f5a623;color:#121212}.clothedeye-error__button--primary:hover{background-color:#ff9800;box-shadow:0 4px 8px #f5a6234d;transform:translateY(-1px)}.clothedeye-error__button--primary:active{transform:translateY(0)}.clothedeye-error__button--secondary{background-color:initial;border:1px solid #444;color:#fff}.clothedeye-error__button--secondary:hover{background-color:#ffffff0d;border-color:#666;transform:translateY(-1px)}.clothedeye-error__button--secondary:active{transform:translateY(0)}.clothedeye-error--light .clothedeye-error__logo-spin,.clothedeye-error--light .clothedeye-error__logo-static{filter:brightness(0) saturate(100%) invert(67%) sepia(63%) saturate(1741%) hue-rotate(1deg) brightness(103%) contrast(96%)}.clothedeye-error--light .clothedeye-error__tagline-image{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(0deg) brightness(0) contrast(100%)}.clothedeye-error--light .clothedeye-error__title{color:#121212}.clothedeye-error--light .clothedeye-error__description{color:#666}.clothedeye-error--light{background-color:#fff}.clothedeye-error--light .clothedeye-error__button--primary{background-color:#f5a623;color:#121212}.clothedeye-error--light .clothedeye-error__button--secondary{background-color:initial;border-color:#ccc;color:#121212}.clothedeye-error--light .clothedeye-error__button--secondary:hover{background-color:#0000000d;border-color:#999}.clothedeye-error--small .clothedeye-error__logo-spin,.clothedeye-error--small .clothedeye-error__logo-static{height:80px;width:80px}.clothedeye-error--small .clothedeye-error__tagline-image{height:auto;width:80px}.clothedeye-error--small .clothedeye-error__title{font-size:1.25rem}.clothedeye-error--small .clothedeye-error__description{font-size:.875rem}.clothedeye-error--small .clothedeye-error__button{font-size:.875rem;min-width:100px;padding:.5rem 1.25rem}.clothedeye-error--medium .clothedeye-error__logo-spin,.clothedeye-error--medium .clothedeye-error__logo-static{height:120px;width:120px}.clothedeye-error--medium .clothedeye-error__tagline-image{height:auto;width:120px}.clothedeye-error--medium .clothedeye-error__title{font-size:1.75rem}.clothedeye-error--medium .clothedeye-error__description{font-size:1rem}.clothedeye-error--large .clothedeye-error__logo-spin,.clothedeye-error--large .clothedeye-error__logo-static{height:160px;width:160px}.clothedeye-error--large .clothedeye-error__tagline-image{height:auto;width:160px}.clothedeye-error--large .clothedeye-error__title{font-size:2.25rem}.clothedeye-error--large .clothedeye-error__description{font-size:1.125rem}.clothedeye-error--large .clothedeye-error__button{font-size:1.125rem;min-width:140px;padding:1rem 2.5rem}@media (max-width:768px){.clothedeye-error{min-height:300px;padding:1.5rem}.clothedeye-error__actions{flex-direction:column;max-width:300px;width:100%}.clothedeye-error__button{width:100%}.clothedeye-error__title{font-size:1.5rem}.clothedeye-error__description{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){.clothedeye-error__button{transition:none}.clothedeye-error__button--primary:hover,.clothedeye-error__button--secondary:hover,.clothedeye-error__button:hover{transform:none}}.tag-chip{align-items:center;background-color:#3498db;border:1px solid #0000;border-radius:12px;color:#fff;cursor:default;display:inline-flex;font-size:11px;font-weight:500;gap:4px;max-width:200px;padding:2px 6px 2px 8px;transition:all .2s ease}.tag-chip:hover{background-color:#2980b9;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.tag-chip:focus{outline:2px solid #fff;outline-offset:2px}.tag-chip .tag-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;padding:2px;transition:background-color .2s ease;width:16px}.remove-btn:focus,.remove-btn:hover{background-color:#fff3}.remove-btn:focus{outline:2px solid #fff;outline-offset:1px}.remove-btn:active{background-color:#ffffff4d}@media (prefers-contrast:high){.tag-chip{border-color:#fff;border-width:2px}.remove-btn{border:1px solid #fff}}@media (prefers-reduced-motion:reduce){.remove-btn,.tag-chip{transition:none}.tag-chip:hover{transform:none}}.tag-filter-container{display:inline-block;position:relative}.tag-filter-button.active{background-color:#333!important;border-color:#666!important;color:#fff!important}.tag-filter-button .button-text{flex:1 1;text-align:left}.filter-reverse-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9e9e9e;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.filter-reverse-btn:hover{background-color:#ffffff1a;color:#fff}.filter-reverse-btn.reversed{color:#3498db;transform:rotate(180deg)}.filter-reverse-btn.reversed:hover{color:#5dade2}.filter-reverse-btn:focus{outline:2px solid #3498db;outline-offset:2px}.filter-reverse-btn.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.filter-reverse-btn.disabled:hover{background-color:initial;color:#9e9e9e}.tag-filter-dropdown{background-color:#2d2d2d;border:2px solid #424242;border-radius:4px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:100%;z-index:1000}.dropdown-search{align-items:center;border-bottom:2px solid #424242;display:flex;gap:8px;padding:12px;position:relative}.dropdown-search .search-icon{color:#9e9e9e;flex-shrink:0}.dropdown-search .dropdown-search-input{background-color:#2d2d2d;border:2px solid #424242;border-radius:4px;box-sizing:border-box;flex:1 1;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;height:40px;outline:none;padding:0 12px;transition:all .2s ease}.dropdown-search .dropdown-search-input,.dropdown-search .dropdown-search-input::placeholder{color:#fff;font-size:12px;font-weight:500}.dropdown-search .dropdown-search-input:focus{border-color:#3498db}.dropdown-filter-reverse-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9e9e9e;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-filter-reverse-btn:hover{background-color:#ffffff1a;color:#fff}.dropdown-filter-reverse-btn.reversed{color:#3498db;transform:rotate(180deg)}.dropdown-filter-reverse-btn.reversed:hover{color:#5dade2}.dropdown-filter-reverse-btn:focus{outline:2px solid #3498db;outline-offset:2px}.clear-search-btn{align-items:center;background:none;border:none;border-radius:2px;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px}.clear-search-btn:hover{background-color:#333;color:#fff}.clear-search-btn:focus{outline:2px solid #3498db;outline-offset:2px}.tag-list{flex:1 1;max-height:300px;overflow-y:auto;padding:8px 0}.tag-option{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;gap:8px;padding:8px 16px;text-align:left;transition:background-color .2s ease;width:100%}.tag-option:hover:not(:disabled){background-color:#333}.tag-option:focus{outline:2px solid #3498db;outline-offset:-2px}.tag-option.selected{background-color:#3498db33;color:#3498db}.tag-option:disabled{cursor:not-allowed;opacity:.5}.tag-option .tag-name{flex:1 1}.tag-option .tag-count{color:inherit;font-size:12px;font-weight:400;margin-left:auto;opacity:.7}.no-results{color:#999;font-size:14px;gap:8px;justify-content:center;padding:16px}.dropdown-footer,.no-results{align-items:center;display:flex}.dropdown-footer{border-top:1px solid #666;justify-content:space-between;padding:12px 16px}.clear-all-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:background-color .2s ease}.clear-all-btn:hover{background-color:#e74c3c1a}.clear-all-btn:focus{outline:2px solid #e74c3c;outline-offset:2px}.max-limit-warning{align-items:center;color:#f39c12;display:flex;font-size:12px;gap:4px}.selected-tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:8px 0}@media (max-width:768px){.tag-filter-dropdown{max-width:calc(100vw - 32px);min-width:240px}.tag-filter-button{font-size:12px;height:40px;min-width:auto;width:100%}}@media (prefers-contrast:high){.dropdown-search-input,.tag-filter-button,.tag-filter-dropdown{border-width:2px}}@media (prefers-reduced-motion:reduce){.clear-all-btn,.tag-filter-button,.tag-option{transition:none}}.hero-loading-background{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.loading-watermark-logo{animation:pulse 2s ease-in-out infinite;filter:brightness(.7);height:auto;max-width:800px;opacity:.15;width:60%}@keyframes pulse{0%{opacity:.1}50%{opacity:.2}to{opacity:.1}}.progress-bar{background:#fff3;border-radius:2px;height:4px;margin-top:8px;width:200px}.progress-fill{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:2px}.loading-pulse{animation:loading-pulse 1.5s ease-in-out infinite!important}@keyframes loading-pulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.smart-loading-indicator{bottom:-60px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.loading-dots{align-items:center;display:flex;gap:8px;justify-content:center}.loading-dots span{animation:loading-dot 1.4s ease-in-out infinite;color:#ffffffb3;font-size:24px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.hero-scene-container{min-height:400px}.hero-scene-canvas,.hero-scene-container{height:100%;position:relative;width:100%}.hero-background-image{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.hero-bkg-img{height:100%;object-fit:cover;object-position:center;transition:filter .5s cubic-bezier(.4,0,.2,1);width:100%}.hero-bkg-img,.hero-bkg-normal{filter:blur(2px) brightness(.7)}.hero-bkg-fading-to-dark{transition:filter .5s cubic-bezier(.4,0,.2,1)}.hero-bkg-dark,.hero-bkg-fading-to-dark{filter:blur(2px) brightness(0)}.hero-bkg-fading-to-new{filter:blur(2px) brightness(.7);transition:filter .5s cubic-bezier(.4,0,.2,1)}.hero-machine-assembly{align-items:center;display:flex;height:80%;isolation:isolate;justify-content:center;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);transition:filter .5s cubic-bezier(.4,0,.2,1);width:80%;z-index:2}.hero-machine-normal{filter:none}.hero-machine-fading-to-dark{filter:brightness(.4);transition:filter .5s cubic-bezier(.4,0,.2,1)}.hero-machine-dark{filter:brightness(.4)}.hero-machine-fading-to-new{filter:none;transition:filter .5s cubic-bezier(.4,0,.2,1)}.hero-machine-core{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.hero-machine-core-img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.hero-machine-left,.hero-machine-middle,.hero-machine-right{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.hero-machine-part-img{height:auto;max-height:100%;max-width:100%;object-fit:contain;position:relative;width:auto;z-index:1}.hero-machine-left{transform:translate(-130%,20%)}.hero-machine-middle{transform:translate(-59%,-19%);z-index:21}.hero-machine-right{transform:translate(32%,20%)}.hero-machine-left.offset-left{transform:translate(-50%,-50%) translateX(-10px)}.hero-machine-left.offset-right{transform:translate(-50%,-50%) translateX(10px)}.hero-machine-left.offset-up{transform:translate(-50%,-50%) translateY(-10px)}.hero-machine-left.offset-down{transform:translate(-50%,-50%) translateY(10px)}.hero-machine-middle.offset-left{transform:translate(-50%,-50%) translateX(-10px)}.hero-machine-middle.offset-right{transform:translate(-50%,-50%) translateX(10px)}.hero-machine-middle.offset-up{transform:translate(-50%,-50%) translateY(-10px)}.hero-machine-middle.offset-down{transform:translate(-50%,-50%) translateY(10px)}.hero-machine-right.offset-left{transform:translate(-50%,-50%) translateX(-10px)}.hero-machine-right.offset-right{transform:translate(-50%,-50%) translateX(10px)}.hero-machine-right.offset-up{transform:translate(-50%,-50%) translateY(-10px)}.hero-machine-right.offset-down{transform:translate(-50%,-50%) translateY(10px)}@keyframes machinePreTeaseLeft{0%,to{transform:translate(-130%,20%) scale(1) rotate(0deg)}25%{transform:translate(-130%,20%) scale(1.05) rotate(1.2deg)}50%{transform:translate(-130%,20%) scale(.95) rotate(-.8deg)}75%{transform:translate(-130%,20%) scale(1.03) rotate(.5deg)}}@keyframes machineActiveLeft{0%,to{transform:translate(-130%,20%) scale(1) rotate(0deg)}8%{transform:translate(-130%,20%) scale(1.06) rotate(1.2deg)}16%{transform:translate(-130%,20%) scale(.94) rotate(-.8deg)}24%{transform:translate(-130%,20%) scale(1.08) rotate(1.5deg)}32%{transform:translate(-130%,20%) scale(.92) rotate(-1.2deg)}40%{transform:translate(-130%,20%) scale(1.05) rotate(.9deg)}48%{transform:translate(-130%,20%) scale(.95) rotate(-1.1deg)}56%{transform:translate(-130%,20%) scale(1.09) rotate(1.8deg)}64%{transform:translate(-130%,20%) scale(.91) rotate(-.9deg)}72%{transform:translate(-130%,20%) scale(1.04) rotate(.7deg)}80%{transform:translate(-130%,20%) scale(.96) rotate(-.6deg)}88%{transform:translate(-130%,20%) scale(1.02) rotate(.4deg)}96%{transform:translate(-130%,20%) scale(.98) rotate(-.2deg)}}@keyframes machinePreTeaseMiddle{0%,to{transform:translate(-59%,-19%) scale(1) rotate(0deg)}25%{transform:translate(-59%,-19%) scale(1.05) rotate(1.2deg)}50%{transform:translate(-59%,-19%) scale(.95) rotate(-.8deg)}75%{transform:translate(-59%,-19%) scale(1.03) rotate(.5deg)}}@keyframes machineActiveMiddle{0%,to{transform:translate(-59%,-19%) scale(1) rotate(0deg)}8%{transform:translate(-59%,-19%) scale(1.06) rotate(1.2deg)}16%{transform:translate(-59%,-19%) scale(.94) rotate(-.8deg)}24%{transform:translate(-59%,-19%) scale(1.08) rotate(1.5deg)}32%{transform:translate(-59%,-19%) scale(.92) rotate(-1.2deg)}40%{transform:translate(-59%,-19%) scale(1.05) rotate(.9deg)}48%{transform:translate(-59%,-19%) scale(.95) rotate(-1.1deg)}56%{transform:translate(-59%,-19%) scale(1.09) rotate(1.8deg)}64%{transform:translate(-59%,-19%) scale(.91) rotate(-.9deg)}72%{transform:translate(-59%,-19%) scale(1.04) rotate(.7deg)}80%{transform:translate(-59%,-19%) scale(.96) rotate(-.6deg)}88%{transform:translate(-59%,-19%) scale(1.02) rotate(.4deg)}96%{transform:translate(-59%,-19%) scale(.98) rotate(-.2deg)}}@keyframes machinePreTeaseRight{0%,to{transform:translate(32%,20%) scale(1) rotate(0deg)}25%{transform:translate(32%,20%) scale(1.05) rotate(1.2deg)}50%{transform:translate(32%,20%) scale(.95) rotate(-.8deg)}75%{transform:translate(32%,20%) scale(1.03) rotate(.5deg)}}@keyframes machineActiveRight{0%,to{transform:translate(32%,20%) scale(1) rotate(0deg)}8%{transform:translate(32%,20%) scale(1.06) rotate(1.2deg)}16%{transform:translate(32%,20%) scale(.94) rotate(-.8deg)}24%{transform:translate(32%,20%) scale(1.08) rotate(1.5deg)}32%{transform:translate(32%,20%) scale(.92) rotate(-1.2deg)}40%{transform:translate(32%,20%) scale(1.05) rotate(.9deg)}48%{transform:translate(32%,20%) scale(.95) rotate(-1.1deg)}56%{transform:translate(32%,20%) scale(1.09) rotate(1.8deg)}64%{transform:translate(32%,20%) scale(.91) rotate(-.9deg)}72%{transform:translate(32%,20%) scale(1.04) rotate(.7deg)}80%{transform:translate(32%,20%) scale(.96) rotate(-.6deg)}88%{transform:translate(32%,20%) scale(1.02) rotate(.4deg)}96%{transform:translate(32%,20%) scale(.98) rotate(-.2deg)}}.hero-machine-left.machine-pre-tease{animation:machinePreTeaseLeft .3s ease-in-out forwards!important}.hero-machine-left.machine-active{animation:machineActiveLeft 1.5s ease-in-out infinite!important}.hero-machine-middle.machine-pre-tease{animation:machinePreTeaseMiddle .3s ease-in-out forwards!important}.hero-machine-middle.machine-active{animation:machineActiveMiddle 1.5s ease-in-out infinite!important}.hero-machine-right.machine-pre-tease{animation:machinePreTeaseRight .3s ease-in-out forwards!important}.hero-machine-right.machine-active{animation:machineActiveRight 1.5s ease-in-out infinite!important}@keyframes machineAwarenessLeft{0%,to{transform:translate(-130%,20%) scale(1) rotate(0deg)}6%{transform:translate(-125%,18%) scale(1.03) rotate(1.5deg)}12%{transform:translate(-132%,22%) scale(.97) rotate(-1.2deg)}18%{transform:translate(-127%,19%) scale(1.05) rotate(2.1deg)}24%{transform:translate(-134%,21%) scale(.95) rotate(-1.8deg)}30%{transform:translate(-126%,17%) scale(1.04) rotate(1.3deg)}36%{transform:translate(-131%,23%) scale(.98) rotate(-2.2deg)}42%{transform:translate(-128%,20%) scale(1.06) rotate(1.7deg)}48%{transform:translate(-133%,19%) scale(.94) rotate(-1.4deg)}54%{transform:translate(-129%,21%) scale(1.02) rotate(2.5deg)}60%{transform:translate(-131%,20%) scale(.99) rotate(-.8deg)}66%{transform:translate(-128%,18%) scale(1.03) rotate(1.1deg)}72%{transform:translate(-132%,22%) scale(.97) rotate(-1.6deg)}78%{transform:translate(-130%,19%) scale(1.01) rotate(.9deg)}84%{transform:translate(-131%,21%) scale(.98) rotate(-.5deg)}90%{transform:translate(-129%,20%) scale(1.01) rotate(.3deg)}96%{transform:translate(-130%,20%) scale(.99) rotate(-.2deg)}}@keyframes machineAwarenessMiddle{0%,to{transform:translate(-59%,-19%) scale(1) rotate(0deg)}8%{transform:translate(-59%,-21%) scale(1.04) rotate(1.2deg)}16%{transform:translate(-59%,-17%) scale(.96) rotate(-.9deg)}24%{transform:translate(-59%,-22%) scale(1.07) rotate(1.8deg)}32%{transform:translate(-59%,-16%) scale(.93) rotate(-1.5deg)}40%{transform:translate(-59%,-20%) scale(1.05) rotate(1.1deg)}48%{transform:translate(-59%,-18%) scale(.95) rotate(-2.1deg)}56%{transform:translate(-59%,-21%) scale(1.08) rotate(1.6deg)}64%{transform:translate(-59%,-17%) scale(.92) rotate(-1.3deg)}72%{transform:translate(-59%,-19%) scale(1.03) rotate(.8deg)}80%{transform:translate(-59%,-18%) scale(.97) rotate(-.6deg)}88%{transform:translate(-59%,-20%) scale(1.01) rotate(.4deg)}96%{transform:translate(-59%,-19%) scale(.99) rotate(-.2deg)}}@keyframes machineAwarenessRight{0%,to{transform:translate(32%,20%) scale(1) rotate(0deg)}6%{transform:translate(27%,18%) scale(1.03) rotate(-1.5deg)}12%{transform:translate(34%,22%) scale(.97) rotate(1.2deg)}18%{transform:translate(25%,19%) scale(1.05) rotate(-2.1deg)}24%{transform:translate(36%,21%) scale(.95) rotate(1.8deg)}30%{transform:translate(28%,17%) scale(1.04) rotate(-1.3deg)}36%{transform:translate(33%,23%) scale(.98) rotate(2.2deg)}42%{transform:translate(26%,20%) scale(1.06) rotate(-1.7deg)}48%{transform:translate(35%,19%) scale(.94) rotate(1.4deg)}54%{transform:translate(29%,21%) scale(1.02) rotate(-2.5deg)}60%{transform:translate(31%,20%) scale(.99) rotate(.8deg)}66%{transform:translate(28%,18%) scale(1.03) rotate(-1.1deg)}72%{transform:translate(34%,22%) scale(.97) rotate(1.6deg)}78%{transform:translate(32%,19%) scale(1.01) rotate(-.9deg)}84%{transform:translate(31%,21%) scale(.98) rotate(.5deg)}90%{transform:translate(33%,20%) scale(1.01) rotate(-.3deg)}96%{transform:translate(32%,20%) scale(.99) rotate(.2deg)}}@keyframes machineCoreAwareness{0%,to{transform:translate(-50%,-50%)}12%{transform:translate(-50%,-51.3%)}25%{transform:translate(-50%,-48.7%)}37%{transform:translate(-50%,-51.5%)}50%{transform:translate(-50%,-48.5%)}62%{transform:translate(-50%,-50.7%)}75%{transform:translate(-50%,-49.3%)}87%{transform:translate(-50%,-50.7%)}}.hero-machine-core.machine-aware{animation:machineCoreAwareness 2.8s ease-in-out infinite!important}.hero-machine-left.machine-aware{animation:machineAwarenessLeft 2.5s ease-in-out infinite!important}.hero-machine-middle.machine-aware{animation:machineAwarenessMiddle 2.3s ease-in-out infinite!important}.hero-machine-right.machine-aware{animation:machineAwarenessRight 2.7s ease-in-out infinite!important}@keyframes machineCoreBreakdown{0%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}10%{transform:translate(-50%,-48%) scale(1.02) rotate(1deg)}20%{transform:translate(-50%,-46%) scale(.98) rotate(-2deg)}30%{transform:translate(-50%,-42%) scale(1.01) rotate(1deg)}40%{transform:translate(-50%,-35%) scale(.99) rotate(-1deg)}50%{transform:translate(-50%,-20%) scale(1.01) rotate(2deg)}60%{transform:translate(-50%) scale(.98) rotate(-3deg)}70%{transform:translate(-50%,25%) scale(1.02) rotate(4deg)}80%{transform:translate(-50%,55%) scale(.97) rotate(-2deg)}90%{transform:translate(-50%,80%) scale(1.01) rotate(1deg)}to{transform:translate(-50%,90%) scale(.95) rotate(0deg)}}@keyframes machineLeftBreakdown{0%{transform:translate(-130%,20%) scale(1) rotate(0deg)}8%{transform:translate(-128%,18%) scale(1.03) rotate(2deg)}15%{transform:translate(-135%,15%) scale(.98) rotate(-3deg)}25%{transform:translate(-145%,10%) scale(1.01) rotate(5deg)}35%{transform:translate(-160%,5%) scale(.97) rotate(-8deg)}45%{transform:translate(-180%,15%) scale(1.02) rotate(12deg)}55%{transform:translate(-205%,30%) scale(.96) rotate(-15deg)}65%{transform:translate(-230%,50%) scale(1.01) rotate(18deg)}75%{transform:translate(-255%,75%) scale(.94) rotate(-22deg)}85%{transform:translate(-275%,95%) scale(.98) rotate(25deg)}95%{transform:translate(-290%,110%) scale(.92) rotate(-28deg)}to{transform:translate(-300%,120%) scale(.9) rotate(-30deg)}}@keyframes machineMiddleBreakdown{0%{transform:translate(-59%,-19%) scale(1) rotate(0deg)}3%{transform:translate(-57%,-21%) scale(1.08) rotate(3deg)}6%{transform:translate(-61%,-17%) scale(.92) rotate(-4deg)}9%{transform:translate(-55%,-23%) scale(1.12) rotate(6deg)}12%{transform:translate(-63%,-15%) scale(.88) rotate(-7deg)}15%{transform:translate(-53%,-25%) scale(1.15) rotate(8deg)}18%{transform:translate(-65%,-13%) scale(.85) rotate(-9deg)}22%{transform:translate(-59%,-19%) scale(1.05) rotate(5deg)}26%{transform:translate(-59%,-17%) scale(.95) rotate(-3deg)}30%{transform:translate(-59%,-15%) scale(1.02) rotate(2deg)}40%{transform:translate(-59%,-5%) scale(.98) rotate(-4deg)}50%{transform:translate(-59%,15%) scale(1.01) rotate(6deg)}60%{transform:translate(-59%,40%) scale(.97) rotate(-8deg)}70%{transform:translate(-59%,70%) scale(1.02) rotate(10deg)}80%{transform:translate(-59%,95%) scale(.96) rotate(-12deg)}90%{transform:translate(-59%,115%) scale(1.01) rotate(8deg)}to{transform:translate(-59%,125%) scale(.94) rotate(-5deg)}}@keyframes machineRightBreakdown{0%{transform:translate(32%,20%) scale(1) rotate(0deg)}12%{transform:translate(34%,18%) scale(1.03) rotate(-2deg)}18%{transform:translate(40%,15%) scale(.98) rotate(3deg)}28%{transform:translate(50%,10%) scale(1.01) rotate(-5deg)}38%{transform:translate(65%,5%) scale(.97) rotate(8deg)}48%{transform:translate(85%,15%) scale(1.02) rotate(-12deg)}58%{transform:translate(110%,30%) scale(.96) rotate(15deg)}68%{transform:translate(135%,50%) scale(1.01) rotate(-18deg)}78%{transform:translate(160%,75%) scale(.94) rotate(22deg)}88%{transform:translate(180%,95%) scale(.98) rotate(-25deg)}96%{transform:translate(195%,110%) scale(.92) rotate(28deg)}to{transform:translate(205%,120%) scale(.9) rotate(30deg)}}.hero-machine-core.machine-breakdown{animation:machineCoreBreakdown 2.5s cubic-bezier(.25,.46,.45,.94) forwards!important;animation-delay:.2s}.hero-machine-left.machine-breakdown{animation:machineLeftBreakdown 2.8s cubic-bezier(.25,.46,.45,.94) forwards!important;animation-delay:0s}.hero-machine-middle.machine-breakdown{animation:machineMiddleBreakdown 2.3s cubic-bezier(.25,.46,.45,.94) forwards!important;animation-delay:.1s}.hero-machine-right.machine-breakdown{animation:machineRightBreakdown 2.9s cubic-bezier(.25,.46,.45,.94) forwards!important;animation-delay:.4s}.center-arm-sticker.hero-card-hidden,.hero-card-hidden,.left-arm-sticker.hero-card-hidden,.right-arm-sticker.hero-card-hidden{opacity:0;transform:translate(-50%,-50%) scale(0);transition:none}@keyframes mechanicalExtrusion{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}20%{opacity:1;transform:translate(-50%,-50%) scale(.3)}40%{transform:translate(-50%,-50%) scale(.6)}60%{transform:translate(-50%,-50%) scale(.8)}80%{transform:translate(-50%,-50%) scale(.95)}90%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}.center-arm-sticker.hero-card-growing,.hero-card-growing,.left-arm-sticker.hero-card-growing,.right-arm-sticker.hero-card-growing{animation:mechanicalExtrusion 1s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:1}@keyframes randomWiggle1{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}20%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}40%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}60%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}80%{transform:translate(-50%,-50%) scale(1) rotate(.5deg)}}@keyframes randomWiggle2{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}16%{transform:translate(-50%,-50%) scale(1) rotate(3deg)}33%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}50%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}66%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}83%{transform:translate(-50%,-50%) scale(1) rotate(.5deg)}}@keyframes randomWiggle3{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}12%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}25%{transform:translate(-50%,-50%) scale(1) rotate(2deg)}37%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}50%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}62%{transform:translate(-50%,-50%) scale(1) rotate(-.5deg)}75%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}87%{transform:translate(-50%,-50%) scale(1) rotate(-.5deg)}}@keyframes randomWiggle4{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}10%{transform:translate(-50%,-50%) scale(1) rotate(2deg)}20%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}30%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}40%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}50%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}60%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}70%{transform:translate(-50%,-50%) scale(1) rotate(.5deg)}80%{transform:translate(-50%,-50%) scale(1) rotate(-.5deg)}90%{transform:translate(-50%,-50%) scale(1) rotate(.5deg)}}@keyframes randomWiggle5{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}8%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}16%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}24%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}32%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}40%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}48%{transform:translate(-50%,-50%) scale(1) rotate(2deg)}56%{transform:translate(-50%,-50%) scale(1) rotate(-1deg)}64%{transform:translate(-50%,-50%) scale(1) rotate(.5deg)}72%{transform:translate(-50%,-50%) scale(1) rotate(-.5deg)}80%{transform:translate(-50%,-50%) scale(1) rotate(1deg)}88%{transform:translate(-50%,-50%) scale(1) rotate(-.5deg)}96%{transform:translate(-50%,-50%) scale(1) rotate(.5deg)}}.center-arm-sticker.hero-card-wiggling,.hero-card-wiggling,.left-arm-sticker.hero-card-wiggling,.right-arm-sticker.hero-card-wiggling{opacity:1}.hero-card-wiggling.randomWiggle2{animation:randomWiggle2 .2s ease-in-out forwards}.hero-card-wiggling.randomWiggle3{animation:randomWiggle3 .2s ease-in-out forwards}.hero-card-wiggling.randomWiggle4{animation:randomWiggle4 .2s ease-in-out forwards}.hero-card-wiggling.randomWiggle5{animation:randomWiggle5 .2s ease-in-out forwards}@keyframes gravityFall{0%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}20%{transform:translate(-50%,-30%) scale(1) rotate(5deg)}40%{transform:translate(-50%,-10%) scale(1) rotate(-3deg)}60%{transform:translate(-50%,10%) scale(1) rotate(8deg)}80%{transform:translate(-50%,30%) scale(1) rotate(-5deg)}to{transform:translate(-50%,80%) scale(1) rotate(0deg)}}.hero-card-falling{animation:gravityFall .4s cubic-bezier(.25,.46,.45,.94) forwards;opacity:1}.hero-card-attached,.hero-card-final{opacity:1;transform:translate(-50%,-50%) scale(1);transition:none}.hero-card-attached{cursor:pointer}.hero-card-attached:hover{transform:translate(-50%,-50%) scale(1.05);z-index:999!important}.center-arm-sticker.hero-card-attached,.left-arm-sticker.hero-card-attached,.right-arm-sticker.hero-card-attached{cursor:pointer;opacity:1;transform:translate(-50%,-50%) scale(1);transition:none}.center-arm-sticker.hero-card-attached:hover,.left-arm-sticker.hero-card-attached:hover,.right-arm-sticker.hero-card-attached:hover{transform:translate(-50%,-50%) scale(1.05);z-index:15!important}.hero-card-animated{position:absolute;will-change:transform,opacity}.left-arm-sticker{left:30%;top:70%}.center-arm-sticker,.left-arm-sticker{position:absolute;transform:translate(-50%,-50%);z-index:10}.center-arm-sticker{left:50%;top:62%}.right-arm-sticker{left:56%;position:absolute;top:70%;transform:translate(-50%,-50%);z-index:10}.hero-scene-grid{background-image:linear-gradient(to right,var(--border-light) 1px,#0000 1px),linear-gradient(to bottom,var(--border-light) 1px,#0000 1px);background-size:20px 20px;height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}.hero-sticker{cursor:pointer;position:absolute;transition:all var(--transition-normal)}.hero-sticker:hover{transform:scale(1.05);z-index:999!important}.hero-sticker-svg{height:100%;object-fit:contain;transition:all var(--transition-fast);width:100%}.hero-stats-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border:1px solid var(--border-light);border-radius:var(--radius-lg);bottom:var(--space-4);box-shadow:var(--shadow-sm);justify-content:space-between;left:var(--space-4);padding:var(--space-3);position:absolute;right:var(--space-4)}.hero-stat,.hero-stats-overlay{align-items:center;display:flex}.hero-stat{flex-direction:column;gap:var(--space-1)}.hero-stat-number{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.hero-stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.prepared-card-demo{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:20px}.prepared-card-demo h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:10px;text-align:center}.prepared-card-demo .prepared-card{margin:10px}.prepared-cards-scatter{height:600px;margin:0 auto;max-width:900px;overflow:visible;position:relative;width:100%}.prepared-cards-scatter .prepared-card{cursor:pointer;transition:all .3s ease}.prepared-cards-scatter .prepared-card:hover{transform:translateY(-8px) scale(1.05)!important;z-index:10!important}.hero-full-scatter{height:75vh;max-height:900px;min-height:600px;overflow:hidden;position:relative;width:100%;z-index:10}.hero-content:has(.hero-full-scatter){align-items:stretch!important;display:block!important;gap:0!important;grid-template-columns:none!important;max-height:900px!important;min-height:75vh!important}.hero-content .hero-full-scatter{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content.hero-full-content{align-items:stretch!important;display:block!important;gap:0!important;grid-template-columns:none!important;max-height:900px!important;min-height:75vh!important}.hero.hero-full-section,.hero:has(.hero-full-scatter){padding:0}.hero.hero-full-section .container-professional,.hero:has(.hero-full-scatter) .container-professional{margin:0;max-width:100%;padding:0}.hero-scene-button{bottom:80px;position:absolute;right:16px;z-index:1010}.hero-watermark-background{align-items:center;background:#ffffff03;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.watermark-logo-background{filter:brightness(0) invert(1);height:100%;max-height:none;max-width:none;object-fit:contain;opacity:.4;width:100%}.hero-watermark{align-items:center;background:#ffffff05;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.watermark-logo{filter:grayscale(100%) brightness(.7);height:100%;max-height:none;max-width:none;object-fit:contain;opacity:.15;width:100%}.prepared-cards-full-scatter{height:100%;overflow:hidden;position:relative;transform:perspective(1200px) rotateX(5deg) rotateY(-3deg);transform-origin:top left;width:100%;z-index:4}.prepared-cards-full-scatter .prepared-card{cursor:pointer;position:relative;transition:all .3s ease;z-index:20}.prepared-cards-full-scatter .prepared-card:hover{transform:translateY(-8px) scale(1.05)!important;z-index:50!important}.prepared-sticker-showcase{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:0 auto;max-width:480px;padding:var(--space-6);width:100%}.showcase-header{margin-bottom:var(--space-6);text-align:center}.showcase-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--space-2)}.showcase-header p{color:var(--text-secondary);font-size:var(--font-size-sm);opacity:.8}.prepared-stickers-grid{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6);min-height:120px}.showcase-card{transition:all .3s ease}.showcase-card:hover{transform:translateY(-4px) scale(1.05)}.showcase-features{display:flex;flex-direction:column;gap:var(--space-3);max-width:320px;width:100%}.feature-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:all .3s ease}.feature-item:hover{background:#ffffff14;border-color:#fff3;transform:translateX(4px)}.feature-item span{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.feature-item .material-icons{color:var(--accent-primary);font-size:18px}@media (max-width:768px){.hero-scene-container,.prepared-card-demo{min-height:300px}.prepared-card-demo{gap:15px;padding:15px}.prepared-card-demo h3{font-size:1.1rem}.prepared-cards-scatter{height:450px;max-width:100%}.prepared-cards-scatter .prepared-card{transform:scale(.8)!important}.prepared-cards-scatter .prepared-card:hover{transform:translateY(-6px) scale(.85)!important}.hero-full-scatter{height:65vh;max-height:750px;min-height:500px;overflow:hidden;z-index:10}.hero-content:has(.hero-full-scatter){max-height:750px;min-height:65vh}.hero-content.hero-full-content{max-height:750px;min-height:65vh}.hero-scene-button{right:24px;top:24px}.prepared-cards-full-scatter .prepared-card{transform:scale(.8)!important}.prepared-cards-full-scatter .prepared-card:hover{transform:translateY(-6px) scale(.85)!important;z-index:50!important}.prepared-sticker-showcase{max-width:100%;padding:var(--space-4)}.showcase-header h3{font-size:var(--font-size-lg)}.prepared-stickers-grid{gap:var(--space-3);margin-bottom:var(--space-4)}.feature-item,.showcase-features{gap:var(--space-2)}.feature-item,.hero-stats-overlay{padding:var(--space-2)}.hero-stats-overlay{bottom:var(--space-3);left:var(--space-3);right:var(--space-3)}.hero-stat-number{font-size:var(--font-size-base)}.hero-stat-label{font-size:10px}}@media (max-width:480px){.hero-scene-container,.prepared-card-demo{min-height:240px}.prepared-card-demo{gap:10px;padding:10px}.prepared-card-demo h3{font-size:1rem}.prepared-cards-scatter{height:350px;max-width:100%}.prepared-cards-scatter .prepared-card{transform:scale(.6)!important}.prepared-cards-scatter .prepared-card:hover{transform:translateY(-4px) scale(.65)!important}.hero-full-scatter{height:60vh;max-height:600px;min-height:400px;overflow:hidden;z-index:10}.hero-content:has(.hero-full-scatter){max-height:600px;min-height:60vh}.hero-scene-button{right:16px;top:16px}.prepared-cards-full-scatter .prepared-card{transform:scale(.6)!important}.prepared-cards-full-scatter .prepared-card:hover{transform:translateY(-4px) scale(.65)!important;z-index:50!important}.prepared-sticker-showcase{padding:var(--space-3)}.showcase-header{margin-bottom:var(--space-4)}.prepared-stickers-grid{align-items:center;flex-direction:column;gap:var(--space-2)}.hero-stats-overlay{flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.hero-stat{flex-direction:row;gap:var(--space-2)}.hero-stat-number{font-size:var(--font-size-sm)}.hero-stat-label{font-size:10px}}.prepared-card{border-radius:4px;display:inline-block;position:relative}.prepared-card.flipped{transform:scaleX(-1)!important}.prepared-card.flipped,.prepared-card.flipped *,.prepared-card.flipped:hover,.prepared-card.flipped:hover *{animation:none!important;transition:none!important}.prepared-card.flipped:hover{transform:scaleX(-1)!important}.interaction-buttons{align-items:flex-start;bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:8px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:50}.prepared-card:hover .interaction-buttons{opacity:1;pointer-events:auto}.interaction-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px;z-index:9999}.interaction-button:hover{background:#000000e6;box-shadow:0 4px 12px #0006;transform:scale(1.1)}.interaction-button:active{transform:scale(.95)}.interaction-button .material-icons{color:#fff;font-family:Material Symbols Outlined,Material Icons,sans-serif;font-size:18px}.view-button{background:#3498dbe6}.view-button:hover{background:#3498db}.new-button{background:#2ecc71e6}.new-button:hover{background:#2ecc71}.prepared-card.flipped:hover .transfer-tape-shine{animation:none!important;background-position:-150% 0,0 0!important;opacity:.7!important;transform:translate(-50%,-50%) scaleX(-1)!important;transition:none!important}.prepared-card.flipped .transfer-tape-shine{animation:none!important;transform:translate(-50%,-50%) scaleX(-1);transition:none!important}.backing-paper{background:#fefcf8;background-image:radial-gradient(circle at 30% 20%,#f0ebe14d 0,#0000 50%),radial-gradient(circle at 70% 80%,#f0ebe14d 0,#0000 50%);border:1px solid #f0ede8;border-radius:4px;height:calc(100% - 48px);width:calc(100% - 48px);z-index:1}.backing-paper,.sticker-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.sticker-container{height:calc(100% - 72px);width:calc(100% - 72px);z-index:2}.sticker-svg{display:block;height:100%;object-fit:contain;width:100%}.hero-full-scatter .prepared-cards-full-scatter .prepared-card .sticker-container{filter:drop-shadow(.5px .5px .5px rgba(0,0,0,.5))}.prepared-card.flipped:hover .sticker-svg{transform:none!important}.transfer-tape{-webkit-backdrop-filter:blur(.3px);backdrop-filter:blur(.3px);background:#ffffff0a;border:1px solid #ffffff14;z-index:3}.transfer-tape,.transfer-tape-shine{border-radius:4px;height:calc(100% - 48px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px)}.transfer-tape-shine{background:linear-gradient(135deg,#fff9,#fff3 25%,#ffffff1a 50%,#fff3 75%,#ffffff80);background-image:linear-gradient(135deg,#fff9,#fff3 25%,#ffffff1a 50%,#fff3 75%,#ffffff80);background-position:0 0;background-size:100% 100%;box-shadow:inset 0 0 20px #fff3,inset 0 0 40px #ffffff1a;opacity:.7;pointer-events:none;z-index:5}.prepared-card:hover .transfer-tape-shine{opacity:.7}.tape-grid{background-image:linear-gradient(90deg,#dc325073 1px,#0000 0),linear-gradient(180deg,#dc325073 1px,#0000 0);background-size:48px 48px;border-radius:3px;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}@media (max-width:768px){.tape-grid{background-size:42px 42px}}@media (max-width:480px){.tape-grid{background-size:40px 40px}}.sticker-container.sticker-loading{align-items:center;display:flex;justify-content:center;opacity:1}.prepared-card-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.prepared-card-loading-logo{filter:brightness(1.2)}.prepared-card.loading .backing-paper,.prepared-card.loading .transfer-tape,.prepared-card.loading .transfer-tape-shine{opacity:0;pointer-events:none}.main-navigation{background-color:initial;display:flex;justify-content:center;padding:0;position:relative;width:100%;z-index:1001}.nav-container{height:auto;justify-content:center}.nav-container,.nav-item{align-items:center;display:flex;gap:8px}.nav-item{background:#0000;border:2px solid #0000;border-radius:4px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;min-height:40px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background-color:#ffffff14;border-color:#666}.nav-item:focus{background-color:#ffffff1f;border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.nav-item.active{background-color:#3498db;border-color:#3498db;color:#fff}.nav-item.active:hover{background-color:#2980b9;border-color:#2980b9}.nav-item .material-icon,.nav-item .material-symbols-outlined{color:inherit;flex-shrink:0}.nav-label{color:inherit;white-space:nowrap}@media (max-width:768px){.nav-container{gap:4px;padding:0 8px}.nav-item{font-size:13px;padding:8px 12px}.nav-label{display:none}.nav-item{justify-content:center;min-width:44px}}@media (max-width:480px){.nav-container{flex-direction:row;height:auto;justify-content:space-around;padding:8px}.nav-item{flex:1 1;max-width:80px}}@media (prefers-contrast:high){.nav-item{border-color:#666}.nav-item.active,.nav-item:focus{border-color:#fff}.nav-item.active{background-color:#000;color:#fff}}@media (prefers-reduced-motion:reduce){.nav-item{transition:none}}.main-header{background:linear-gradient(135deg,#23262e,#181b22);box-sizing:border-box;color:#fff;padding:1rem 0;position:relative;text-align:center;width:100%;z-index:1000}.main-header .header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.main-header .header-logo img{height:48px}.main-header .header-logo img,.main-header .header-tagline img{filter:brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(0deg) brightness(100%) contrast(100%);width:auto}.main-header .header-tagline img{height:32px}.main-header .header-content .main-navigation{display:flex;flex:1 1;justify-content:center}@media (max-width:768px){.main-header .header-content{flex-direction:column;gap:1rem;padding:.5rem 1rem}.main-header .header-logo img{height:40px}.main-header .header-tagline img{height:28px}}@media (max-width:480px){.main-header .header-content{gap:.75rem;padding:.5rem .75rem}.main-header .header-logo img{height:36px}.main-header .header-tagline img{height:24px}}.new-homepage{background:#0f0f0f;display:flex;flex-direction:column;min-height:100vh}.controls-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1a;border-bottom:1px solid #333;box-shadow:0 2px 8px #00000026;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.controls-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin:0 auto;max-width:1200px;padding:0 16px}.search-container{flex:1 1;max-width:400px;min-width:280px;position:relative}.search-field{align-items:center;background-color:var(--control-bg);border:2px solid var(--control-border);border-radius:var(--border-radius-sm);box-sizing:border-box;display:flex;gap:8px;height:40px;padding:0 16px;position:relative;transition:all var(--transition-cubic)}.search-field:focus-within,.search-field:hover{background-color:var(--control-hover-bg);border-color:var(--control-hover-border)}.search-field .search-icon{color:#9e9e9e;flex-shrink:0;transition:color .2s cubic-bezier(.4,0,.2,1)}.search-field:focus-within .search-icon{color:#fff}.search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1px;outline:none}.search-input::placeholder{color:#9e9e9e;transition:color .2s cubic-bezier(.4,0,.2,1)}.search-field:focus-within .search-input::placeholder{color:#999}.search-clear-btn{align-items:center;background:none;border:none;border-radius:2px;color:#9e9e9e;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-clear-btn:hover{background-color:#333;color:#fff}.search-clear-btn:focus{outline:2px solid #3498db;outline-offset:2px}.sort-container{display:inline-block}.sort-text{flex:1 1;text-align:left}.sort-reverse-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9e9e9e;cursor:pointer;display:flex;justify-content:center;margin-left:4px;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sort-reverse-btn:hover{background-color:#ffffff1a;color:#fff}.sort-reverse-btn.reversed{color:#3498db;transform:rotate(180deg)}.sort-reverse-btn.reversed:hover{color:#5dade2}.sort-option.selected{background-color:#333;font-weight:600}.tag-filter-container{align-items:center;display:flex}.selected-tags-display{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:left;margin:0 auto;max-width:1200px;padding:12px 16px}.group-container,.search-container,.sort-container,.tag-filter-container{align-items:center;display:flex;transition:all var(--transition-cubic)}.group-container{align-items:center;display:flex}.group-toggle-btn.active{background-color:gold!important;border-color:gold!important;color:#1a1a1a!important;font-weight:600!important}.group-toggle-btn.active:hover{background-color:#ffed4e!important;border-color:#ffed4e!important}.results-counter{color:#ccc;font-size:.9rem;font-weight:500;margin:.5rem auto 0;max-width:1200px;padding:0 1rem}.sticker-card-wrapper:hover{transform:translateY(-2px)}.loading-more{background:#ffffff0d;border-radius:8px;justify-content:center;margin:2rem 0;padding:2rem}.loading-more p{color:#ccc;font-size:12px}.end-of-all-results{background:#ffffff0d;border-radius:8px;color:#ccc;margin:2rem 0;padding:2rem}.end-of-all-results p{font-size:12px;margin:0}.new-homepage-main{flex:1 1;padding:0}.category-groups{display:flex;flex-direction:column}.category-group{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:1rem;overflow:visible}.category-parallax-scene{border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-bottom:20px;overflow:hidden}.category-header{align-items:center;display:flex;height:0;justify-content:space-between;margin-bottom:.5rem;padding:0;position:relative}.category-title{background:#3498dbe6;border:1px solid #3498db4d;border-radius:0 12px 0 0;font-weight:600;margin:0;text-transform:capitalize}.category-count,.category-title{font-size:.8rem;padding:.25rem .75rem}.category-count{background:var(--primary-color);border-radius:12px 0 0 0;bottom:0;color:#fff;font-weight:500;position:absolute;right:0}.homepage-large-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,170px));justify-content:center;margin:0 auto;max-width:1400px;padding:16px;position:relative}.error-container,.loading-container{background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;overflow:hidden;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1)}.loading-container:before{animation:backgroundPulse 4s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffd7000d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundPulse{0%,to{opacity:.3}50%{opacity:.6}}.clothedeye-tagline{margin-bottom:1.5rem}.clothedeye-tagline img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(0deg) brightness(100%) contrast(100%)}.loading-container.transition-mode{background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0f0f0f)}.loading-container.transition-mode .clothedeye-logo,.loading-container.transition-mode .clothedeye-tagline{animation:logoZoomOut 1.2s cubic-bezier(.4,0,.2,1) forwards}.loading-container.transition-mode .welcome-text{animation:textFadeOut 1s ease-out .2s forwards}@keyframes logoZoomOut{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(.1)}}@keyframes textFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.error-container .material-icon,.loading-container .material-icon{margin-bottom:1rem;opacity:.6}.error-page{background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0f0f0f);color:#fff;display:flex;flex-direction:column;min-height:100vh}.error-header{background:linear-gradient(135deg,#23262e,#181b22);box-sizing:border-box;padding:1rem 0;position:relative;text-align:center;width:100%;z-index:1000}.error-header-content{align-items:center;display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px;padding:0 1rem}.error-header-logo img{height:48px}.error-header-logo img,.error-header-tagline img{filter:brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(0deg) brightness(100%) contrast(100%);width:auto}.error-header-tagline img{height:32px}.error-container{flex:1 1;padding:2rem}.error-container h2{font-size:1.5rem;margin-bottom:16px}.error-container p{color:#ccc;margin-bottom:32px;max-width:500px}.error-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.retry-button{background:gold;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:14px 28px;transition:all .2s ease}.retry-button:hover{background:#ffed4e;transform:translateY(-1px)}.etsy-button{align-items:center;background:#f56400;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:140px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.etsy-button:hover{background:#ff7a1a;transform:translateY(-1px)}@media (max-width:768px){.error-header-content{flex-direction:column;gap:1rem;padding:.5rem 1rem}.error-header-logo img{height:40px}.error-header-tagline img{height:28px}.error-container{padding:1rem}.error-buttons{align-items:center;flex-direction:column}.etsy-button,.retry-button{max-width:200px;width:100%}}.new-homepage-footer{background:#23262e;color:#fff;margin-top:auto;padding:1rem 0;text-align:center}.new-homepage-footer p{font-size:.9rem;margin:0;opacity:.8}@media (min-width:769px) and (max-width:1024px){.controls-container{gap:12px;padding:0 12px}.search-container{max-width:320px;min-width:240px}}@media (max-width:768px){.category-header{height:28px;padding:0 .4rem}.category-title{font-size:.7rem;padding:.2rem .6rem}.category-count{font-size:.6rem;padding:.2rem .6rem}.controls-container{align-items:stretch;flex-direction:column;gap:12px;padding:0 12px}.search-container{max-width:none;min-width:auto}.search-field{height:40px}.group-container,.sort-container{width:100%}.homepage-large-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,160px));padding:12px}}@media (max-width:480px){.homepage-large-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,180px));padding:8px}}.compact-stickers-grid .simple-sticker-card{border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;height:auto!important;min-height:112px;position:relative;transition:all .2s ease;width:100%!important}.compact-stickers-grid .simple-card-image-container{border-radius:8px 8px 0 0;height:80px}.compact-stickers-grid .simple-card-content{min-height:40px;padding:.5rem}.compact-stickers-grid .simple-card-title{font-size:11px;line-height:1.2;margin:0}.compact-stickers-grid .simple-zoom-controls{gap:2px;padding:2px;right:4px;top:4px}.compact-stickers-grid .simple-zoom-btn{height:20px;width:20px}.compact-stickers-grid .simple-zoom-level{font-size:10px;min-width:28px}@media (max-width:768px){.compact-stickers-grid .simple-sticker-card{min-height:120px}.compact-stickers-grid .simple-card-image-container{height:80px}.compact-stickers-grid .simple-card-content{min-height:35px;padding:.4rem}.compact-stickers-grid .simple-card-title{font-size:10px}}@media (max-width:480px){.compact-stickers-grid .simple-sticker-card{min-height:100px}.compact-stickers-grid .simple-card-image-container{height:70px}.compact-stickers-grid .simple-card-content{min-height:30px;padding:.3rem}.compact-stickers-grid .simple-card-title{font-size:9px}}.no-results{padding:4rem 2rem}.no-results p{font-size:1.1rem}.loading-container{color:#ccc;min-height:60vh}.loading-container.transition-mode{background:linear-gradient(135deg,#1a1a1a,#23262e);min-height:100vh}.clothedeye-tagline{margin-bottom:2rem}.clothedeye-tagline img{height:auto;opacity:.6;width:200px}.welcome-text{opacity:.8}.welcome-text h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.welcome-text p{font-size:1rem;margin:0;opacity:.7}.loading-progress{margin-top:2rem;max-width:90vw;width:300px}.progress-bar{background:#ffffff1a;box-shadow:inset 0 2px 4px #0000004d;margin-bottom:1rem}.progress-fill{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffed4e 50%,gold);box-shadow:0 0 10px #ffd70080;transition:width .3s ease-out}@keyframes progressGlow{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.progress-text{color:#ccc;font-size:.9rem;font-weight:500;margin:0}.parallax-scene-container{position:relative;width:100%}.parallax-category-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.category-label{background:#2563eb;border-radius:0 12px 0 0;bottom:0;color:#fff;font-size:.9rem;font-weight:500;left:0;padding:.5rem 1rem;position:absolute}.sort-icon{cursor:pointer;transition:all .2s ease}.sort-icon:hover{color:#3498db}.sort-icon.reversed{color:#3498db;transform:rotate(180deg)}.new-homepage.modal-open{padding-top:67vh}.new-homepage.modal-open .controls-section,.new-homepage.modal-open .hero-section{display:none}.new-homepage.modal-open .new-homepage-main{background:#0f0f0f;height:33vh;overflow-y:auto;padding:16px}.new-homepage.modal-open .grid-container{height:100%}.new-homepage.modal-open .sticker-card{cursor:pointer;transition:transform .2s ease}.simple-sticker-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 8px 32px #0006;cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;position:relative;transition:all .3s ease;width:280px}.simple-sticker-card:hover{border-color:#444;box-shadow:0 12px 40px #0009;transform:translateY(-4px)}.simple-card-image-container{background:#2a2a2a;height:220px;overflow:hidden;position:relative;width:100%}.simple-card-image{height:100%;object-fit:contain;object-fit:cover;transition:transform .2s ease;transition:transform .3s ease;width:100%}.simple-image-placeholder{align-items:center;background:#2a2a2a;bottom:0;color:#ccc;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.simple-card-image.loading{opacity:.6}.simple-image-loading-overlay{background:#2a2a2ae6;bottom:0;color:#ccc;left:0;position:absolute;right:0;top:0}.simple-card-content,.simple-image-loading-overlay{align-items:center;display:flex;justify-content:center}.simple-card-content{background:#1a1a1a;flex:1 1;padding:12px 16px}.simple-card-title{color:#fff;font-size:14px;font-weight:600;line-height:1.2;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.placeholder-logo{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);height:80px;opacity:.6;width:80px}.simple-sticker-card.loading{min-height:140px;opacity:.8}.simple-loading-container{align-items:center;background:#0000;border-radius:8px;display:flex;height:100px;justify-content:center;width:100%}.simple-sticker-card:not(.loading){min-height:140px}.simple-sticker-card.error{border:2px solid #e74c3c}.simple-error-content{align-items:center;background:#1a1a1a;color:#ff6b6b;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.simple-error-content p{color:#ccc;font-size:14px;margin:12px 0 0}@media (max-width:768px){.simple-sticker-card{height:240px;width:240px}.simple-card-image-container{height:180px}.simple-card-content{padding:10px 12px}.simple-card-title{font-size:12px}}.admin-homepage{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.admin-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:1.5rem 0}.admin-header-content h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.admin-header-content p{font-size:1rem;margin:0 0 1rem;opacity:.9}.admin-controls{display:flex;gap:1rem;justify-content:center}.admin-mode-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.admin-mode-btn:hover{background:#ffffff4d}.admin-mode-btn.active{background:#fff6;border-color:#ffffff80}.admin-homepage-main{flex:1 1;padding:2rem 0}.hero-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:3rem;padding:2rem;text-align:center}.hero-content h2{color:#212529;font-size:2rem;font-weight:600;margin:0 0 1rem}.hero-content p{color:#6c757d;font-size:1.1rem;margin:0}.stickers-grid-section{margin-bottom:3rem}.stickers-grid-section h3{border-bottom:2px solid #e9ecef;color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.stickers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.scene-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;text-align:center}.scene-section h3{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.scene-section p{color:#6c757d;font-size:1.1rem;margin:0 0 1.5rem}.scene-builder-btn{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.scene-builder-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.scene-builder-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.test-page-link{align-items:center;background:#27ae60;border-radius:8px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.test-page-link:hover{background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.admin-tools-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:3rem;padding:2rem;text-align:center}.admin-tools-section h3{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.admin-tools-section p{color:#6c757d;font-size:1.1rem;margin:0 0 1.5rem}.admin-tools-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.admin-tool-link{align-items:center;background:#6c5ce7;border-radius:8px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.admin-tool-link:hover{background:#5f3dc4;box-shadow:0 4px 12px #6c5ce74d;transform:translateY(-1px)}.admin-footer{background:#23262e;color:#fff;margin-top:auto;padding:1rem 0;text-align:center}.admin-footer p{font-size:.9rem;margin:0;opacity:.8}@media (max-width:768px){.admin-header-content h1,.hero-content h2{font-size:1.75rem}.stickers-grid{gap:1rem;grid-template-columns:1fr}.admin-controls{align-items:center;flex-direction:column}}@media (max-width:480px){.admin-header-content h1,.hero-content h2{font-size:1.5rem}.container{padding:0 .5rem}}.modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.actual-size-test-page .modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important}.actual-size-test-page .sticker-admin-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:initial!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideIn .2s ease-out;background:#1a1a1a;background:var(--primary-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;box-shadow:0 10px 30px #00000080;color:#fff;color:var(--text-color,#fff);display:flex;flex-direction:column;max-height:90vh;outline:none}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.small{max-width:400px;min-height:200px;width:90%}.modal.medium{max-width:600px;min-height:300px;width:90%}.modal.large{max-width:900px;min-height:400px;width:95%}.modal.full{height:95%;max-height:none;max-width:none;width:95%}.modal-header{align-items:center;background:linear-gradient(135deg,peru,#8b4513);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;margin-bottom:0;padding:20px 30px}.modal-title{font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.modal-close-btn,.modal-title{color:#fff;color:var(--text-color,#fff)}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#333;background:var(--control-hover-bg,#333);color:#fff;color:var(--text-color,#fff)}.modal-close-btn:focus{outline:2px solid #4169e1;outline:2px solid var(--accent-color,#4169e1);outline-offset:2px}.modal-content{flex:1 1;min-height:0;overflow:auto;padding:0 30px 30px}.modal.text .modal-text-content{word-wrap:break-word;background:#2a2a2a;background:var(--secondary-color,#2a2a2a);border:none;border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:text;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;height:100%;line-height:1.5;margin:0;outline:none;overflow:auto;padding:20px;resize:none;white-space:pre-wrap;width:100%}.modal.text .modal-text-content:focus{outline:2px solid #4169e1;outline:2px solid var(--accent-color,#4169e1);outline-offset:2px}.modal.gallery .modal-gallery{height:100%;overflow:auto}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:10px 0}.gallery-item{align-items:center;background:#2a2a2a;background:var(--secondary-color,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;flex-direction:column;padding:15px;transition:transform .2s ease}.gallery-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.gallery-image{background:#1a1a1a;background:var(--primary-color,#1a1a1a);border-radius:4px;height:150px;margin-bottom:10px;object-fit:contain;width:100%}.gallery-caption{color:#e0e0e0;color:var(--text-color-muted,#e0e0e0);font-size:12px;line-height:1.3;text-align:center}.no-images{color:#bdbdbd;color:var(--text-color-secondary,#bdbdbd);font-style:italic;padding:40px 20px;text-align:center}.modal.form .modal-form{display:flex;flex-direction:column;height:100%}.form-content{flex:1 1;margin-bottom:20px;overflow:auto}.form-actions{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.btn{border-radius:4px;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.btn:focus{outline:2px solid #4169e1;outline:2px solid var(--accent-color,#4169e1);outline-offset:2px}.btn-primary{background:#4169e1;background:var(--accent-color,#4169e1);color:#fff;color:var(--text-color,#fff)}.btn-primary:hover{background:#2e4a8f}.btn-secondary{background:#2d2d2d;background:var(--control-bg,#2d2d2d);color:#fff;color:var(--text-color,#fff)}.btn-secondary:hover{background:#333;background:var(--control-hover-bg,#333)}@media (max-width:768px){.modal{margin:10px;max-height:calc(100vh - 20px)}.modal.large,.modal.medium,.modal.small{max-width:none;width:calc(100% - 20px)}.modal-header{padding:15px 20px 0}.modal-content{padding:0 20px 20px}.modal-title{font-size:1.25rem}.gallery-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:480px){.modal{margin:5px;max-height:calc(100vh - 10px)}.modal-header{padding:10px 15px 0}.modal-content{padding:0 15px 15px}.gallery-grid{gap:10px;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}}@media (prefers-contrast:high){.modal{border:2px solid #fff}.btn,.modal-close-btn{border:1px solid #fff}}@media print{.modal-overlay{background:none;position:static}.modal{border:1px solid #000;box-shadow:none}.modal-close-btn{display:none}}.loading-status-panel{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181b22f2;border:1px solid #34495e;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:500px;overflow:hidden;position:fixed;right:20px;top:20px;width:400px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.loading-header{background:#34495ecc;border-bottom:1px solid #34495e;justify-content:space-between;padding:16px 20px}.loading-header,.loading-title{align-items:center;display:flex}.loading-title{color:#ecf0f1;font-size:16px;font-weight:600;gap:8px}.loading-icon{animation:spin 2s linear infinite;color:#3498db}.loading-close-btn{background:none;border:none;border-radius:4px;color:#bdc3c7;cursor:pointer;padding:4px;transition:all .2s ease}.loading-close-btn:hover{background:#ffffff1a;color:#ecf0f1}.loading-content{max-height:400px;overflow-y:auto;padding:20px}.progress-section{margin-bottom:20px}.progress-bar{background:#34495e80;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{align-items:center;color:#ecf0f1;display:flex;font-size:14px;justify-content:space-between}.progress-count{color:#bdc3c7;font-size:12px;font-weight:500}.messages-section{border-top:1px solid #34495e;padding-top:16px}.messages-header{align-items:center;color:#ecf0f1;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.messages-list{max-height:200px;overflow-y:auto}.message-item{align-items:flex-start;border-bottom:1px solid #34495e4d;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:8px 0}.message-item:last-child{border-bottom:none}.message-item.success{color:#27ae60}.message-item.error{color:#e74c3c}.message-item.info{color:#3498db}.message-item.warning{color:#f39c12}.message-text{color:#ecf0f1;flex:1 1}.message-time{color:#7f8c8d;font-size:11px;white-space:nowrap}.loading-content::-webkit-scrollbar,.messages-list::-webkit-scrollbar{width:6px}.loading-content::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track{background:#34495e4d;border-radius:3px}.loading-content::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb{background:#34495ecc;border-radius:3px}.loading-content::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover{background:#34495e}@media (max-width:768px){.loading-status-panel{left:10px;max-width:none;right:10px;top:10px;width:auto}.loading-content{padding:16px}}.easy-button{background:#e74c3c;border:none;border-radius:50%;box-shadow:0 4px 8px #0000004d,0 2px 4px #0003,inset 0 1px 0 #ffffff4d;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-weight:700;letter-spacing:1px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .15s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.easy-button.small{font-size:12px;height:80px;width:80px}.easy-button.medium{font-size:14px;height:120px;width:120px}.easy-button.large{font-size:16px;height:160px;width:160px}.easy-button-content{align-items:center;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.easy-button-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.easy-button-text{font-weight:900;line-height:1.2;text-shadow:0 1px 2px #00000080}.easy-button:hover:not(.disabled){background:#c0392b;box-shadow:0 6px 12px #0006,0 4px 8px #0000004d,inset 0 1px 0 #fff6;transform:translateY(-2px)}.easy-button.pressed{background:#a93226;box-shadow:0 2px 4px #0006,0 1px 2px #0000004d,inset 0 2px 4px #0000004d;transform:translateY(2px) scale(.95)}.easy-button.pressed .easy-button-content{transform:scale(.98)}.easy-button:focus{box-shadow:0 4px 8px #0000004d,0 2px 4px #0003,inset 0 1px 0 #ffffff4d,0 0 0 3px #e74c3c80;outline:none}.easy-button:focus:not(:focus-visible){box-shadow:0 4px 8px #0000004d,0 2px 4px #0003,inset 0 1px 0 #ffffff4d}.easy-button.disabled{cursor:not-allowed}.easy-button.disabled,.easy-button.disabled:hover{background:#95a5a6;box-shadow:0 2px 4px #0003,inset 0 1px 0 #fff3;transform:none}.easy-button:active:not(.disabled){background:#a93226;box-shadow:0 2px 4px #0006,0 1px 2px #0000004d,inset 0 2px 4px #0000004d;transform:translateY(2px) scale(.95)}.easy-button,.easy-button-content{transition:all .15s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.easy-button.medium{font-size:12px;height:100px;width:100px}.easy-button.large{font-size:14px;height:140px;width:140px}}@media (prefers-contrast:high){.easy-button{border:2px solid #000}.easy-button:focus{border:3px solid #000}}@media (prefers-reduced-motion:reduce){.easy-button,.easy-button-content{transition:none}}.admin-panel{background:linear-gradient(135deg,#181b22,#23262e);color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-header{background:linear-gradient(135deg,#23262e,#2c3e50);border-bottom:3px solid #3498db;box-shadow:0 4px 12px #0000004d;padding:2rem 0;text-align:center}.admin-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.admin-header p{color:#bdc3c7;font-size:1.1rem;font-weight:400;margin:0}.admin-main{padding:2rem 0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.app-status{background:#2c3e50cc;border:1px solid #34495e;border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem}.app-status h2{color:#fff;font-weight:600;margin:0 0 1rem}.status-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-item{background:#34495e99;border:1px solid #34495e;border-radius:8px;gap:.75rem;padding:.75rem}.status-label{color:#bdc3c7;min-width:80px}.status-value{align-items:center;border-radius:6px;display:flex;gap:.5rem;padding:.25rem .75rem}.status-value.success{background:#2ecc7133;border:1px solid #2ecc714d;color:#2ecc71}.status-value.pending{background:#f1c40f33;border:1px solid #f1c40f4d;color:#f1c40f}.status-value.error{background:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c}.etsy-connection{background:#2c3e50cc;border:1px solid #34495e;border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem;text-align:center}.etsy-connection h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.etsy-connection p{color:#bdc3c7;font-size:1rem;margin:0 0 1rem}.connect-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:8px;box-shadow:0 4px 12px #3498db4d;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.connect-btn:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 6px 20px #3498db4d;color:#fff;text-decoration:none;transform:translateY(-2px)}.help-text{color:#95a5a6;font-size:.9rem;font-style:italic;margin:1rem 0 0}.token-status{background:#2c3e50cc;border:1px solid #34495e;border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem}.token-status h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.token-info{align-items:center;background:#34495e99;border:1px solid #34495e;border-radius:8px;display:flex;gap:1rem;padding:1rem}.token-text{color:#bdc3c7;font-family:Courier New,monospace;font-size:.9rem}.clear-token-btn{background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.clear-token-btn:hover{background:#e74c3c4d;border-color:#e74c3c80}.debug-section{background:#2c3e50cc;border:1px solid #34495e;border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem}.debug-section h2{color:#fff;font-weight:600;margin:0 0 1rem}.debug-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.debug-item{background:#34495e99;border:1px solid #34495e;border-radius:8px;padding:1rem}.debug-item h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.test-section{background:#2c3e50cc;border:1px solid #34495e;border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem}.test-section h2{color:#fff;font-weight:600;margin:0 0 1rem}.test-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100%}.btn:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-container,.loading-container{min-height:50vh}.loading-spinner{margin-bottom:1rem}.error-container h2{color:#e74c3c;margin-bottom:1rem}@media (max-width:768px){.admin-header h1{font-size:2rem}.debug-grid,.status-grid,.test-grid{grid-template-columns:1fr}.token-info{align-items:flex-start;flex-direction:column;gap:.5rem}.container{padding:0 .5rem}}@media (max-width:480px){.admin-header{padding:1.5rem 0}.admin-header h1{font-size:1.75rem}.admin-main{padding:1rem 0}.app-status,.debug-section,.etsy-connection,.test-section,.token-status{padding:1rem}}.main-etsy-operations{background:#2c3e50cc;border:1px solid #34495e;border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem}.main-etsy-operations h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.main-operations-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.debug-accordion{background:#2c3e5099;border:1px solid #34495e;border-radius:12px;margin-bottom:2rem;overflow:hidden}.accordion-header{align-items:center;background:#34495ecc;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;text-align:left;transition:background-color .3s ease;width:100%}.accordion-header:hover{background:#34495e}.accordion-header h2{color:#bdc3c7;font-size:1.3rem;font-weight:500;margin:0}.accordion-content{background:#2c3e5066;padding:1.5rem}.accordion-content .test-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.listing-admin{background-color:var(--surface-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh}.admin-header{background-color:var(--surface-secondary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:var(--space-6)}.admin-header-content{display:flex;flex-direction:column;gap:var(--space-2)}.admin-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3);margin:0}.admin-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.admin-actions{display:flex;gap:var(--space-3)}.admin-content{flex:1 1;overflow:hidden}.admin-sidebar{background-color:var(--surface-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden;width:400px}.search-filters{background-color:var(--surface-tertiary);border-bottom:1px solid var(--border-light);padding:var(--space-5)}.search-box{margin-bottom:var(--space-4)}.search-box .material-symbols-outlined{color:var(--text-secondary);font-size:20px;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);outline:none}.filter-controls{gap:var(--space-3);justify-content:space-between}.filter-select{color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.filter-select,.view-toggle{background-color:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.view-toggle{display:flex;gap:var(--space-1);padding:var(--space-1)}.view-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);height:32px;transition:all var(--transition-fast);width:32px}.view-btn:hover{background-color:var(--surface-elevated);color:var(--text-primary)}.view-btn.active{background-color:var(--accent-primary);color:var(--accent-primary-text)}.listings-list{flex:1 1;overflow-y:auto;padding:var(--space-4)}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.empty-state .material-symbols-outlined,.loading-state .material-symbols-outlined{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.listing-item{background-color:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-3);padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.listing-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.listing-item.selected{background-color:var(--accent-primary-bg);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.listing-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.listing-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.status-badge.active{background-color:var(--success-bg);color:var(--success-text)}.status-badge.draft{background-color:var(--warning-bg);color:var(--warning-text)}.status-badge.inactive{background-color:var(--error-bg);color:var(--error-text)}.listing-item-details{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.listing-id,.listing-inventory,.listing-price{color:var(--text-secondary);font-size:var(--font-size-sm)}.listing-price{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.listing-item-actions{display:flex;justify-content:flex-end}.admin-main{background-color:var(--surface-primary);flex:1 1;overflow-y:auto}.no-selection{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--space-8);text-align:center}.no-selection .material-symbols-outlined{font-size:64px;margin-bottom:var(--space-4);opacity:.3}.no-selection h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.no-selection p{font-size:var(--font-size-base);margin:0;max-width:400px}.listing-editor{height:100%;overflow-y:auto;padding:var(--space-6)}.editor-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.editor-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.editor-actions{display:flex;gap:var(--space-3)}.editor-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{background-color:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5)}.form-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group input,.form-group select,.form-group textarea{background-color:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--space-3);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);outline:none}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.btn-primary{background-color:var(--accent-primary);color:var(--accent-primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background-color:var(--surface-tertiary);border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-elevated);border-color:var(--border-medium)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.btn-icon:hover{background-color:var(--error-bg);color:var(--error-text)}@media (max-width:1024px){.admin-content{flex-direction:column}.admin-sidebar{height:300px;width:100%}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-header{gap:var(--space-4)}.admin-header,.editor-header{align-items:stretch;flex-direction:column}.editor-header{gap:var(--space-3)}.editor-actions{justify-content:stretch}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}}.MuiPaper-root{background-color:#1e1e1e!important;border:1px solid #333!important}.MuiTextField-root .MuiOutlinedInput-root{background-color:#2a2a2a!important}.MuiTextField-root .MuiOutlinedInput-root:hover{background-color:#333!important}.MuiCard-root{background-color:#2a2a2a!important;border:1px solid #444!important}.MuiCard-root:hover{border-color:#666!important}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width:768px){.MuiContainer-root{padding-left:16px!important;padding-right:16px!important}.MuiGrid-item{margin-bottom:16px}.sizes-grid,.sizes-section,.sizes-wrapper{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:1fr!important}.size-card,.size-panel,.size-section{display:flex;flex-direction:column;gap:12px}.size-card .MuiFormControl-root,.size-card .MuiTextField-root,.size-panel .MuiFormControl-root,.size-panel .MuiTextField-root{width:100%!important}.additional-design-dimensions,.design-dimensions-panel{margin-left:0!important;width:100%!important}.size-card .size-fields,.size-card .size-header,.size-panel .size-fields,.size-panel .size-header{display:flex;flex-direction:column;gap:8px}}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused{border-color:#90caf9!important}.MuiButton-root.MuiButton-outlined{border-color:#666!important;color:#fff!important}.MuiButton-root.MuiButton-outlined:hover{background-color:#90caf914!important;border-color:#90caf9!important}.MuiChip-root{background-color:inherit!important;color:inherit!important}.MuiChip-root .MuiChip-deleteIcon{color:#ccc!important}.MuiChip-root .MuiChip-deleteIcon:hover{color:#ff6b6b!important}.color-chip{background-color:inherit!important;border-color:inherit!important}.color-chip .MuiChip-label{color:inherit!important}.MuiChip-root[style*=border]{border:inherit!important}.MuiChip-root[style*=background]{background-color:inherit!important}.MuiChip-label,.MuiChip-root[style*=color]{color:inherit!important}.MuiIconButton-root{color:#ccc!important}.MuiIconButton-root:hover{background-color:#ffffff14!important;color:#fff!important}.MuiTypography-h4,.MuiTypography-h6{color:#fff!important}.MuiTypography-body2{color:#b0b0b0!important}.MuiTypography-caption{color:#888!important}.listing-manager{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px;overflow:hidden}.listing-manager-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px}.listing-manager-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0}.listing-manager-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.search-box{align-items:center;background:#fff3;border-radius:6px;display:flex;min-width:250px;padding:8px 12px;position:relative}.search-box input{background:#0000;border:none;color:#fff;font-size:14px;margin-left:8px;outline:none;width:100%}.search-box input::placeholder{color:#ffffffb3}.search-box .material-icon{color:#fffc;font-size:18px}.filter-controls{align-items:center;display:flex;gap:8px}.filter-select{background:#fff3;border:none;border-radius:6px;color:#fff;font-size:14px;min-width:140px;outline:none;padding:8px 12px}.filter-select option{background:#333;color:#fff}.sort-controls{align-items:center;gap:8px}.sort-controls select{background:#fff3;border:none;border-radius:6px;color:#fff;font-size:14px;outline:none;padding:8px 12px}.sort-controls select option{background:#333;color:#fff}.sort-button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.sort-button:hover{background:#ffffff4d}.dimension-controls{align-items:center;display:flex;gap:8px}.dimension-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background .2s;white-space:nowrap}.dimension-btn:hover{background:#ffffff4d}.dimension-btn:disabled{cursor:not-allowed;opacity:.6}.dimension-btn.load-btn{background:#ff6b35;color:#fff}.dimension-btn.load-btn:hover{background:#e55a2b}.dimension-btn.saved-btn{background:#4caf50;color:#fff}.dimension-btn.saved-btn:hover{background:#45a049}.dimension-btn.clear-btn{background:#f44336;color:#fff}.dimension-btn.clear-btn:hover{background:#da190b}.dimension-btn .material-icon{font-size:16px}.failed-stickers-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin:20px;padding:20px}.failed-stickers-header{margin-bottom:20px}.failed-stickers-header h3{align-items:center;color:#856404;display:flex;font-size:1.2rem;gap:8px;margin:0 0 10px}.failed-stickers-header p{color:#856404;font-size:14px;margin:0}.failed-stickers-table{background:#fff}.failed-listing-row{background:#fff3cd}.failed-listing-row:hover{background:#ffeaa7}.listings-table-container{margin:20px;overflow-x:auto}.listings-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.listings-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.listings-table th.sortable{align-items:center;cursor:pointer;display:flex;gap:6px;transition:background .2s;-webkit-user-select:none;user-select:none}.listings-table th.sortable:hover{background:#e9ecef}.listings-table th .material-icon{color:#6c757d;font-size:16px}.listings-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:12px 16px}.listing-row{transition:background .2s}.listing-row:hover{background:#f8f9fa}.order-cell{color:#495057;font-weight:600;min-width:60px;text-align:center}.title-cell{max-width:300px}.listing-title{color:#212529;font-weight:600;line-height:1.4;margin-bottom:4px}.listing-description{color:#6c757d;font-size:12px;line-height:1.3}.category-cell{color:#495057;font-weight:500;min-width:100px}.id-cell{color:#6c757d;font-family:Courier New,monospace;font-size:12px;min-width:120px}.status-cell{min-width:80px}.dimensions-cell,.svg-path-cell{min-width:120px}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.visible{background:#d4edda;color:#155724}.status-badge.hidden{background:#f8d7da;color:#721c24}.status-badge.pack{background:#d1ecf1;color:#0c5460}.status-badge.missing-dimensions{background:#fff3cd;color:#856404}.status-badge.has-dimensions{background:#d4edda;color:#155724}.status-badge.missing-svg{background:#f8d7da;color:#721c24}.status-badge.has-svg{background:#d4edda;color:#155724}.actions-cell{min-width:120px}.action-buttons{display:flex;gap:6px}.action-btn{align-items:center;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:6px;transition:background .2s}.action-btn:hover{background:#5a6268}.action-btn.view-btn:hover{background:#007bff}.action-btn.edit-btn:hover{background:#28a745}.action-btn.analyze-btn:hover{background:#17a2b8}.action-btn .material-icon{font-size:16px}.loading-spinner{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner .material-icon{animation:spin 1s linear infinite;font-size:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-listings{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.no-listings .material-icon{color:#adb5bd;font-size:48px}.no-listings p{color:#6c757d;font-size:16px;margin:0}@media (max-width:768px){.listing-manager-header{align-items:stretch;flex-direction:column}.listing-manager-controls{flex-direction:column;gap:10px}.dimension-controls{flex-wrap:wrap}.dimension-btn{flex:1 1;min-width:120px}.listings-table-container{margin:10px}.listings-table td,.listings-table th{font-size:12px;padding:8px 12px}.title-cell{max-width:200px}.category-cell,.id-cell{min-width:80px}}.color-audit-container{background:linear-gradient(135deg,#1e1e1e,#2d2d2d);min-height:100vh}.audit-summary-card{transition:all .3s ease}.audit-summary-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.listing-card{border-radius:8px;transition:all .3s ease}.listing-card:hover{box-shadow:0 4px 15px #0003;transform:translateY(-1px)}.color-chip{transition:all .2s ease}.color-chip:hover{transform:scale(1.05)}.audit-button{transition:all .3s ease}.audit-button:hover{box-shadow:0 4px 12px #90caf94d;transform:translateY(-1px)}@media (max-width:768px){.audit-summary-grid{grid-template-columns:repeat(2,1fr)}.color-management-layout{flex-direction:column}}@media (max-width:480px){.audit-summary-grid{grid-template-columns:1fr}}.parallax-test{background:#1a1a1a;color:#fff;font-family:Arial,sans-serif;min-height:100vh}.parallax-test .test-header{background:#333;padding:40px 20px;text-align:center}.parallax-test .test-header h1{color:#4caf50;font-size:2.5em;margin:0 0 10px}.parallax-test .test-header p{color:#ccc;font-size:1.2em;margin:0}.parallax-test .test-controls{align-items:center;background:#222;border-bottom:2px solid #333;display:flex;flex-wrap:wrap;gap:20px;padding:20px}.parallax-test .control-group{align-items:center;display:flex;gap:10px}.parallax-test .control-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.parallax-test .control-group input[type=checkbox]{height:18px;width:18px}.parallax-test .control-group button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.parallax-test .control-group button:hover{background:#45a049}.parallax-test .test-instructions{background:#2a2a2a;border-bottom:1px solid #444;padding:30px 20px}.parallax-test .test-instructions h3{color:#4caf50;margin:0 0 15px}.parallax-test .test-instructions ol{margin:0;padding-left:20px}.parallax-test .test-instructions li{line-height:1.4;margin-bottom:8px}.parallax-test .click-data{background:#1a1a1a;border:2px solid #4caf50;border-radius:8px;left:20px;max-height:300px;max-width:400px;overflow:auto;padding:20px;position:fixed;top:20px;z-index:1000}.parallax-test .click-data h3{color:#4caf50;margin:0 0 15px}.parallax-test .click-data pre{background:#333;border-radius:4px;font-size:12px;margin:0 0 15px;overflow:auto;padding:12px}.parallax-test .click-data button{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.parallax-test .click-data button:hover{background:#777}.parallax-test .test-results{background:#2a2a2a;padding:30px 20px}.parallax-test .test-results h3{color:#4caf50;margin:0 0 15px}.parallax-test .test-results ul{margin:0;padding-left:20px}.parallax-test .test-results li{line-height:1.4;margin-bottom:8px}@media (max-width:768px){.parallax-test .test-header h1{font-size:2em}.parallax-test .test-controls{align-items:flex-start;flex-direction:column}.parallax-test .click-data{margin:20px;max-width:none;position:static}}.scene-canvas{height:100%}.canvas-header,.scene-canvas{display:flex;flex-direction:column}.canvas-header{border-bottom:2px solid #e0e0e0;flex-shrink:0;gap:8px;margin-bottom:20px;padding:12px 21px 8px}.canvas-header-top{padding-bottom:8px;text-align:left;width:100%}.drag-instructions{color:#bdbdbd;color:var(--text-color-secondary,#bdbdbd);font-size:.95rem;font-weight:500;margin:0}.canvas-header-main{align-items:center;display:flex;justify-content:space-between;width:100%}.canvas-header-bottom{padding-top:6px;text-align:left;width:100%}.pricing-disclaimer{color:#bdbdbd;color:var(--text-color-secondary,#bdbdbd);font-size:.8rem;font-style:italic}.canvas-header-left h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 5px}.canvas-header-left p{color:#7f8c8d;font-size:.9rem;margin:0}.scene-persistence-status{margin-top:4px}.persistence-indicator{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:2px 8px;transition:all .3s ease}.persistence-indicator.loading{background-color:#2196f31a;border:1px solid #2196f333;color:#2196f3}.persistence-indicator.loading .material-icon{animation:spin 1s linear infinite}.persistence-indicator.saving{background-color:#ff98001a;border:1px solid #ff980033;color:#ff9800}.persistence-indicator.saving .material-icon{animation:spin 1s linear infinite}.persistence-indicator.saved{background-color:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.canvas-header-left,.canvas-header-right{align-items:center;display:flex}.canvas-header-right{gap:12px}.admin-only{border:1px solid #0000;opacity:.8}.admin-only:hover{background:#404855;opacity:1}.save-scene-button{align-items:center;background:var(--buy-button-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.save-scene-button:hover{background:var(--buy-button-hover);box-shadow:0 2px 8px #27ae6040;transform:translateY(-1px)}.load-scene-button{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.load-scene-button:hover{background:#2980b9;box-shadow:0 2px 8px #3498db40;transform:translateY(-1px)}.canvas-area{background:#f5f5f5;border:2px dashed #ccc;border-radius:10px;flex:1 1;min-height:0;overflow:hidden;position:relative}.draggable-sticker{align-items:center;display:flex;justify-content:center;position:absolute}.draggable-sticker,.draggable-sticker:focus{border:none!important;outline:none!important}.draggable-sticker:after{bottom:-60px;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0}.drag-handle{border-radius:8px;cursor:move;padding:2px;transition:background-color .2s ease}.drag-handle:hover{background-color:#3498db1a}.drag-handle:active{background-color:#3498db33;cursor:grabbing}.sticker-container{align-items:center;display:flex;justify-content:center;position:relative}.sticker-container,.sticker-container:focus{border:none!important;outline:none!important}.sticker-item{display:inline-block}.scene-sticker-svg{background:#0000;height:60px;left:0;object-fit:contain;position:relative;top:0;transition:transform .2s ease,filter .2s,opacity .2s;width:60px;z-index:1}.scene-sticker-svg.dragging{left:-2px;top:-2px;transition:all .1s ease-out}.scene-sticker-svg.flipped{transform:scaleX(-1)}.scene-sticker-shadow{filter:brightness(0) saturate(100%);left:1px;opacity:.15;pointer-events:none;position:absolute;top:1px;transition:none;z-index:0}.scene-sticker-shadow.dragging{filter:brightness(0) saturate(100%) blur(4px);left:5px;top:5px;transition:all .1s ease-out}.scene-sticker-shadow.flipped{transform:scaleX(-1)}.scene-sticker-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-bronze),var(--primary-copper));border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;height:60px;justify-content:center;position:relative;width:60px}.scene-sticker-placeholder span{text-shadow:1px 1px 2px #0000004d}.scene-sticker-placeholder span,.size-badge{color:#fff;font-size:.7rem;font-weight:600;text-align:center}.size-badge{background:var(--accent-blue);border-radius:12px;box-shadow:0 2px 6px #0000004d;line-height:1.2;max-width:120px;opacity:0;padding:3px 8px;position:absolute;right:-12px;text-transform:uppercase;top:-12px;transition:opacity .3s ease;white-space:nowrap;z-index:10}.sticker-container:hover .size-badge{opacity:1}.sticker-title:hover .size-badge{opacity:0}.sticker-title-wrapper{bottom:-35px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;width:-webkit-max-content;width:max-content;z-index:1000}.sticker-title-wrapper.show-title{opacity:1}.sticker-title-wrapper .sticker-title{position:relative}.scene-canvas .sticker-title{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;border:4px solid #ffffff4d;border-radius:8px;box-shadow:0 3px 8px #0000004d;color:#fff;cursor:move;display:inline-block;font-size:.84rem;font-weight:600;overflow:visible;padding:8px 12px;position:relative;text-align:center;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;white-space:nowrap}.scene-canvas .sticker-title[class*=category-]{background:#000000e6;border-style:solid;border-width:4px;color:#fff}.scene-canvas .sticker-title.category-cryptids{border-color:#b1b930}.scene-canvas .sticker-title.category-cartoon{border-color:#e47425}.scene-canvas .sticker-title.category-pop-culture{border-color:#e91e63}.scene-canvas .sticker-title.category-space{border-color:#3f51b5}.scene-canvas .sticker-title.category-outdoor{border-color:#8bc34a}.scene-canvas .sticker-title.category-offroad{border-color:#ff5722}.scene-canvas .sticker-title:hover{background:#000000f2;box-shadow:0 4px 12px #0006}.title-base{display:inline;vertical-align:middle}.pack-indicator{color:#3498db;font-size:.8rem;font-weight:600}.title-details{align-items:center;background:#000000e6;border:4px solid;border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;display:none;gap:4px;height:calc(100% + 8px);left:calc(100% - 4px);padding:8px 12px 8px 16px;position:absolute;top:-4px;white-space:nowrap;z-index:50}.sticker-container:hover .title-details{z-index:1200}.sticker-title.details-expanded .title-details,.sticker-title:hover .title-details{display:flex}.drag-icon{font-size:.9rem;margin-right:4px}.drag-icon,.title-dropdown{display:inline;vertical-align:middle}.title-dropdown{background:#fffffff2;border:1px solid #2c3e504d;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:.75rem;font-weight:600;margin:0 2px;padding:2px 4px;transition:all .2s ease}.title-dropdown:hover{background:#fff;border-color:var(--primary-bronze);box-shadow:0 2px 4px #0000001a}.title-dropdown:focus{border-color:var(--primary-bronze);box-shadow:0 0 0 2px #cd7f3233;outline:none}.size-dropdown{min-width:60px}.color-dropdown{min-width:80px}.separator{color:#7f8c8d;display:inline;font-weight:400;margin:0 2px;opacity:.7;transition:opacity .2s ease;vertical-align:middle}.scene-canvas .sticker-title.category-dinosaurs{background:#000000e6!important;border:4px solid #f38b79!important;color:#fff!important}.scene-canvas .sticker-title.category-dinosaurs:hover{background:#000000f2!important;border:4px solid #f5a395!important}.scene-canvas .sticker-title.category-cryptids{background:#000000e6!important;border:4px solid #b1b930!important;color:#fff!important}.scene-canvas .sticker-title.category-cryptids:hover{background:#000000f2!important;border:4px solid #c5cd4a!important}.scene-canvas .sticker-title.category-cartoon{background:#000000e6!important;border:4px solid #e47425!important;color:#fff!important}.scene-canvas .sticker-title.category-cartoon:hover{background:#000000f2!important;border:4px solid #f08a47!important}.scene-canvas .sticker-title.category-vehicles{background:#000000e6!important;border:4px solid #ff9800!important;color:#fff!important}.scene-canvas .sticker-title.category-vehicles:hover{background:#000000f2!important;border:4px solid #ffb74d!important}.scene-canvas .sticker-title.category-animals{background:#000000e6!important;border:4px solid #795548!important;color:#fff!important}.scene-canvas .sticker-title.category-animals:hover{background:#000000f2!important;border:4px solid #a1887f!important}.scene-canvas .sticker-title.category-police-fire-military{background:#000000e6!important;border:4px solid #2196f3!important;color:#fff!important}.scene-canvas .sticker-title.category-police-fire-military:hover{background:#000000f2!important;border:4px solid #64b5f6!important}.scene-canvas .sticker-title.category-pop-culture{background:#000000e6!important;border:4px solid #e91e63!important;color:#fff!important}.scene-canvas .sticker-title.category-pop-culture:hover{background:#000000f2!important;border:4px solid #f06292!important}.scene-canvas .sticker-title.category-space{background:#000000e6!important;border:4px solid #3f51b5!important;color:#fff!important}.scene-canvas .sticker-title.category-space:hover{background:#000000f2!important;border:4px solid #7986cb!important}.scene-canvas .sticker-title.category-outdoor{background:#000000e6!important;border:4px solid #8bc34a!important;color:#fff!important}.scene-canvas .sticker-title.category-outdoor:hover{background:#000000f2!important;border:4px solid #aed581!important}.scene-canvas .sticker-title.category-offroad{background:#000000e6!important;border:4px solid #ff5722!important;color:#fff!important}.scene-canvas .sticker-title.category-offroad:hover{background:#000000f2!important;border:4px solid #ff8a65!important}.scene-canvas .sticker-title[class*=category-] .title-dropdown{background:#ffffffe6;border:1px solid #fff9;color:#2c3e50}.scene-canvas .sticker-title[class*=category-] .title-dropdown:hover{background:#fff;border-color:#fffc}.scene-canvas .sticker-title[class*=category-] .separator{color:#fffc}.scene-canvas .sticker-title:hover .drag-icon{color:#fff;opacity:1}.sticker-container.highlighted{position:relative;z-index:1000}.sticker-container.highlighted .sticker-item{animation:highlight-pulse 1.5s ease-in-out infinite}.sticker-container.highlighted .sticker-title{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;box-shadow:0 3px 10px #e74c3c66;color:#fff;font-weight:700}@keyframes highlight-pulse{0%,to{box-shadow:0 0 0 0 #e74c3ccc}50%{box-shadow:0 0 0 15px #e74c3c4d}}.color-indicator{display:block;font-size:.6rem;margin-top:1px;opacity:.9;text-transform:capitalize}.empty-canvas{align-items:center;color:#95a5a6;display:flex;font-size:1.1rem;height:100%;justify-content:center;text-align:center}.watermark{bottom:20px;display:none;opacity:.1;pointer-events:none;position:absolute;right:20px;transition:opacity .3s ease;z-index:1}.watermark:hover{opacity:.3}.watermark-logo{filter:grayscale(100%) brightness(.5);height:auto;width:200px}.scene-total-cost{align-items:center;background:#3498db1a;border:1px solid #3498db4d;border-radius:6px;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 12px}.total-label{color:#7f8c8d;font-size:.85rem}.total-amount{color:#3498db;font-size:1rem;font-weight:700;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.total-amount.total-animate{animation:totalPulse .6s ease-in-out}@keyframes totalPulse{0%{background:#0000;box-shadow:0 0 0 0 #3498db66;transform:scale(1)}25%{background:#3498db26;box-shadow:0 0 0 8px #3498db33;color:#2176bd;transform:scale(1.2)}50%{background:#3498db33;box-shadow:0 0 0 12px #3498db1a;color:#2176bd;transform:scale(1.15)}75%{background:#3498db1a;box-shadow:0 0 0 8px #3498db0d;color:#2176bd;transform:scale(1.05)}to{background:#0000;box-shadow:0 0 0 0 #3498db00;color:#3498db;transform:scale(1)}}.clear-button,.export-button{border:none;border-radius:3px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.01em;padding:6px 16px;text-transform:none;transition:all .18s ease}.clear-button{background:#23262e;color:#f4f4f6}.clear-button:hover:not(:disabled){background:#353a45}.clear-button:disabled{background:#1a1c22;box-shadow:none;color:#9e9e9e;color:var(--control-disabled-text,#9e9e9e);cursor:not-allowed;opacity:.5;transform:none}.export-button{align-items:center;background:var(--buy-button-primary);border:none;border-radius:3px;box-shadow:0 2px 8px #27ae602e;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;outline:none;padding:8px 20px;transition:background .18s,box-shadow .18s,transform .18s;white-space:nowrap;width:auto}.export-button:focus,.export-button:hover{background:var(--buy-button-hover);box-shadow:0 4px 16px #27ae6040;color:#fff;transform:translateY(-1px) scale(1.04)}.react-draggable-dragging .scene-sticker-placeholder,.react-draggable-dragging .scene-sticker-svg{transform:scale(1.1)}.ruler-grid-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.ruler-grid-v{border-left:1px dashed #3498db;bottom:0;top:0;width:1px}.ruler-grid-h,.ruler-grid-v{background:#2c3e5038;position:absolute}.ruler-grid-h{border-top:1px dashed #3498db;height:1px;left:0;right:0}.ruler-grid-h.half-inch,.ruler-grid-v.half-inch{background:#2c3e501f;border-left:1px dotted #3498db;border-top:1px dotted #3498db;opacity:.6}.ruler-grid-h.full-inch,.ruler-grid-v.full-inch{background:#2c3e5038;border-left:1px dashed #3498db;border-top:1px dashed #3498db;opacity:1}.ruler-label{background:#ffffffd9;border-radius:2px;color:#3498db;font-size:.75rem;left:2px;padding:0 3px;pointer-events:none;position:absolute;top:2px;z-index:3}.ruler-grid-v .ruler-label{left:-2px;top:2px}.ruler-grid-h .ruler-label{left:2px;top:-16px}.measurement-overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}.measurement-line,.measurement-overlay{overflow:visible;pointer-events:none}.measurement-label{line-height:1.2;pointer-events:none;text-shadow:1px 1px 2px #fffc}.sticker-item{position:relative}.sticker-remove-btn{align-items:center;background:#e74c3c;border:2px solid #000;border-radius:50%;box-shadow:0 2px 6px #00000040;color:#000;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .15s,transform .15s;width:20px;z-index:30}.sticker-container:hover .sticker-remove-btn{opacity:1}.sticker-remove-btn:hover{background:#c0392b;transform:scale(1.1)}.scene-buy-now-btn{background:var(--buy-button-primary);border:none;border-radius:8px;box-shadow:0 2px 6px #00000040;color:#fff;cursor:pointer;font-size:12px;font-weight:700;left:50%;margin-top:8px;min-width:100px;opacity:0;padding:8px 16px;pointer-events:auto;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1000}.scene-buy-now-btn:before{bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.scene-buy-now-btn:hover{background:var(--buy-button-hover)}.scene-buy-now-btn:hover,.sticker-container:hover .scene-buy-now-btn,.sticker-title-wrapper.details-expanded .scene-buy-now-btn,.sticker-title-wrapper:hover .scene-buy-now-btn{opacity:1}.sticker-title-wrapper:after{content:"";height:25px;left:0;pointer-events:none;position:absolute;right:0;top:100%;z-index:25}.shopping-list-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:13px;font-weight:500;line-height:1.4;margin-bottom:16px;padding:12px 16px}.shopping-list-content{background:#2a2f3a;box-sizing:border-box;color:#f4f4f6;display:flex;flex-direction:column;overflow:visible;width:100%}.shopping-list-draggable-modal{max-height:94vh!important}.shopping-list-draggable-modal .modal-content{height:auto!important;max-height:94vh!important;overflow-y:auto}.scene-items-list{flex:1 1;font-size:0;line-height:0;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.scene-item-row{background:#0000;border:none;border-radius:0;gap:12px;height:50px!important;margin-bottom:0;min-height:50px!important;padding:6px}.scene-item-image,.scene-item-row{align-items:center;box-sizing:border-box;display:flex}.scene-item-image{flex-shrink:0;height:100%;justify-content:center;margin:0;padding:0;width:40px}.scene-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.scene-item-thumbnail{background:#fff;border:1px solid #ddd;border-radius:3px;height:100%;margin:0;object-fit:contain;padding:0;width:100%}.scene-item-title{color:#f4f4f6;font-size:13px;font-weight:600;line-height:1.1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-item-details p{color:#bfc2c7;font-size:14px;line-height:1.4;margin:0 0 4px}.scene-item-meta{align-items:center;color:#bfc2c7;display:flex;font-size:11px;gap:12px;line-height:1.1}.scene-item-meta span{white-space:nowrap}.scene-item-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.scene-item-price{color:var(--buy-button-primary);font-size:14px;font-weight:700}.price-disclaimer{color:#888;font-size:9px;font-style:italic;font-weight:400;line-height:1.2;margin-top:2px}.pricing-disclaimer-banner{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:4px;color:#856404;font-size:11px;font-style:italic;margin-bottom:12px;padding:6px 12px;text-align:center}.header-price-disclaimer{color:#bbb;font-size:9px;font-style:italic;font-weight:400;line-height:1.1;margin-top:2px}.scene-item-buy-btn{background:var(--buy-button-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.3px;min-width:100px;padding:6px 12px;text-align:center;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.scene-item-buy-btn:hover{background:var(--buy-button-hover);box-shadow:0 2px 6px #27ae604d;transform:translateY(-1px)}.scene-item-remove-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#bdbdbd;color:var(--text-color-secondary,#bdbdbd);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.scene-item-remove-btn:hover{background:#e74c3c1a;box-shadow:none;color:#e74c3c;transform:none}@media (hover:none) and (pointer:coarse){.draggable-sticker{touch-action:none;-webkit-user-select:none;user-select:none}.sticker-container,.sticker-item{touch-action:none}.scene-sticker-svg{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;touch-action:none}.sticker-remove-btn{font-size:20px;min-height:44px;min-width:44px}.measurement-overlay{pointer-events:none}.canvas-area,.zoom-content{touch-action:manipulation}}.draggable-sticker{cursor:grab;-webkit-user-select:none;user-select:none}.draggable-sticker:active{cursor:grabbing}.sticker-container{-webkit-user-select:none;user-select:none}.scene-sticker-svg{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.scene-area .scene-sticker-svg{display:block;filter:drop-shadow(2px 2px 0 #000);object-fit:contain;transition:transform .2s ease;vertical-align:middle}.scene-area .scene-sticker-svg,.scene-area .sticker-pack-grid{background:none;margin:0 auto;padding:0;position:relative;z-index:2}.scene-area .sticker-pack-grid{height:auto!important;max-height:none!important;max-width:none!important;width:auto!important}.scene-canvas .sticker-title.category-animals{border-color:#795548;border-color:var(--category-animals-primary,#795548)}.scene-canvas .sticker-title.category-dinosaurs{border-color:#f38b79;border-color:var(--category-dinosaurs-primary,#f38b79)}.scene-canvas .sticker-title.category-cryptids-legends{border-color:#b1b930;border-color:var(--category-cryptids-legends-primary,#b1b930)}.scene-canvas .sticker-title.category-vehicles{border-color:#ff9800;border-color:var(--category-vehicles-primary,#ff9800)}.scene-canvas .sticker-title.category-outdoor-nature{border-color:#8bc34a;border-color:var(--category-outdoor-nature-primary,#8bc34a)}.scene-canvas .sticker-title.category-horror{border-color:#ff5722;border-color:var(--category-horror-primary,#ff5722)}.scene-canvas .sticker-title.category-phrases-slogans{border-color:#e47425;border-color:var(--category-phrases-slogans-primary,#e47425)}.scene-canvas .sticker-title.category-police-fire-military{border-color:#2196f3;border-color:var(--category-police-fire-military-primary,#2196f3)}.scene-canvas .sticker-title.category-space-sci-fi{border-color:#3f51b5;border-color:var(--category-space-sci-fi-primary,#3f51b5)}.scene-canvas .sticker-title.category-holiday-seasonal{border-color:#e91e63;border-color:var(--category-holiday-seasonal-primary,#e91e63)}.scene-canvas .sticker-title.category-weird-miscellaneous{border-color:#ff5722;border-color:var(--category-weird-miscellaneous-primary,#ff5722)}.json-modal-content{padding:0}.json-modal-description{color:#2c3e50;font-size:1rem;line-height:1.5;margin-bottom:16px}.json-modal-textarea{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#2c3e50;font-family:Monaco,Consolas,Courier New,monospace;font-size:12px;height:400px;padding:10px;resize:vertical;width:100%}.json-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.json-modal-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.json-modal-copy{background-color:var(--buy-button-primary);color:#fff}.json-modal-copy:hover{background-color:var(--buy-button-hover);transform:translateY(-1px)}.json-modal-close{background-color:#6c757d;color:#fff}.json-modal-close:hover{background-color:#5a6268;transform:translateY(-1px)}.clear-scene-modal-content{padding:24px;text-align:center}.clear-scene-modal-content p{color:#fff;color:var(--text-color,#fff);font-size:1rem;line-height:1.5;margin-bottom:32px}.clear-scene-modal-actions{display:flex;gap:20px;justify-content:center;margin-top:24px}.clear-scene-confirm-btn{align-items:center;background-color:#d32f2f;border:none;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;letter-spacing:.02857em;min-width:64px;padding:12px 24px;text-transform:uppercase;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.clear-scene-confirm-btn:hover{background-color:#c62828;box-shadow:0 2px 4px -1px #0003,0 4px 5px 0 #00000024,0 1px 10px 0 #0000001f}.clear-scene-confirm-btn:focus{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f,0 0 0 2px #d32f2f4d;outline:none}.clear-scene-cancel-btn{align-items:center;background-color:initial;border:1px solid #ffffff1f;border-radius:4px;color:#e0e0e0;color:var(--text-color-muted,#e0e0e0);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;letter-spacing:.02857em;min-width:64px;padding:11px 23px;text-transform:uppercase;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.clear-scene-cancel-btn:hover{background-color:#ffffff0a;border-color:#ffffff3b}.clear-scene-cancel-btn:focus{border-color:#4169e1;border-color:var(--accent-color,#4169e1);box-shadow:0 0 0 2px #4169e14d;outline:none}@keyframes gear-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.parallax-load-modal-content,.parallax-save-modal-content{padding:24px}.parallax-load-modal-content p,.parallax-save-modal-content p{color:#fff;color:var(--text-color,#fff);font-size:1rem;line-height:1.5;margin-bottom:16px}.parallax-load-modal-actions,.parallax-save-modal-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:32px}.parallax-save-confirm-btn{align-items:center;background-color:#1976d2;border:none;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;height:36px;justify-content:center;letter-spacing:.02857em;min-width:64px;padding:12px 24px;text-transform:uppercase;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.parallax-save-confirm-btn:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px #0003,0 4px 5px 0 #00000024,0 1px 10px 0 #0000001f}.parallax-save-confirm-btn:focus{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f,0 0 0 2px #1976d24d;outline:none}.parallax-save-confirm-btn:disabled{background-color:#ffffff1f;box-shadow:none;color:#ffffff4d;cursor:not-allowed}.parallax-load-confirm-btn{align-items:center;background-color:#388e3c;border:none;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;height:36px;justify-content:center;letter-spacing:.02857em;min-width:64px;padding:12px 24px;text-transform:uppercase;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.parallax-load-confirm-btn:hover{background-color:#2e7d32;box-shadow:0 2px 4px -1px #0003,0 4px 5px 0 #00000024,0 1px 10px 0 #0000001f}.parallax-load-confirm-btn:focus{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f,0 0 0 2px #388e3c4d;outline:none}.parallax-load-cancel-btn,.parallax-save-cancel-btn{align-items:center;background-color:initial;border:1px solid #ffffff1f;border-radius:4px;color:#e0e0e0;color:var(--text-color-muted,#e0e0e0);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;letter-spacing:.02857em;min-width:64px;padding:11px 23px;text-transform:uppercase;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.parallax-load-cancel-btn:hover,.parallax-save-cancel-btn:hover{background-color:#ffffff0a;border-color:#ffffff3b}.parallax-load-cancel-btn:focus,.parallax-save-cancel-btn:focus{border-color:#4169e1;border-color:var(--accent-color,#4169e1);box-shadow:0 0 0 2px #4169e14d;outline:none}.homepage-sidebar{background:#2a2a2a;border-right:1px solid #444;display:flex;flex-direction:column;height:100%;position:relative;transition:width .3s ease}.homepage-sidebar.collapsed{width:60px}.homepage-sidebar.collapsed .sidebar-header h2{font-size:24px;margin:0;padding:20px 0;text-align:center}.sidebar-header{background:#2a2a2a;border-bottom:1px solid #444;flex-shrink:0;padding:10px 16px}.header-row{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-header h2{color:#fff;flex:1 1;font-size:16px;margin:0}.sticker-count{color:#ccc;font-size:12px;margin-left:8px;white-space:nowrap}.sidebar-controls{background:#2a2a2a;border-bottom:1px solid #444;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px}.sidebar-controls>*{width:100%}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;width:100%}.tag-filter-compact{flex:1 1;min-width:0}.sort-container{flex-shrink:0;position:relative}.group-container{flex-shrink:0}@media (max-width:768px){.controls-row{align-items:stretch;flex-direction:column;gap:8px}.group-container,.sort-container,.tag-filter-compact{flex:none;width:100%}.unified-control-button{justify-content:space-between;min-width:auto;width:100%}.group-toggle-btn{justify-content:center}}.homepage-sidebar .group-text,.homepage-sidebar .sort-text{font-size:12px;font-weight:500}.sort-dropdown{background-color:#2d2d2d;border:2px solid #424242;border-radius:4px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.sort-option{background:none;border:none;color:#fff;cursor:pointer;display:block;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.sort-option:hover{background-color:#333}.sort-option.selected{background-color:#3498db;color:#fff}.selected-tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sort-controls{display:flex;gap:10px;margin-bottom:15px}.sort-select{flex:1 1;font-size:12px}.sort-order-btn,.sort-select{background:#1a1a1a;border:1px solid #444;border-radius:5px;color:#fff;padding:8px}.sort-order-btn{align-items:center;cursor:pointer;display:flex;justify-content:center;min-width:36px}.sort-order-btn:hover{background:#333}.view-btn,.view-controls{display:flex;justify-content:center}.view-btn{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:5px;color:#fff;cursor:pointer;min-width:36px;padding:8px}.view-btn.active,.view-btn:hover{background:#4caf50;border-color:#4caf50}.sidebar-content{padding:20px}.error-container,.loading-container{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{margin-bottom:20px}.retry-btn{background:#4caf50;border:1px solid #4caf50;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}.retry-btn:hover{background:#45a049}.no-results{color:#ccc;padding:40px 20px;text-align:center}.no-results-icon{font-size:48px;margin-bottom:20px}.no-results h3{color:#fff;margin:0 0 10px}.no-results p{color:#999;margin:0}.sidebar-content{background:#2a2a2a;flex:1 1;overflow-y:auto;padding:12px}.compact-stickers-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:12px}.sticker-card-wrapper{cursor:pointer;transition:transform .2s ease}.sticker-card-wrapper:hover{transform:scale(1.05)}.grouped-listings{display:flex;flex-direction:column;gap:12px}.category-group{border-bottom:1px solid #444;padding-bottom:12px}.category-group:last-child{border-bottom:none}.category-title{border-bottom:1px solid #444;color:#fff;font-size:16px;margin:0 0 15px;padding:8px 20px}.loading-more{align-items:center;color:#ccc;display:flex;flex-direction:column;padding:20px}.loading-more .loading-spinner{margin-bottom:10px}.loading-more p{font-size:14px;margin:0}.end-of-all-results{border-top:1px solid #444;color:#999;font-size:14px;margin-top:20px;padding:20px;text-align:center}@media (min-width:1200px){.controls-row{flex-wrap:nowrap;gap:8px}}@media (max-width:1199px) and (min-width:768px){.homepage-sidebar .unified-control-button{padding:5px 8px}}@media (max-width:768px){.homepage-sidebar{border-bottom:1px solid #444;border-right:none;height:50vh;width:100%}.search-clear-btn{height:20px;width:20px}.controls-row{flex-wrap:wrap;gap:4px}.tag-filter-compact{min-width:120px}.compact-stickers-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sidebar-controls{padding:10px 15px}.sidebar-content{padding:15px}.unified-control-button{min-width:32px;padding:4px 6px}}@media (max-width:480px){.sidebar-controls{gap:4px;padding:8px 12px}.search-clear-btn{height:18px;width:18px}.controls-row{align-items:stretch;flex-direction:column;gap:6px}.tag-filter-compact{min-width:0;min-width:auto;width:100%}.group-container,.sort-container{width:100%}.unified-control-button{justify-content:center;padding:8px;width:100%}.compact-stickers-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.scene-builder{background:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;position:relative;width:100%}.scene-builder-content{height:calc(100vh - 56px);max-width:100%;width:100%}.scene-builder-loading{align-items:center;background:#1a1a1a;color:#fff;display:flex;height:100vh;justify-content:center}.loading-spinner{color:#fff;font-size:18px}.scene-builder-content{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#2a2a2a;border-right:1px solid #444;min-width:21px;position:relative;z-index:100}.main-content-area,.sidebar{display:flex;flex-direction:column;height:100%}.main-content-area{flex:1 1;min-width:0;overflow:hidden;width:100%}.sidebar.collapsed{width:60px}.sidebar{flex-shrink:0;transition:width .3s ease}.sidebar-collapse-btn{align-items:center;background:#353a45;border:1px solid #4a5568;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:-15px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:30px;z-index:1000}.sidebar-collapse-btn:hover{background:#3498db;border-color:#3498db;color:#fff;transform:translateY(-50%) scale(1.1)}.resize-handle{background:#0000;bottom:0;cursor:col-resize;position:absolute;right:-5px;top:0;transition:background .2s ease;width:10px}.resize-handle:hover{background:#ffffff1a}.scene-area-container{display:flex;flex:1 1;flex-direction:column;height:100%}.scene-area,.scene-area-container{min-width:0;overflow:hidden;width:100%}.scene-area{flex:1 1;position:relative}@media (max-width:768px){.scene-builder-header{flex-direction:column;gap:15px;text-align:center}.scene-builder-controls{justify-content:center;width:100%}.sidebar{border-bottom:1px solid #444;border-right:none;height:50vh;width:100%!important}.scene-builder-content{flex-direction:column}.sticker-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:15px}}.sidebar.admin-mode{background:#1a1a1a}.sidebar.admin-mode .sidebar-header{background:#2a2a2a}.material-symbols-outlined{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.scene-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.restore-scene-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.restore-scene-modal{animation:slideInUp .3s ease-out;background:#2a2a2a;border:1px solid #444;border-radius:12px;box-shadow:0 8px 32px #0009;max-width:480px;padding:24px;width:90%}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.restore-scene-header{align-items:center;color:#4caf50;display:flex;gap:12px;margin-bottom:16px}.restore-scene-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.restore-scene-content p{color:#ccc;line-height:1.5;margin:0 0 12px}.restore-scene-note{color:#888;font-size:.9rem;font-style:italic}.restore-scene-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.restore-scene-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.restore-scene-btn.restore-btn{background:#4caf50;color:#fff}.restore-scene-btn.restore-btn:hover{background:#45a049;transform:translateY(-1px)}.restore-scene-btn.dismiss-btn{background:#666;color:#fff}.restore-scene-btn.dismiss-btn:hover{background:#777}.faq-page{background:#0f0f0f;color:#fff;display:flex;flex-direction:column;min-height:100vh}.page-title{background:#1a1a1a;border-bottom:1px solid #333;padding:2rem 0;text-align:center}.page-title h1{color:#fff;font-size:2.5rem;font-weight:600;margin:0 0 .5rem}.page-title p{color:#ccc;font-size:1.1rem;margin:0;opacity:.9}.faq-content{background:#1a1a1a;flex:1 1;padding:2rem 0}.faq-container{margin:0 auto;max-width:800px;padding:0 1rem}.faq-section{background:#2d2d2d;border:1px solid #424242;border-radius:8px;margin-bottom:1rem;overflow:hidden}.section-header{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:1.5rem;transition:background-color .2s ease;width:100%}.section-header:hover{background:#ffffff0d}.section-header:focus{background:#ffffff1a;box-shadow:inset 0 0 0 2px #3498db;outline:none}.section-title{align-items:center;display:flex;gap:1rem}.section-title h2{font-size:1.25rem;font-weight:600;margin:0}.section-title .material-icon{color:#3498db}.section-header .material-icon{color:#ccc;transition:transform .2s ease}.section-header.expanded .material-icon:last-child{transform:rotate(180deg)}.section-content{background:#333;border-top:1px solid #424242;padding:0 1.5rem 1.5rem}.qa-item{margin-bottom:1.5rem}.qa-item:last-child{margin-bottom:0}.question{align-items:flex-start;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.question:before{color:#3498db;content:"Q:";flex-shrink:0;font-weight:700}.answer{color:#ccc;font-size:1rem;line-height:1.6;margin:0;padding-left:2rem}.contact-section{background:#2d2d2d;border:1px solid #424242;border-radius:8px;margin-top:3rem;padding:2rem;text-align:center}.contact-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.contact-header .material-icon{color:#3498db}.contact-header h2{color:#fff;font-size:1.5rem;margin:0}.contact-section p{color:#ccc;font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem}.etsy-link{color:#3498db;font-weight:600;text-decoration:none;transition:color .2s ease}.etsy-link:hover{color:#2980b9;text-decoration:underline}.contact-button{align-items:center;background:#3498db;border:2px solid #0000;border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:12px 24px;text-decoration:none;transition:all .2s ease}.contact-button:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.contact-button:focus{border-color:#fff;box-shadow:0 0 0 2px #3498db33;outline:none}.faq-footer{background:#23262e;border-top:1px solid #424242;color:#ccc;padding:1rem;text-align:center}.faq-footer p{font-size:.9rem;margin:0}@media (max-width:768px){.faq-header .header-content{flex-direction:column;gap:1rem;text-align:center}.faq-header .header-text h1{font-size:2rem}.faq-header .header-text p{font-size:1rem}.section-header{padding:1rem}.section-content{padding:0 1rem 1rem}.contact-section{margin-top:2rem;padding:1.5rem}.contact-header{flex-direction:column;gap:.5rem}.answer{padding-left:1.5rem}}@media (max-width:480px){.faq-header .header-text h1{font-size:1.75rem}.section-title h2{font-size:1.1rem}.question{font-size:1rem}.answer{font-size:.95rem;padding-left:1rem}}@media (prefers-contrast:high){.faq-section{border-color:#666}.section-header:focus{box-shadow:inset 0 0 0 2px #fff}.section-content{border-top-color:#666}}.hero-frame-machine{background:#0000;height:100vh}.hero-frame-machine,.hero-frame-machine-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.hero-frame-machine-container{height:100%}.hero-frame-assembly{align-items:center;display:flex;filter:drop-shadow(0 8px 32px rgba(0,0,0,.3)) drop-shadow(0 4px 16px rgba(0,0,0,.2));height:400px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-80%);width:400px}.hero-frame-pieces{--base-x:120px;--base-y:120px;--iris-duration:800ms;--iris-easing:cubic-bezier(0.25,0.1,0.25,1);height:100%;position:relative;width:100%}.hero-frame-center-sticker{pointer-events:auto}.hero-frame-center-sticker .prepared-sticker-card{transform-origin:center center;transition:transform var(--iris-duration) var(--iris-easing)}.hero-frame-piece{cursor:default;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:transform var(--iris-duration) var(--iris-easing)}.hero-frame-piece.hero-frame-upper-left-corner,.hero-frame-piece.hero-frame-upper-right-corner{cursor:pointer;pointer-events:auto}.frame-piece-image{max-height:none;max-width:none}.upper-left-button{left:44px}.upper-left-button,.upper-right-button{cursor:pointer;pointer-events:auto;position:absolute;top:42px}.upper-right-button{right:48px}.hero-frame-upper-left-corner{left:calc(var(--base-x));top:calc(var(--base-y));z-index:14}.hero-frame-upper-right-corner{left:calc(var(--base-x) + 80px);top:calc(var(--base-y));z-index:12}.hero-frame-top-bar{left:calc(var(--base-x) - 90px);top:calc(var(--base-y) - 10px);z-index:9}.hero-frame-left-side{left:calc(var(--base-x) + 10px);top:calc(var(--base-y) - 170px);z-index:9}.hero-frame-right-bottom-edge{left:calc(var(--base-x) - 160px);top:calc(var(--base-y) - 170px);z-index:5}.hero-frame-frame-bottom-edge{left:-700px;top:calc(50vh - 127px)}.hero-frame-frame-bottom-edge,.hero-frame-frame-top-right-edge{position:fixed!important;transform:translateY(-50%)!important;z-index:3}.hero-frame-frame-top-right-edge{left:-620px;top:calc(50vh - 274px)}.hero-frame-screw-top{left:calc(var(--base-x) + 55px);top:calc(var(--base-y) - 27px);z-index:13}.hero-frame-screw-left{left:calc(var(--base-x) - 18px);top:calc(var(--base-y) + 69px);z-index:11}.hero-frame-screw-right{left:calc(var(--base-x) + 111px);top:calc(var(--base-y) + 42px);z-index:13}.hero-frame-screw-bottom{left:calc(var(--base-x) + 60px);top:calc(var(--base-y) + 143px);z-index:11}.hero-frame-backing-box{background-color:#2a2a2a;height:130px;height:var(--backing-box-height,130px);left:calc(var(--base-x) + 55px);left:calc(var(--base-x) + var(--center-sticker-x, 60px) - 5px);top:calc(var(--base-y) + 16px);top:calc(var(--base-y) + var(--center-sticker-y, 21px) - 5px);width:130px;width:var(--backing-box-width,130px);z-index:2}.hero-frame-backing-box,.hero-frame-center-sticker{-webkit-clip-path:inset(0 80% 80% 0);clip-path:inset(0 80% 80% 0);-webkit-clip-path:inset(0 var(--mask-right,80%) var(--mask-bottom,80%) 0);clip-path:inset(0 var(--mask-right,80%) var(--mask-bottom,80%) 0);overflow:hidden;position:absolute;transition:all var(--iris-duration) var(--iris-easing)}.hero-frame-center-sticker{left:calc(var(--base-x) + 60px);left:calc(var(--base-x) + var(--center-sticker-x, 60px));top:calc(var(--base-y) + 21px);top:calc(var(--base-y) + var(--center-sticker-y, 21px));z-index:4;z-index:var(--center-sticker-z,4)}.hero-frame-pieces.iris-open .hero-frame-upper-left-corner{transform:translate(-50%,-50%) translate(0)!important}.hero-frame-pieces.iris-open .hero-frame-upper-right-corner{transform:translate(-50%,-50%) translate(120px)!important;transform:translate(-50%,-50%) translate(var(--upper-right-corner-open-x,120px),var(--upper-right-corner-open-y,0))!important}.hero-frame-pieces.iris-open .hero-frame-left-side{transform:translate(-50%,-50%) translateY(60px)!important;transform:translate(-50%,-50%) translate(var(--left-side-open-x,0),var(--left-side-open-y,60px))!important}.hero-frame-pieces.iris-open .hero-frame-screw-left{transform:translate(-50%,-50%) translateY(50px)!important;transform:translate(-50%,-50%) translate(var(--screw-left-open-x,0),var(--screw-left-open-y,50px))!important}.hero-frame-pieces.iris-open .hero-frame-top-bar{transform:translate(-50%,-50%) translate(100px)!important;transform:translate(-50%,-50%) translate(var(--top-bar-open-x,100px),var(--top-bar-open-y,0))!important}.hero-frame-pieces.iris-open .hero-frame-screw-top{transform:translate(-50%,-50%) translate(70px)!important;transform:translate(-50%,-50%) translate(var(--screw-top-open-x,70px),var(--screw-top-open-y,0))!important}.hero-frame-pieces.iris-open .hero-frame-right-bottom-edge{transform:translate(-50%,-50%) translate(100px,60px)!important;transform:translate(-50%,-50%) translate(var(--right-bottom-edge-open-x,100px),var(--right-bottom-edge-open-y,60px))!important}.hero-frame-pieces.iris-open .hero-frame-frame-bottom-edge{transform:translateY(-50%) translateY(60px)!important;transform:translateY(-50%) translateY(var(--frame-bottom-edge-open-y,60px))!important}.hero-frame-pieces.iris-open .hero-frame-frame-top-right-edge{transform:translateY(-50%)!important}.hero-frame-pieces.iris-open .hero-frame-screw-right{transform:translate(-50%,-50%) translate(90px,82px)!important;transform:translate(-50%,-50%) translate(var(--screw-right-open-x,90px),var(--screw-right-open-y,82px))!important}.hero-frame-pieces.iris-open .hero-frame-screw-bottom{transform:translate(-50%,-50%) translate(80px,50px)!important;transform:translate(-50%,-50%) translate(var(--screw-bottom-open-x,80px),var(--screw-bottom-open-y,50px))!important}.hero-frame-pieces.iris-open .hero-frame-backing-box,.hero-frame-pieces.iris-open .hero-frame-center-sticker{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.hero-frame-pieces.iris-open .hero-frame-center-sticker .prepared-sticker-card{transform-origin:center center}.hero-frame-action-buttons{pointer:pointer;align-items:center;display:flex;justify-content:space-between;left:0;position:absolute;right:0;top:-80px;z-index:100}.frame-action-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer!important;display:flex;font-size:20px;height:56px;justify-content:center;transition:all .2s ease;width:56px}.frame-action-button *{cursor:pointer!important;pointer-events:none}.frame-action-button:hover:not(:disabled){box-shadow:0 6px 16px #0006;transform:scale(1.1)}.frame-action-button:active:not(:disabled){transform:scale(.95)}.frame-action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.frame-action-button.view-button{background:#3498dbe6}.frame-action-button.view-button:hover:not(:disabled){background:#3498db}.frame-action-button.recycle-button{background:#2ecc71e6}.frame-action-button.recycle-button:hover:not(:disabled){background:#2ecc71}.hero-frame-custom-loading{display:flex;gap:4px;left:50%;position:absolute;top:-40px;transform:translateX(-50%);z-index:100}.loading-rectangle{background-color:#000;border-radius:1px;height:6px;transition:background-color .3s ease;width:12px}.loading-rectangle.active{background-color:#2ecc71}.hero-frame-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.hero-frame-refresh{background:#3498db;border:none;border-radius:8px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;position:absolute;right:20px;top:20px;transition:all .2s ease;z-index:100}.hero-frame-iris-controls{display:flex;flex-direction:column;gap:10px;left:20px;position:absolute;top:20px;z-index:100}.iris-control-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:none;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;min-width:100px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.iris-control-button:hover:not(:disabled){background:#000000e6;box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.iris-control-button:active:not(:disabled){transform:translateY(0)}.iris-control-button:disabled{background:#0006;cursor:not-allowed;opacity:.5}.iris-control-button.recycle-button{background:#2ecc71e6}.iris-control-button.recycle-button:hover:not(:disabled){background:#2ecc71}.hero-frame-refresh:hover{background:#2980b9;box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.hero-frame-refresh:active{transform:translateY(0)}@media (max-width:768px){.hero-frame-assembly{height:300px;width:300px}.hero-frame-refresh{font-size:12px;padding:10px 16px;right:10px;top:10px}}@media (max-width:480px){.hero-frame-assembly{height:250px;width:250px}}.frame-positioning-admin{background:#000000f2;border:2px solid #3498db;border-radius:8px;box-shadow:0 4px 20px #00000080;color:#fff;font-family:Courier New,monospace;max-height:80vh;overflow-y:auto;padding:20px;position:fixed;right:20px;top:20px;width:350px;z-index:10000}.admin-header{border-bottom:1px solid #555;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.admin-header,.header-buttons{align-items:center;display:flex}.header-buttons{gap:8px}.admin-header h3{color:#3498db;font-size:18px;margin:0}.save-button{background:#27ae60;padding:8px 16px}.minimize-button,.save-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;transition:background .2s}.minimize-button{align-items:center;background:#34495e;display:flex;font-size:16px;justify-content:center;min-width:36px;padding:8px 12px}.save-button:hover{background:#2ecc71}.minimize-button:hover{background:#3498db}.frame-positioning-admin:not(:has(.admin-content)){max-height:none}.admin-content{display:flex;flex-direction:column;gap:20px}.pieces-list h4{color:#3498db;font-size:14px;margin:0 0 10px}.piece-item{align-items:center;background:#333;border:1px solid #555;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin:4px 0;padding:8px 12px;transition:all .2s}.piece-item:hover{background:#444;border-color:#777}.piece-item.selected{background:#3498db;border-color:#5dade2}.piece-name{font-size:12px;font-weight:700}.base-indicator{color:#f39c12;font-size:10px;font-style:italic}.position-controls h4{color:#3498db;font-size:14px;margin:0 0 15px}.control-group{margin-bottom:15px}.control-group label{color:#bdc3c7;display:block;font-size:12px;margin-bottom:5px}.input-with-buttons{align-items:center;display:flex;gap:5px}.input-with-buttons input{background:#2c3e50;border:1px solid #555;border-radius:4px;color:#fff;font-size:12px;padding:6px 8px;text-align:center;width:80px}.input-with-buttons input:focus{border-color:#3498db;outline:none}.increment-btn{align-items:center;background:#34495e;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;transition:background .2s;width:30px}.increment-btn:hover{background:#3498db}.base-info{background:#2c3e50;border:1px solid #555;border-radius:4px;padding:15px}.base-info p{color:#bdc3c7;font-size:12px;margin:0 0 8px}.base-info p:last-child{color:#f39c12;font-weight:700;margin-bottom:0}@media (max-width:768px){.frame-positioning-admin{right:10px;top:10px;width:300px}}.hero-frame-machine-test-page{color:#fff;font-family:Arial,sans-serif;min-height:100vh}.test-page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:1px solid #333;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.test-page-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.test-page-nav h1{color:gold;font-size:1.5rem;margin:0}.nav-button{background:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.nav-button:hover{background:#444;border-color:#666}.test-controls{align-items:center;display:flex;gap:1rem}.test-controls label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.test-controls input[type=checkbox]{accent-color:gold;height:16px;width:16px}.test-page-content{height:calc(100vh - 80px);margin-top:80px}.test-info-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #333;border-radius:8px;padding:1.5rem;position:fixed;right:2rem;top:100px;width:300px;z-index:100}.test-info-panel h3{color:gold;font-size:1.2rem;margin:0 0 1rem}.info-section{margin-bottom:1.5rem}.info-section h4{color:#fff;font-size:1rem;margin:0 0 .5rem}.info-section ul{color:#ccc;font-size:.9rem;line-height:1.4;margin:0;padding-left:1.2rem}.info-section li{margin-bottom:.25rem}@media (max-width:1024px){.test-info-panel{margin:1rem;position:relative;right:auto;top:auto;width:100%}.test-page-content{height:calc(100vh - 120px);margin-top:120px}}@media (max-width:768px){.test-page-nav{align-items:flex-start;flex-direction:column;gap:1rem}.test-page-nav h1{font-size:1.2rem}.test-page-content{height:calc(100vh - 140px);margin-top:140px}}.error-preview{background-color:#0a0a0a;color:#fff;min-height:100vh;padding:2rem}.error-preview__header{background:linear-gradient(135deg,#f5a6231a,#0003);border:1px solid #f5a62333;border-radius:8px;margin-bottom:2rem;padding:2rem 1rem;text-align:center}.error-preview__title{color:#f5a623;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.error-preview__subtitle{color:#b0b0b0;font-size:1.125rem;margin:0}.error-preview__tabs{background-color:#ffffff05;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.error-preview__tab{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#b0b0b0;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:150px;padding:1rem 1.5rem;text-align:center;transition:all .2s ease}.error-preview__tab:hover{background-color:#ffffff14;border-color:#f5a6234d;transform:translateY(-2px)}.error-preview__tab--active{background-color:#f5a62326;border-color:#f5a623;color:#fff}.error-preview__tab--active:hover{transform:translateY(0)}.error-preview__tab-label{font-size:.9375rem;font-weight:600}.error-preview__tab-description{font-size:.75rem;opacity:.7}.error-preview__info{align-items:center;background-color:#f5a6231a;border:1px solid #f5a6234d;border-radius:6px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem}.error-preview__info-badge{color:#f5a623;font-size:.9375rem}.error-preview__info-description{color:#b0b0b0;font-size:.875rem}.error-preview__display{align-items:center;background-color:#121212;border:2px solid #f5a62333;border-radius:8px;display:flex;justify-content:center;margin-bottom:3rem;min-height:500px;padding:2rem}.error-preview__variants{background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:3rem;padding:2rem}.error-preview__variants-title{color:#f5a623;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.error-preview__variant-row{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem}.error-preview__variant-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.error-preview__variant-label{color:#f5a623;font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.error-preview__variant-display{align-items:center;background-color:#121212;border:1px solid #ffffff1a;border-radius:6px;display:flex;justify-content:center;min-height:400px;padding:2rem}.error-preview__variant-display--dark{background-color:#121212}.error-preview__variant-display--light{background-color:#fff}.error-preview__notes{background-color:#f5a6230d;border:1px solid #f5a6234d;border-radius:8px;margin-bottom:2rem;padding:2rem}.error-preview__notes h3{color:#f5a623;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.error-preview__notes ul{list-style:none;margin:0 0 1rem;padding:0}.error-preview__notes li{color:#e0e0e0;line-height:1.6;padding:.5rem 0}.error-preview__notes strong{color:#f5a623;font-weight:600}.error-preview__warning{background-color:#ff98001a;border-left:3px solid #ff9800;border-radius:4px;color:#ffb74d;font-weight:500;margin:1rem 0 0;padding:1rem}@media (max-width:768px){.error-preview{padding:1rem}.error-preview__title{font-size:1.75rem}.error-preview__subtitle{font-size:1rem}.error-preview__tabs{flex-direction:column}.error-preview__tab{min-width:100%}.error-preview__info{flex-direction:column;text-align:center}.error-preview__display,.error-preview__variant-display{min-height:350px;padding:1rem}.error-preview__notes,.error-preview__variants{padding:1rem}}@media (prefers-reduced-motion:reduce){.error-preview__tab{transition:none}.error-preview__tab:hover{transform:none}}.App{background-color:var(--primary-color);color:var(--text-color);min-height:100vh}.loading-container{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0f0f0f);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.welcome-text{animation:textFadeIn 1s ease-out .5s both;color:#fff;font-size:1.2rem;font-weight:500;margin:0}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--spacing-lg);text-align:center}.error-container h2{color:#ff6b6b;margin-bottom:var(--spacing-md)}.App-header{background-color:var(--secondary-color);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0;text-align:center}.App-header h1{color:var(--text-color);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.App-header p{color:#ccc;font-size:1.1rem;margin:0}.App-main{padding:var(--spacing-lg) 0}.app-status{margin-bottom:var(--spacing-xl)}.app-status h2{color:var(--text-color);font-size:1.5rem;margin-bottom:var(--spacing-md)}.status-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width:768px){.status-grid{grid-template-columns:repeat(2,1fr)}}.status-item{align-items:center;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.status-label{color:var(--text-color);font-weight:500}.status-value{border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:700;padding:var(--spacing-xs) var(--spacing-sm)}.status-value.success{background-color:#4caf50;color:#fff}.status-value.pending{background-color:#ff9800;color:#fff}.status-value.error{background-color:#f44336;color:#fff}.test-section{margin-top:var(--spacing-xl)}.test-section h2{color:var(--text-color);font-size:1.5rem;margin-bottom:var(--spacing-md)}.card-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;justify-items:center}@media (min-width:768px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.debug-section{margin-top:var(--spacing-xl)}.debug-section h2{color:var(--text-color);font-size:1.5rem;margin-bottom:var(--spacing-md)}.debug-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:768px){.debug-grid{grid-template-columns:repeat(2,1fr)}}.debug-item{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.debug-item h3{color:var(--text-color);font-size:1.2rem;margin-bottom:var(--spacing-md)}.placeholder-card{align-items:center;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-lg);text-align:center}.placeholder-card h3{color:var(--text-color);font-size:1.2rem;margin-bottom:var(--spacing-md)}.placeholder-card p{color:#ccc;font-size:.9rem;margin:var(--spacing-xs) 0}@media (max-width:768px){.App-header h1{font-size:1.5rem}.App-header p{font-size:1rem}.status-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.status-label,.status-value{width:100%}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}*{transition:none!important}}.token-status{background:#2a2a2a;border:1px solid #333;border-radius:8px;margin-top:1rem;padding:1rem}.token-status h3{color:#fff;font-size:1rem;margin:0 0 .5rem}.token-info{font-size:.9rem}.token-valid{color:#4caf50}.token-missing,.token-valid{align-items:center;display:flex;gap:.5rem}.token-missing{color:#f44336}.status-icon{font-size:1.2rem}.btn-small{background:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:auto;padding:.25rem .5rem}.btn-small:hover{background:#2e4a8f}
/*# sourceMappingURL=main.106bc319.css.map*/