.bgr{--bgr-ink:#131a22;--bgr-mute:#4d5866;--bgr-line:#e2e6eb;background:#fff;border:1px solid var(--bgr-line);border-radius:20px;overflow:clip;box-shadow:0 1px 2px rgba(15,23,42,.05),0 22px 48px -30px color-mix(in srgb,var(--ai-a) 55%,transparent)}.bgr__top{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--bgr-line)}.bgr__modes{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:8px}.bgr__mode{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 14px;border-radius:12px;border:1px solid var(--bgr-line);background:#fff;cursor:pointer;font:inherit;color:var(--bgr-ink);transition:border-color .15s,background-color .15s}.bgr__mode strong{font-size:14.5px}.bgr__mode span{font-size:12.5px;color:var(--bgr-mute);line-height:1.4}.bgr__mode:hover{border-color:var(--ai-a)}.bgr__mode[aria-checked=true]{border-color:var(--ai-a);background:var(--ai-soft);box-shadow:inset 0 0 0 1px var(--ai-a)}.bgr__mode:focus-visible,.bgr__swatch--pick:focus-within,.bgr__swatch:focus-visible{outline:2px solid var(--ai-a);outline-offset:2px}.bgr__main{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch}.bgr__stagewrap{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;background:#f3f5f7}.bgr__stage{position:relative;width:100%;max-height:640px;min-height:240px;border-radius:14px;overflow:hidden;border:1px solid var(--bgr-line)}.bgr__stage img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bgr__after{clip-path:inset(0 0 0 var(--bgr-split))}.bgr__after--full{clip-path:none}.bgr__before{clip-path:inset(0 calc(100% - var(--bgr-split)) 0 0)}.bgr__handle{top:0;bottom:0;left:var(--bgr-split);width:2px;margin-left:-1px;box-shadow:0 0 0 1px rgba(15,23,42,.25);pointer-events:none}.bgr__handle,.bgr__handle:after{position:absolute;background:#fff}.bgr__handle:after{content:"";top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;box-shadow:0 4px 14px rgba(15,23,42,.3);background-image:linear-gradient(90deg,transparent 11px,var(--ai-a) 11px 13px,transparent 13px 21px,var(--ai-a) 21px 23px,transparent 23px)}.bgr__tag{position:absolute;top:10px;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:700;background:rgba(19,26,34,.72);color:#fff;pointer-events:none}.bgr__tag--before{left:10px}.bgr__tag--after{right:10px}.bgr__slider{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.bgr__slider:focus-visible+*{outline:none}.bgr__stage:has(.bgr__slider:focus-visible){outline:3px solid var(--ai-a);outline-offset:2px}.bgr__meta{margin:0;font-size:13px;color:var(--bgr-mute)}.bgr__empty{display:grid;place-items:stretch;min-height:420px}.bgr__empty .t4ai-drop{flex-direction:column;justify-content:center;text-align:center;min-height:420px;border-radius:16px;background:#fff}.bgr__empty .t4ai-drop__icon{flex:none;width:64px;height:64px}.bgr__empty .t4ai-drop__text strong{white-space:normal;font-size:17px}.bgr__empty>img{width:100%;max-height:560px;-o-object-fit:contain;object-fit:contain;border-radius:14px;background:#fff;border:1px solid var(--bgr-line)}.bgr__working{display:grid;place-items:center;margin:0;min-height:420px;border-radius:14px;font-size:14.5px;font-weight:600;color:var(--bgr-mute);background:linear-gradient(100deg,#fff 30%,var(--ai-soft) 50%,#fff 70%) 0 0 /300% 100%;animation:bgr-shimmer 1.4s cubic-bezier(.25,1,.5,1) infinite}@keyframes bgr-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.bgr__panel{gap:18px;padding:20px;border-left:1px solid var(--bgr-line);min-width:0}.bgr__group,.bgr__panel{display:flex;flex-direction:column}.bgr__group{gap:12px}.bgr__group+.bgr__group{padding-top:16px;border-top:1px solid var(--bgr-line)}.bgr__h{margin:0;font-size:14px;font-weight:800;color:var(--bgr-ink)}.bgr__fine{margin:0;font-size:12.5px;line-height:1.5;color:var(--bgr-mute)}.bgr__panel .t4ai-check{padding-bottom:0}.bgr__swatches{display:flex;flex-wrap:wrap;gap:8px}.bgr__swatch{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid rgba(15,23,42,.14);cursor:pointer;padding:0;background-size:12px 12px;transition:transform .12s}.bgr__swatch:hover{transform:translateY(-1px)}.bgr__swatch--on,.bgr__swatch[aria-checked=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ai-a)}.bgr__swatch--pick{display:block;overflow:hidden;background-image:conic-gradient(from 90deg,#ef4444,#f59e0b,#22c55e,#3b82f6,#a855f7,#ef4444)!important}.bgr__swatch--on{background-image:none!important}.bgr__swatch--pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.bgr__downloads{display:flex;flex-direction:column;gap:6px}.bgr__dl{width:100%;padding:12px 14px;border-radius:12px;font-size:15px;white-space:nowrap}.bgr__dl:disabled{opacity:.45;cursor:not-allowed}.bgr__dlrow{display:flex;gap:16px;flex-wrap:wrap}@media (max-width:960px){.bgr__main{grid-template-columns:1fr}.bgr__panel{border-left:none;border-top:1px solid var(--bgr-line);padding:16px}.bgr__stagewrap{padding:12px}.bgr__empty,.bgr__empty .t4ai-drop,.bgr__working{min-height:240px}}@media (max-width:560px){.bgr__top{padding:12px}.bgr__modes{grid-template-columns:1fr;width:100%}.bgr__stage{max-height:460px}}@media (prefers-reduced-motion:reduce){.bgr__working{animation:none}.bgr__swatch{transition:none}}