.background-changer-module__YZR4ua__container{color:#111827;background-color:#f9fafb;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.background-changer-module__YZR4ua__layout{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}@media (min-width:1024px){.background-changer-module__YZR4ua__layout{flex-direction:row;padding:2rem}}.background-changer-module__YZR4ua__sidebarLeft{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (min-width:1024px){.background-changer-module__YZR4ua__sidebarLeft{flex-shrink:0;width:256px}}.background-changer-module__YZR4ua__sidebarRight{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (min-width:1024px){.background-changer-module__YZR4ua__sidebarRight{flex-shrink:0;width:320px}}.background-changer-module__YZR4ua__mainContent{flex-direction:column;flex:1;display:flex}.background-changer-module__YZR4ua__card{background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.background-changer-module__YZR4ua__cardHeader{color:#111827;margin-bottom:1rem;font-size:.875rem;font-weight:700}.background-changer-module__YZR4ua__navList{flex-direction:column;gap:.25rem;display:flex}.background-changer-module__YZR4ua__navItem{cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;transition:all .2s;display:flex}.background-changer-module__YZR4ua__navItemActive{color:#4f46e5;background-color:#eef2ff;border-left-color:#4f46e5}.background-changer-module__YZR4ua__navItemInactive{color:#6b7280}.background-changer-module__YZR4ua__navItemInactive:hover{color:#374151;background-color:#f3f4f6}.background-changer-module__YZR4ua__navTitle{font-size:.875rem;font-weight:600}.background-changer-module__YZR4ua__navDesc{opacity:.7;font-size:.625rem}.background-changer-module__YZR4ua__bgTypeList{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.background-changer-module__YZR4ua__bgTypeBtn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.background-changer-module__YZR4ua__bgTypeBtnActive{color:#4f46e5;background-color:#eef2ff;border-color:#4f46e5}.background-changer-module__YZR4ua__mainHeader{text-align:center;margin-bottom:1.5rem}.background-changer-module__YZR4ua__mainTitle{color:#111827;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}@media (min-width:768px){.background-changer-module__YZR4ua__mainTitle{font-size:2.25rem}}.background-changer-module__YZR4ua__mainTitle span{color:#4f46e5}.background-changer-module__YZR4ua__mainSubtitle{color:#6b7280;font-size:.875rem}.background-changer-module__YZR4ua__uploadArea{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:.75rem;flex:1;justify-content:center;align-items:center;min-height:500px;padding:1.5rem;transition:background-color .2s;display:flex;position:relative}.background-changer-module__YZR4ua__uploadArea:hover{background-color:#f9fafb}.background-changer-module__YZR4ua__fileInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.background-changer-module__YZR4ua__btnPurple{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.background-changer-module__YZR4ua__btnPurple:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4f46e563}.background-changer-module__YZR4ua__btnPurple:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.background-changer-module__YZR4ua__btnOutline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;transition:all .2s;display:inline-flex}.background-changer-module__YZR4ua__btnOutline:hover{background:#f9fafb}.background-changer-module__YZR4ua__editorHeader{background:#fff;border:1px solid #e5e7eb;border-top-left-radius:.75rem;border-top-right-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.background-changer-module__YZR4ua__editorHeaderActions{gap:1rem;display:flex}.background-changer-module__YZR4ua__actionText{color:#4b5563;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.background-changer-module__YZR4ua__actionText:hover{color:#4f46e5}.background-changer-module__YZR4ua__editorMain{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYNgvwMDA/xYI8BITE1AcmBiNuoFwNBoNw0A4Gg1kIAwDBoMAMgDLAgDUGAYgG0qQHQAAAABJRU5ErkJggg==);border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;flex:1;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.background-changer-module__YZR4ua__editorCanvasWrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.background-changer-module__YZR4ua__splitViewContainer{width:100%;height:100%;position:absolute;inset:0}.background-changer-module__YZR4ua__splitViewImage{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.background-changer-module__YZR4ua__splitViewSlider{cursor:ew-resize;z-index:10;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #00000080}.background-changer-module__YZR4ua__splitViewHandle{color:#4f46e5;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d}.background-changer-module__YZR4ua__splitLabel{color:#fff;z-index:5;background:#00000080;border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:700;position:absolute;top:1rem}.background-changer-module__YZR4ua__editorFooter{background:#fff;border:1px solid #e5e7eb;border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.background-changer-module__YZR4ua__toolbarGroup{align-items:center;gap:.5rem;display:flex}.background-changer-module__YZR4ua__toolbarBtn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.background-changer-module__YZR4ua__toolbarBtn:hover{background:#f3f4f6}.background-changer-module__YZR4ua__zoomSlider{accent-color:#4f46e5;width:80px}.background-changer-module__YZR4ua__zoomText{text-align:center;width:3rem;font-size:.875rem;font-weight:500}.background-changer-module__YZR4ua__colorGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.background-changer-module__YZR4ua__colorBox{aspect-ratio:1;cursor:pointer;border:1px solid #0000001a;border-radius:.375rem;width:100%;transition:transform .1s}.background-changer-module__YZR4ua__colorBox:hover{transform:scale(1.1)}.background-changer-module__YZR4ua__colorBoxActive{border:2px solid #4f46e5;box-shadow:inset 0 0 0 2px #fff}.background-changer-module__YZR4ua__imageGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1rem;display:grid}.background-changer-module__YZR4ua__imageBox{aspect-ratio:1;cursor:pointer;border:1px solid #e5e7eb;border-radius:.375rem;width:100%;overflow:hidden}.background-changer-module__YZR4ua__imageBox img{object-fit:cover;width:100%;height:100%}.background-changer-module__YZR4ua__imageBoxActive{border:2px solid #4f46e5}.background-changer-module__YZR4ua__sliderRow{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.background-changer-module__YZR4ua__rangeInput{accent-color:#4f46e5;flex:1}.background-changer-module__YZR4ua__rangeValue{color:#374151;text-align:right;width:2rem;font-size:.75rem;font-weight:600}.background-changer-module__YZR4ua__btnReset{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem;font-weight:600;display:flex}.background-changer-module__YZR4ua__btnReset:hover{background:#f9fafb}.background-changer-module__YZR4ua__featuresGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1400px;margin:0 auto;padding:2rem 0;display:grid}@media (min-width:768px){.background-changer-module__YZR4ua__featuresGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}.background-changer-module__YZR4ua__featureBox{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.background-changer-module__YZR4ua__featureIcon{color:#4f46e5;background-color:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.25rem;display:flex}@media (max-width:767px){.background-changer-module__YZR4ua__uploadArea{min-height:200px!important;padding:16px!important}.background-changer-module__YZR4ua__editorMain{min-height:280px!important}.background-changer-module__YZR4ua__colorGrid{grid-template-columns:repeat(8,1fr)!important;gap:6px!important}.background-changer-module__YZR4ua__imageGrid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.background-changer-module__YZR4ua__mainTitle{font-size:1.35rem!important}.background-changer-module__YZR4ua__bottomSection{padding:12px 12px 16px!important}.background-changer-module__YZR4ua__featuresGrid{gap:8px!important;padding:12px 0!important}.background-changer-module__YZR4ua__featureBox{gap:4px!important;padding:10px!important}.background-changer-module__YZR4ua__featureIcon{width:2rem!important;height:2rem!important}}
.page-module__V6JgPa__pageContainer{background-color:#f9fafb;min-height:100vh}.page-module__V6JgPa__seoSection{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.page-module__V6JgPa__seoTitle{text-align:center;color:#111827;background:linear-gradient(90deg,#4f46e5,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2.5rem;font-size:2.25rem;font-weight:800}.page-module__V6JgPa__seoCard{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;margin-bottom:3rem;padding:2rem;box-shadow:0 1px 2px #0000000d}.page-module__V6JgPa__seoHeading{color:#111827;margin-top:0;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.page-module__V6JgPa__seoText{color:#374151;margin-bottom:1rem;line-height:1.6}.page-module__V6JgPa__seoGrid{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;display:grid}@media (min-width:768px){.page-module__V6JgPa__seoGrid{grid-template-columns:repeat(2,1fr)}}.page-module__V6JgPa__seoGridBox{border-radius:1rem;padding:2rem}.page-module__V6JgPa__seoGridBox1{background-color:#eef2ff;border:1px solid #e0e7ff}.page-module__V6JgPa__seoGridBox2{background-color:#fff1f2;border:1px solid #fce7f3}.page-module__V6JgPa__seoGridTitle1{color:#312e81;margin-top:0;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.page-module__V6JgPa__seoGridTitle2{color:#831843;margin-top:0;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.page-module__V6JgPa__seoList{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.page-module__V6JgPa__seoListItem{color:#374151;line-height:1.5}.page-module__V6JgPa__seoOrderedList{background:#fff;border-radius:1rem;margin-bottom:3rem;margin-left:1.5rem;padding:2rem;box-shadow:0 1px 2px #0000000d}.page-module__V6JgPa__seoOrderedList li{color:#374151;margin-bottom:1rem;line-height:1.5}.page-module__V6JgPa__seoDarkBox{color:#fff;background:linear-gradient(to bottom right,#111827,#312e81);border-radius:1.5rem;margin-bottom:3rem;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a}.page-module__V6JgPa__seoDarkBox h3{margin-top:0;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}.page-module__V6JgPa__seoDarkBox p{margin-bottom:1rem;line-height:1.6}.page-module__V6JgPa__seoCodeBox{background:#0000004d;border:1px solid #fff3;border-radius:.5rem;margin:1rem 0;padding:1rem;font-family:monospace;font-size:.875rem}.page-module__V6JgPa__faqWrap{flex-direction:column;gap:1.5rem;margin-bottom:4rem;display:flex}.page-module__V6JgPa__faqBox{background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.page-module__V6JgPa__faqQuestion{color:#4f46e5;margin-top:0;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.page-module__V6JgPa__faqAnswer{color:#374151;margin:0;line-height:1.6}.page-module__V6JgPa__relatedToolsWrap{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:1rem;padding:4px}.page-module__V6JgPa__relatedToolsInner{text-align:center;background-color:#111827;border-radius:.75rem;padding:2rem}.page-module__V6JgPa__relatedToolsTitle{color:#fff;margin-top:0;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.page-module__V6JgPa__relatedToolsDesc{color:#d1d5db;margin-bottom:2rem}.page-module__V6JgPa__relatedToolsButtons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.page-module__V6JgPa__relatedBtn{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s}.page-module__V6JgPa__relatedBtn:hover{background:#fff3}