:root{--primary-accent: #059669;--primary-accent-light: #ecfdf5;--secondary-bg: #f8fafc;--border-subtle: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1)}.customizer-tabs{display:flex;border-bottom:2px solid var(--border-subtle);margin-bottom:2rem;gap:2.5rem}.customizer-tab{padding-bottom:.875rem;font-size:1rem;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.customizer-tab.active{color:var(--text-main)}.customizer-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--primary-accent);box-shadow:0 2px 4px #05966933}.customizer-controls{display:none;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customizer-controls.active{display:block}.control-group{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.control-group:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.control-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700;color:var(--text-main);font-size:.95rem;letter-spacing:-.01em}.pattern-templates{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pattern-template{border:2px solid transparent;background:var(--secondary-bg);border-radius:8px;padding:4px;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.pattern-template:hover{background:#fff;border-color:var(--border-subtle)}.pattern-template.active{border-color:var(--primary-accent);background:#fff;box-shadow:0 0 0 3px var(--primary-accent-light)}.pattern-thumbnail.pattern-icon{display:block;width:100%;aspect-ratio:1;min-height:36px;border-radius:6px;margin-bottom:4px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background-color:#f8fafc;background-image:var(--pattern-img);background-repeat:repeat;background-size:36px 36px;background-position:0 0}.pattern-icon-0{background-size:36px 36px;background-position:0 0}.pattern-icon-1{background-size:72px 36px;background-position:0 0;position:relative}.pattern-icon-1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern-img, none);background-repeat:repeat;background-size:72px 36px;background-position:36px 18px;opacity:1;pointer-events:none}.pattern-icon-2{background-size:36px 72px;background-position:0 0;position:relative}.pattern-icon-2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern-img, none);background-repeat:repeat;background-size:36px 72px;background-position:18px 36px;pointer-events:none}.pattern-icon-3{background-size:36px 36px;background-position:0 0;position:relative}.pattern-icon-3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern-img, none);background-repeat:repeat;background-size:36px 36px;background-position:18px 0;transform:scaleX(-1);pointer-events:none}.pattern-icon-4{background-repeat:no-repeat;background-size:55% 55%;background-position:center center}.pattern-label{font-size:.725rem;font-weight:600;color:var(--text-main);margin-top:4px}.customizer-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--border-subtle);border-radius:10px;outline:none;cursor:pointer}.customizer-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border:2px solid var(--primary-accent);border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:transform .1s ease}.customizer-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.position-grid{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:1.5rem}.arrow-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.arrow-btn{width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;color:var(--text-main);font-weight:700;cursor:pointer;transition:all .2s ease}.arrow-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--primary-accent-light)}.spacing-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px}.spacing-btn{width:36px;height:36px;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.spacing-btn:hover{border-color:var(--primary-accent);background:var(--primary-accent-light);color:var(--primary-accent)}#customizer-canvas-container{display:none;width:100%;background:#fff;border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden;position:relative;aspect-ratio:1/1;box-shadow:var(--shadow-md);transition:all .3s ease}#customizer-canvas-container.active{display:block}.canvas-placeholder{background:var(--secondary-bg);color:var(--text-muted)}@media screen and (max-width:749px){.pattern-templates{gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.pattern-template{min-width:54px;padding:4px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/greaseproof-customizer.css.map */