.background-changer-page{--bc-primary:#6257f4;--bc-primary-dark:#4b45d7;--bc-cyan:#16a7c6;--bc-ink:#172033;--bc-muted:#657089;--bc-line:#dce3ef;--bc-success:#07835f}.background-changer-page [hidden]{display:none!important}.background-changer-hero{margin:12px 0 25px}.background-changer-hero .tool-h1{color:var(--bc-ink);font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em;line-height:1.08;margin:0 0 13px;max-width:900px}.background-changer-hero .tool-intro{margin-bottom:0}.background-changer-highlights{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:17px 0 0;padding:0}.background-changer-highlights li{align-items:center;background:linear-gradient(145deg,#fff,#f9faff);border:1px solid var(--bc-line);border-radius:14px;display:grid;gap:2px 10px;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;min-width:0;padding:13px}.background-changer-highlights li>span{background:#efedff;border-radius:11px;color:var(--bc-primary);display:grid;font-weight:900;grid-row:span 2;height:38px;place-items:center;width:38px}.background-changer-highlights strong{color:var(--bc-ink);font-size:.83rem}.background-changer-highlights small{color:var(--bc-muted);font-size:.69rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-changer-app{background:radial-gradient(circle at 0 0,rgba(98,87,244,.1),transparent 25%),linear-gradient(145deg,#fff,#fafbff);border:1px solid rgba(98,87,244,.22);border-radius:28px;box-shadow:0 24px 60px rgba(32,39,80,.1);overflow:visible;padding:18px;position:relative}.background-changer-app:before{background:linear-gradient(90deg,var(--bc-primary),var(--bc-cyan));border-radius:0 0 99px 99px;content:"";height:3px;left:7%;position:absolute;top:0;width:145px}.background-changer-upload{background:#fff;border:2px dashed #c9d3e5;border-radius:22px;cursor:pointer;display:grid;grid-template-columns:minmax(270px,.88fr) minmax(320px,1.12fr);min-height:390px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.background-changer-upload.is-dragging,.background-changer-upload:focus-visible,.background-changer-upload:hover{border-color:var(--bc-primary);box-shadow:0 0 0 5px rgba(98,87,244,.08),0 20px 45px rgba(31,38,78,.09);outline:0}.background-changer-upload.is-dragging{transform:scale(.995)}.background-changer-upload__visual{align-items:center;background:linear-gradient(145deg,#eeeaff,#e5f8fb);display:flex;gap:13px;justify-content:center;min-height:275px;padding:28px;position:relative}.visual-card{align-items:center;border:4px solid hsla(0,0%,100%,.84);border-radius:22px;box-shadow:0 20px 38px rgba(32,40,91,.16);display:flex;flex-direction:column;justify-content:flex-end;min-height:182px;padding:10px;transform:rotate(-4deg);width:132px}.visual-card i{background:linear-gradient(#f4b4a0,#9c69ee);border-radius:42px 42px 24px 24px;box-shadow:0 -15px 0 -5px #252943;height:110px;position:relative;width:76px}.visual-card b{background:rgba(22,32,51,.7);border-radius:99px;color:#fff;font-size:.65rem;margin-top:8px;padding:4px 8px}.visual-card--old{background:linear-gradient(150deg,#e7d9c3,#b9d5ba)}.visual-card--new{background:linear-gradient(145deg,#80c8ef,#e3b0e7);transform:rotate(4deg)}.visual-arrow{background:var(--bc-primary);border-radius:50%;box-shadow:0 8px 20px rgba(98,87,244,.3);color:#fff;display:grid;font-weight:900;height:40px;place-items:center;position:relative;width:40px;z-index:2}.background-changer-upload__copy{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:36px 30px;position:relative;text-align:center}.background-changer-upload__copy:before{background-image:radial-gradient(rgba(98,87,244,.25) .7px,transparent 0);background-size:22px 22px;content:"";inset:0;mask-image:linear-gradient(#000,transparent 85%);opacity:.3;pointer-events:none;position:absolute}.background-changer-upload__copy>*{position:relative}.upload-badge{background:#efedff;border-radius:999px;color:var(--bc-primary);display:inline-flex;font-size:.68rem;font-weight:850;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase}.background-changer-error h2,.background-changer-processing h2,.background-changer-upload h2{color:var(--bc-ink);font-size:clamp(1.25rem,2.6vw,1.65rem);letter-spacing:-.025em;margin:12px 0 8px;max-width:520px}.background-changer-error p,.background-changer-processing p,.background-changer-upload p{color:var(--bc-muted);line-height:1.65;margin:0 0 20px;max-width:530px}.background-changer-upload small{color:#7b8599;font-size:.71rem;font-weight:700;margin-top:15px}.background-changer-btn{align-items:center;border:0;border-radius:12px;cursor:pointer;display:inline-flex;font:inherit;font-size:.87rem;font-weight:800;gap:8px;justify-content:center;min-height:46px;padding:0 20px;transition:transform .18s,box-shadow .18s}.background-changer-btn:hover{transform:translateY(-2px)}.background-changer-btn:disabled{cursor:wait;opacity:.62;transform:none}.background-changer-btn--primary{background:linear-gradient(135deg,var(--bc-primary),#4268ef);box-shadow:0 12px 26px rgba(84,75,225,.26);color:#fff}.background-changer-btn--secondary{background:#edf1f6;color:#45516a}.background-changer-samples{align-items:center;background:#fff;border:1px solid var(--bc-line);border-radius:16px;display:flex;gap:9px;justify-content:center;margin-top:14px;padding:12px 14px}.background-changer-samples>span{color:var(--bc-muted);font-size:.75rem;font-weight:700;margin-right:5px}.background-changer-samples button{align-items:center;background:#f8fafc;border:1px solid var(--bc-line);border-radius:11px;color:var(--bc-ink);cursor:pointer;display:flex;font:inherit;gap:8px;min-width:145px;padding:6px;text-align:left}.background-changer-samples button:hover{background:#f1efff;border-color:#aaa3ff}.background-changer-samples img{border-radius:8px;height:46px;object-fit:cover;width:46px}.background-changer-samples button>span{display:flex;flex-direction:column;gap:1px}.background-changer-samples strong{font-size:.75rem}.background-changer-samples small{color:var(--bc-muted);font-size:.65rem}.background-changer-error,.background-changer-processing{align-items:center;background:#fff;border:1px solid var(--bc-line);border-radius:22px;display:flex;flex-direction:column;justify-content:center;min-height:390px;padding:42px 25px;text-align:center}.ai-processing-visual{align-items:flex-end;display:flex;gap:7px;height:65px;margin-bottom:17px}.ai-processing-visual span{animation:bc-wave 1s ease-in-out infinite;background:linear-gradient(var(--bc-primary),var(--bc-cyan));border-radius:9px;height:28px;width:11px}.ai-processing-visual span:nth-child(2){animation-delay:.12s}.ai-processing-visual span:nth-child(3){animation-delay:.24s}.ai-processing-visual span:nth-child(4){animation-delay:.36s}@keyframes bc-wave{0%,to{height:24px;opacity:.45}50%{height:61px;opacity:1}}.background-changer-progress{background:#e9edf4;border-radius:999px;height:9px;overflow:hidden;width:min(100%,540px)}.background-changer-progress i{background:linear-gradient(90deg,var(--bc-primary),var(--bc-cyan));border-radius:inherit;display:block;height:100%;transition:width .25s;width:0}.background-changer-progress__meta{color:#788399;display:flex;font-size:.72rem;justify-content:space-between;margin-top:8px;width:min(100%,540px)}.background-changer-error{background:snow;border-color:#fecaca}.background-changer-error>span{background:#fee4e2;border-radius:50%;color:#b42318;display:grid;font-size:1.4rem;font-weight:900;height:58px;place-items:center;width:58px}.background-changer-editor{align-items:start;display:grid;gap:17px;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr)}.background-changer-controls,.background-changer-preview-card{background:#fff;border:1px solid var(--bc-line);border-radius:20px;box-shadow:0 9px 28px rgba(31,40,77,.05);min-width:0;padding:17px}.editor-heading{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin:0 1px 12px}.controls-heading small,.editor-heading span{color:var(--bc-primary);font-size:.62rem;font-weight:850;letter-spacing:.1em}.controls-heading h2,.editor-heading h2{color:var(--bc-ink);font-size:1.08rem;margin:3px 0 0}.editor-heading>small{color:#718098;font-size:.7rem;font-weight:700}.background-canvas-wrap{background:repeating-conic-gradient(#edf0f5 0 25%,#fafbfc 0 50%) 50%/18px 18px;border-radius:15px;display:grid;min-height:390px;overflow:hidden;place-items:center;position:relative}.background-canvas-wrap canvas{box-shadow:0 10px 30px rgba(23,32,51,.17);cursor:grab;display:block;height:auto;max-height:620px;max-width:100%;touch-action:none;width:auto}.background-canvas-wrap canvas.is-dragging{cursor:grabbing}.drag-hint{background:rgba(22,32,51,.68);border-radius:9px;bottom:10px;color:#fff;font-size:.64rem;font-weight:700;padding:6px 9px;pointer-events:none;position:absolute;right:12px}.editor-file{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:11px;padding:9px 4px 0}.editor-file>div{display:flex;flex-direction:column;gap:2px;min-width:0}.editor-file strong{color:var(--bc-ink);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-file small{color:var(--bc-success);font-size:.66rem;font-weight:700}.editor-file button,.reset-adjustments{background:#f8fafc;border:1px solid #dbe2ec;border-radius:8px;color:#536077;cursor:pointer;font:inherit;font-size:.67rem;font-weight:750;min-height:30px;padding:0 9px}.editor-file button:hover,.reset-adjustments:hover{background:#f1efff;border-color:#aaa4ff;color:var(--bc-primary)}.background-changer-controls{padding:17px}.controls-heading{align-items:center;border-bottom:1px solid #e7eaf1;display:flex;gap:10px;padding-bottom:14px}.controls-heading>span{background:#efedff;border-radius:11px;color:var(--bc-primary);display:grid;font-size:1.05rem;height:38px;place-items:center;width:38px}.control-group{border-bottom:1px solid #edf0f5;padding:15px 0}.control-group:last-child{border-bottom:0;padding-bottom:2px}.control-group h3{color:#354057;font-size:.72rem;font-weight:850;letter-spacing:.04em;margin:0;text-transform:uppercase}.background-color-options{align-items:center;display:flex;gap:10px;margin-top:11px}.background-choice,.background-custom-color{background:var(--choice);border:1px solid #d5dce7;border-radius:50%;cursor:pointer;display:grid;height:30px;padding:0;place-items:center;width:30px}.background-choice.is-active{outline:2px solid var(--bc-primary);outline-offset:2px}.background-custom-color{background:#f1efff;color:var(--bc-primary);font-weight:900;overflow:hidden;position:relative}.background-custom-color input{border:0;cursor:pointer;height:40px;inset:-5px;opacity:0;position:absolute;width:40px}.background-custom-color span{pointer-events:none}.background-presets{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:11px}.background-presets button{background:#ddd;border:2px solid transparent;border-radius:10px;color:#fff;cursor:pointer;font:inherit;height:61px;overflow:hidden;padding:0;position:relative}.background-presets button.is-active{border-color:var(--bc-primary);box-shadow:0 0 0 2px rgba(98,87,244,.13)}.background-presets span{background:rgba(17,24,39,.52);border-radius:5px;bottom:3px;font-size:.51rem;font-weight:800;left:3px;padding:3px;position:absolute;right:3px}.preset-sky{background:linear-gradient(145deg,#64b5ef,#eff8ff 55%,#aed39f)!important}.preset-sunset{background:linear-gradient(145deg,#5d5eaf,#ed879a 52%,#f6c069)!important}.preset-studio{background:radial-gradient(circle at 50% 35%,#fff,#e3e7ee 60%,#b8bfca)!important}.preset-forest{background:linear-gradient(145deg,#163c34,#5e9a68 58%,#c7dda8)!important}.upload-background-btn{background:#fafbff;border:1px dashed #c7cfdd;border-radius:9px;color:var(--bc-primary);cursor:pointer;font:inherit;font-size:.69rem;font-weight:800;margin-top:9px;min-height:34px;width:100%}.upload-background-btn:hover{background:#f1efff;border-color:var(--bc-primary)}.control-group>small{color:#7b879b;display:block;font-size:.62rem;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-control{display:block;margin-top:12px}.range-control>span{color:#6e7b92;display:flex;font-size:.66rem;font-weight:750;justify-content:space-between}.range-control output{color:var(--bc-primary)}.range-control input{accent-color:var(--bc-primary);margin:7px 0 0;width:100%}.reset-adjustments{margin-top:10px;width:100%}.export-row{align-items:end;display:grid;gap:10px;grid-template-columns:92px minmax(0,1fr);margin-top:11px}.export-row label>span{color:#748099;display:block;font-size:.62rem;font-weight:750;margin-bottom:5px}.export-row select{background:#fff;border:1px solid #d9e0ea;border-radius:8px;color:#354057;font:inherit;font-size:.74rem;font-weight:700;height:36px;padding:0 8px;width:100%}.export-row input{accent-color:var(--bc-primary);margin:8px 0 0;width:100%}.download-result{margin-top:13px;width:100%}.export-group p{color:var(--bc-success);font-size:.68rem;margin:9px 0 0;min-height:1.2em;text-align:center}.dark-mode .background-changer-page,html[data-theme=dark] .background-changer-page{--bc-ink:#edf2ff;--bc-muted:#aab5c9;--bc-line:#303a50}.dark-mode .background-changer-app,html[data-theme=dark] .background-changer-app{background:radial-gradient(circle at 0 0,rgba(126,112,255,.17),transparent 26%),linear-gradient(145deg,#151d2c,#101724);box-shadow:none}.dark-mode .background-changer-controls,.dark-mode .background-changer-error,.dark-mode .background-changer-highlights li,.dark-mode .background-changer-preview-card,.dark-mode .background-changer-processing,.dark-mode .background-changer-samples,.dark-mode .background-changer-upload,html[data-theme=dark] .background-changer-controls,html[data-theme=dark] .background-changer-error,html[data-theme=dark] .background-changer-highlights li,html[data-theme=dark] .background-changer-preview-card,html[data-theme=dark] .background-changer-processing,html[data-theme=dark] .background-changer-samples,html[data-theme=dark] .background-changer-upload{background:#161f2e}.dark-mode .background-canvas-wrap,html[data-theme=dark] .background-canvas-wrap{background:repeating-conic-gradient(#283347 0 25%,#1c2636 0 50%) 50%/18px 18px}@media(max-width:940px){.background-changer-editor{grid-template-columns:1fr}.background-canvas-wrap canvas{max-height:560px}}@media(max-width:680px){.background-changer-highlights{grid-template-columns:1fr}.background-changer-upload{grid-template-columns:1fr;min-height:0}.background-changer-upload__visual{min-height:190px;padding:16px}.visual-card{min-height:140px;width:102px}.visual-card i{height:77px;width:58px}.background-changer-upload__copy{padding:28px 18px}.background-changer-samples{align-items:stretch;flex-wrap:wrap}.background-changer-samples>span{text-align:center;width:100%}.background-changer-samples button{flex:1;min-width:0}.background-changer-app{border-radius:21px;padding:10px}.background-changer-controls,.background-changer-preview-card{border-radius:15px;padding:12px}.background-canvas-wrap{min-height:280px}.background-presets{grid-template-columns:repeat(4,minmax(55px,1fr))}.editor-heading{align-items:flex-start;flex-direction:column}.background-changer-hero .tool-h1{font-size:2rem}.background-changer-upload__visual{display:none}.background-changer-upload__copy{min-height:190px;padding:18px 14px}.background-changer-hero{margin-bottom:14px}.background-changer-hero .tool-h1{font-size:1.9rem;line-height:1.16}.background-changer-upload h2{margin-top:7px}.background-changer-samples{margin-top:10px}}