.creative-studio{--studio-accent:#ff2451;--studio-deep:#a70d42;position:relative;min-width:0;width:100%;align-self:center;perspective:1000px;color:#29292c}.studio-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;padding:8px 14px;color:#68665f}.studio-top span:first-child{color:#a51e3d}.studio-art{display:block;width:100%;max-height:66vh;overflow:visible;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .3s ease-out;transform-style:preserve-3d}.studio-piece{transform-box:view-box;transform-origin:center;will-change:transform}.poster{transform:translateY(calc(var(--travel,0px) * -.45)) rotate(calc(var(--turn,0deg) * .3))}.bag{transform:translate(calc(var(--travel,0px) * -.24),calc(var(--travel,0px) * .35))}.cards{transform:translate(calc(var(--travel,0px) * .3),calc(var(--travel,0px) * .65)) rotate(calc(var(--turn,0deg) * -.35))}.swatch{transform:translateY(calc(var(--travel,0px) * -.7))}.studio-controls{border-top:1px solid #17171922;padding:18px 8px 10px;display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-label,.studio-note{font-size:8px;letter-spacing:1.4px;color:#66635b}.studio-palettes{display:flex;gap:8px;margin-top:7px}.studio-palettes button{width:36px;height:36px;border:5px solid #e9e8e3;background:var(--swatch);border-radius:50%;cursor:pointer;outline:1px solid transparent;outline-offset:1px;transition:outline-color .2s,transform .2s}.studio-palettes button[aria-pressed=true]{outline-color:#242426}.studio-palettes button:hover{transform:translateY(-2px)}.studio-palettes button:focus-visible{outline:2px solid #242426;outline-offset:3px}.studio-hint{font-size:13px;line-height:1.7;text-align:right}.studio-hint small{font-size:9px;color:#6a675f}.studio-note{display:block;padding:4px 8px}.paused .studio-art,.paused .studio-piece{transition:none;will-change:auto}@media(max-width:800px){.studio-art{max-height:none}.creative-studio{max-width:580px;margin-inline:auto}.studio-hint small{font-size:0}.studio-hint small:after{content:'Toca un color para crear';font-size:9px}.editorial-hero{overflow:hidden}}@media(prefers-reduced-motion:reduce){.studio-art,.studio-piece{transform:none!important;transition:none!important;will-change:auto}.studio-palettes button{transition:none}}