.background-selector-container{margin-bottom:10px;padding:0}.background-selector-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgb(0 0 0 / .14);border-radius:14px;cursor:pointer;transition:background 0.3s ease}.background-selector-header:hover{background:rgb(0 0 0 / .2)}.background-selector-header.expanded{background:rgb(0 0 0 / .25)}.background-selector-info{flex:1;display:flex;flex-direction:column;gap:2px}.background-selector-label{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.2px}.background-selector-value{font-size:11px;font-weight:500;color:rgb(255 255 255 / .6);letter-spacing:.2px}.background-selector-arrow{width:28px;height:28px;border-radius:50%;background:rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s ease}.background-selector-header.expanded .background-selector-arrow{transform:rotate(180deg)}.background-selector-arrow i{font-size:14px;color:rgb(255 255 255 / .8)}.background-selector-content{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(.4,0,.2,1)}.background-selector-content.expanded{max-height:800px}.background-selector-content-inner{padding-top:16px}.background-carousel-wrapper{position:relative;margin-bottom:0;overflow:hidden}.background-carousel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:0 0 10px 0;max-width:100%;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .25) rgb(255 255 255 / .08)}.background-carousel::-webkit-scrollbar{height:8px}.background-carousel::-webkit-scrollbar-track{background:rgb(255 255 255 / .08);border-radius:10px;margin:0 2px}.background-carousel::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .25);border-radius:10px;transition:background 0.2s ease}.background-carousel::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .4)}.background-carousel-item{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;cursor:pointer;background:rgb(0 0 0 / .14);scroll-snap-align:start;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;isolation:isolate}.background-carousel-item:hover{background:rgb(0 0 0 / .2)}.background-carousel-item.active{background:rgb(0 0 0 / .25)}.background-carousel-thumbnail{width:100%;height:100%;position:relative;border-radius:14px;overflow:hidden}.background-carousel-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px}.background-carousel-name{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:rgb(0 0 0 / .3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:10px;font-weight:600;color:#fff;text-align:center;letter-spacing:.3px;opacity:0;transition:opacity 0.3s ease;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.background-carousel-item:hover .background-carousel-name,.background-carousel-item.active .background-carousel-name{opacity:1}.background-carousel-check{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:rgb(0 0 0 / .6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease;z-index:10}.background-carousel-item.active .background-carousel-check{opacity:1;background:var(--accent-color)}.background-carousel-check i{font-size:14px;color:#fff}.background-custom-color{margin-top:16px;margin-bottom:0;padding:14px 16px;background:rgb(0 0 0 / .14);border-radius:14px;cursor:pointer;transition:background 0.3s ease;display:flex;align-items:center;gap:12px}.background-custom-color:hover{background:rgb(0 0 0 / .2)}.background-custom-color.active{background:rgb(0 0 0 / .25)}.background-custom-color-icon{width:36px;height:36px;border-radius:8px;background:rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.background-custom-color-icon i{font-size:18px;color:rgb(255 255 255 / .8)}.background-custom-color-name{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.2px;flex:1}.background-custom-color-preview{width:60px;height:28px;border-radius:8px;background:var(--custom-color,#1a1a1a);border:2px solid rgb(255 255 255 / .15);flex-shrink:0;transition:border-color 0.3s ease}.background-custom-color:hover .background-custom-color-preview{border-color:rgb(255 255 255 / .25)}.background-custom-color-check{width:28px;height:28px;border-radius:50%;background:rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s ease}.background-custom-color.active .background-custom-color-check{background:var(--accent-color)}.background-custom-color-check i{font-size:14px;color:#fff0;transition:color 0.3s ease}.background-custom-color.active .background-custom-color-check i{color:#fff}.color-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .253);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.color-picker-modal.active{opacity:1;visibility:visible}.color-picker-content{background:rgb(0 0 0 / .31);backdrop-filter:blur(80px) saturate(100%);-webkit-backdrop-filter:blur(80px) saturate(180%);border:1px solid rgb(255 255 255 / .18);border-radius:20px;max-width:450px;width:100%;overflow:hidden;box-shadow:0 10px 40px rgb(0 0 0 / .08),0 2px 12px rgb(0 0 0 / .04),inset 0 1px 0 rgb(255 255 255 / .4);transform:scale(.96) translateY(20px);transition:all 0.35s cubic-bezier(.4,0,.2,1)}.color-picker-modal.active .color-picker-content{transform:scale(1) translateY(0)}.color-picker-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgb(255 255 255 / .1);background:rgb(0 0 0 / .2)}.color-picker-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.color-picker-close{width:36px;height:36px;border-radius:10px;background:rgb(255 255 255 / .1);border:none;color:rgb(255 255 255 / .8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.color-picker-close:hover{background:rgb(255 255 255 / .2);color:#fff}.color-picker-close i{font-size:16px}.color-picker-body{padding:28px}.color-picker-input-wrapper{margin-bottom:20px}.color-picker-input-wrapper label{display:block;font-size:12px;font-weight:600;color:rgb(255 255 255 / .7);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.color-picker-input{width:100%;height:140px;border-radius:14px;border:2px solid rgb(255 255 255 / .2);cursor:pointer;transition:border-color 0.2s ease}.color-picker-input:hover{border-color:rgb(255 255 255 / .35)}.color-picker-hex{width:100%;padding:16px 18px;background:rgb(255 255 255 / .08);border:2px solid rgb(255 255 255 / .15);border-radius:14px;color:#fff;font-size:18px;font-weight:600;font-family:'Courier New',monospace;text-align:center;text-transform:uppercase;margin-bottom:24px;transition:all 0.2s ease}.color-picker-hex:focus{outline:none;border-color:var(--accent-color);background:rgb(255 255 255 / .12)}.color-picker-buttons{display:flex;gap:12px}.color-picker-button{flex:1;padding:14px 24px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:.5px}.color-picker-button.primary{background:var(--accent-color);color:#fff}.color-picker-button.primary:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.color-picker-button.secondary{background:rgb(255 255 255 / .1);color:#fff}.color-picker-button.secondary:hover{background:rgb(255 255 255 / .15)}@media (max-width:768px){.background-selector-container{margin-top:16px}.background-carousel{gap:10px}.background-custom-color{padding:12px 14px}.background-custom-color-icon{width:32px;height:32px}.background-custom-color-preview{width:70px;height:22px}.color-picker-body{padding:24px}}@media (max-width:480px){.background-selector-container{margin-top:14px}.background-carousel{gap:8px}.background-carousel-item{border-radius:12px}.background-custom-color{padding:10px 12px}.background-custom-color-icon{width:28px;height:28px}.background-custom-color-icon i{font-size:14px}.background-custom-color-name{font-size:13px}.background-custom-color-preview{width:60px;height:20px}.color-picker-content{width:95%}.color-picker-header{padding:20px 24px}.color-picker-title{font-size:16px}.color-picker-body{padding:20px}.color-picker-input{height:120px}}