component-custom{border:1px solid var(--greys-light);background-color:var(--greys-lightest);border-radius:8px;padding:16px}fieldset{border:none;padding:0}#studio{max-height:0;transition:all .5s;position:relative;overflow:visible}#studio.active{max-height:100%}#studio>*{opacity:0;animation:.5s ease-out forwards fadeInUp;transform:translateY(10px)}#studio>:first-child{animation-delay:.1s}#studio>:nth-child(2){animation-delay:.2s}#studio>:nth-child(3){animation-delay:.3s}#studio>:nth-child(4){animation-delay:.4s}#studio>:nth-child(5){animation-delay:.5s}#preview-mobile{text-align:center;width:100%;height:0;margin:0;display:none;overflow:hidden}#preview-mobile.active{height:auto;margin:16px 0;animation:.5s forwards fadeIn;display:block;overflow:visible}#preview-mobile.fade-out{animation:.5s forwards fadeOut}#preview-mobile img{aspect-ratio:1;object-fit:contain;border-radius:8px;width:100%;animation:none;display:block}#preview-mobile.active img{animation:.7s ease-out forwards slideUpFade}#preview-mobile.fade-out img{animation:.5s ease-out forwards slideDownFade}.studio-loading{z-index:5;opacity:0;visibility:hidden;background:#f5f5f5e6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:absolute;top:0;left:0}.studio-loading.active{opacity:1;visibility:visible}.studio-loading:after{content:"";border:3px solid #c8c8c84d;border-top-color:var(--surface-green);border-radius:50%;width:40px;height:40px;animation:1s linear infinite loader-spin,2s ease-in-out infinite loader-pulse}.option-select-container{flex-wrap:wrap;gap:16px;width:100%;display:flex;overflow:visible}.option-item{aspect-ratio:1;cursor:pointer;opacity:0;border:2px solid #0000;border-radius:12px;width:calc(20% - 12.8px);transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.4s ease-out forwards fadeInUp;position:relative;overflow:hidden;transform:translateY(15px)}.option-item:first-child{animation-delay:.1s}.option-item:nth-child(2){animation-delay:.15s}.option-item:nth-child(3){animation-delay:.2s}.option-item:nth-child(4){animation-delay:.25s}.option-item:nth-child(5){animation-delay:.3s}.option-item:nth-child(6){animation-delay:.35s}.option-item:nth-child(7){animation-delay:.4s}.option-item:nth-child(8){animation-delay:.45s}.option-item:nth-child(9){animation-delay:.5s}.option-item:nth-child(10){animation-delay:.55s}.option-item:hover{transform:translateY(-4px)}.option-item.active{border-color:var(--surface-green);transform:translateY(-6px)}.option-item.active:after{content:"✓";background:var(--surface-green);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0003}.option-item img{object-fit:contain;width:100%;height:100%;transition:transform .5s}.option-item:hover img{transform:scale(1.08)}.product-actions{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex;overflow:visible}.product-actions button{width:100%}.stepper{display:none}@media (width<=768px){.product-actions{z-index:8;background-color:var(--color-white);width:100%;padding:16px;transition:transform .3s;position:fixed;bottom:0;transform:translateY(100%)}.product-actions.active{transform:translateY(0)}.option-select-container{gap:12px}.option-item{width:calc(25% - 9px)}}@media (width<=576px){#preview-mobile{display:block}.option-select-container{scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:8px;overflow:scroll visible}.option-select-container::-webkit-scrollbar{display:none}.option-item{scroll-snap-align:start;flex-grow:1;flex-shrink:0;width:calc(22.2222% - 3.55556px)}.option-item.active:after{width:20px;height:20px;font-size:12px;top:6px;right:6px}}