.art-style-modal-root{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;z-index:99999;visibility:hidden;pointer-events:none}.art-style-modal-root.visible{visibility:visible;pointer-events:auto}.art-style-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;transition:opacity .35s ease-out}.art-style-modal-root.visible .art-style-modal-overlay{opacity:1}.art-style-modal-root.closing .art-style-modal-overlay{opacity:0;transition:opacity .25s ease-in}.art-style-modal-sheet{position:relative;width:100%;max-width:500px;height:min(85vh,700px);border-radius:24px 24px 0 0;overflow:hidden;transform:translateY(100%);transition:transform .45s cubic-bezier(.16,1,.3,1)}.art-style-modal-root.visible .art-style-modal-sheet{transform:translateY(0)}.art-style-modal-root.closing .art-style-modal-sheet{transform:translateY(100%);transition:transform .3s cubic-bezier(.32,0,.67,0)}.art-style-modal-sheet-bg,.art-style-modal-sheet-bg-next{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(40px) brightness(.5);transform:scale(1.5)}.art-style-modal-sheet-bg-next{z-index:1;opacity:0;transition:opacity .4s ease}.art-style-modal-sheet-bg-next.fade-in{opacity:1}.art-style-modal-sheet-bg-next:after,.art-style-modal-sheet-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}.art-style-modal-sheet-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.art-style-modal-close-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:17px;line-height:1;transition:background .2s ease;z-index:10}.art-style-modal-close-btn:hover{background:hsla(0,0%,100%,.2)}.art-style-modal-header{font-size:20px;font-weight:600;color:#fff;text-align:center;margin:0 0 16px;padding:0 40px;font-family:Outfit-Bold}.art-style-modal-preview-container{flex:0 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 0;overflow:visible}.art-style-modal-preview-image{width:100%;aspect-ratio:1;max-width:min(280px,35vh);max-height:min(280px,35vh);border-radius:16px;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:0 8px 32px rgba(0,0,0,.4);flex-shrink:0}.art-style-modal-name-display{font-size:18px;font-weight:600;color:#fff;font-family:Outfit-Bold;text-align:center}.art-style-modal-carousel-container{flex:1 1;width:100%;overflow:hidden;padding:8px 0;min-height:0}.art-style-modal-carousel{display:flex;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;height:100%;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.art-style-modal-carousel::-webkit-scrollbar{width:8px;background:transparent}.art-style-modal-carousel::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.art-style-modal-carousel img{pointer-events:none;user-drag:none}.art-style-modal-thumb{flex-shrink:0;width:100%;display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;opacity:.6;padding:8px;border-radius:8px;border:none;background:transparent;text-align:left}.art-style-modal-thumb:hover{opacity:.9;background:hsla(0,0%,100%,.05)}.art-style-modal-thumb.selected{opacity:1;background:hsla(0,0%,100%,.1)}.art-style-modal-thumb-img{width:72px;height:72px;border-radius:12px;overflow:hidden;border:3px solid transparent;transition:all .2s ease;box-sizing:border-box;flex-shrink:0}.art-style-modal-thumb.selected .art-style-modal-thumb-img{border-color:#fff}.art-style-modal-thumb img{width:100%;height:100%;object-fit:cover}.art-style-modal-thumb-name{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.7);font-family:Outfit,sans-serif;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-style-modal-thumb.selected .art-style-modal-thumb-name{color:#fff}.art-style-modal-apply-btn{width:100%;max-width:280px;padding:14px 24px;background:#fff;color:#000;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:Outfit-Bold;cursor:pointer;transition:all .2s ease}.art-style-modal-apply-btn:hover{background:hsla(0,0%,100%,.9);transform:scale(1.02)}.art-style-modal-apply-btn:active{transform:scale(.98)}@media (max-width:768px){.art-style-modal-sheet{max-width:100%;height:min(85vh,700px);border-radius:20px 20px 0 0}.art-style-modal-preview-image{max-width:min(240px,30vh);max-height:min(240px,30vh)}}@media (max-width:480px){.art-style-modal-sheet-content{padding:16px}.art-style-modal-header{font-size:18px;margin-bottom:16px;padding:0 36px}.art-style-modal-preview-image{max-width:min(200px,28vh);max-height:min(200px,28vh)}.art-style-modal-name-display{font-size:16px}.art-style-modal-thumb-img{width:64px;height:64px}.art-style-modal-thumb-name{font-size:16px}.art-style-modal-apply-btn{padding:12px 20px;font-size:15px}}@media (max-height:600px){.art-style-modal-sheet{height:90vh}.art-style-modal-preview-image{max-width:min(160px,25vh);max-height:min(160px,25vh)}.art-style-modal-preview-container{gap:8px}.art-style-modal-header{margin-bottom:8px}.art-style-modal-carousel-container{padding:4px 0}}