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