.bgr-root{--bgr-ink: #1d1d1f;--bgr-ink-2: #6e6e73;--bgr-ink-3: #9a9aa0;--bgr-line: #e6e6ea;--bgr-surface: #ffffff;--bgr-ground: #f5f5f7;--bgr-field-bg: #f2f2f5;--bgr-accent: var(--color-brand-700, #1b7a00);--bgr-accent-soft: #eef7ea;--bgr-radius: 20px;--bgr-ease: cubic-bezier(.32, .72, 0, 1);position:relative;max-width:1040px;margin-inline:auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI Variable Text,Segoe UI,system-ui,sans-serif;color:var(--bgr-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bgr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bgr-root[data-entrance=waiting] .bgr-console{opacity:0}.bgr-root[data-entrance=running] .bgr-console{animation:bgr-fade .3s ease-out both}.bgr-root[data-entrance=running] [data-enter]{animation:bgr-rise .4s var(--bgr-ease) both}.bgr-root[data-entrance=running] [data-enter="1"]{animation-delay:60ms}.bgr-root[data-entrance=running] [data-enter="2"]{animation-delay:.15s}@keyframes bgr-rise{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes bgr-fade{0%{opacity:0}to{opacity:1}}.bgr-console{background:var(--bgr-surface);border:1px solid var(--bgr-line);border-radius:var(--bgr-radius);padding:1.25rem}.bgr-drop-wrap{display:grid;gap:1rem}.bgr-drop{display:grid;justify-items:center;align-content:center;gap:.5rem;width:100%;min-height:320px;padding:2rem 1.5rem;background:var(--bgr-ground);border:1.5px dashed #d8d8de;border-radius:14px;cursor:pointer;transition-property:background-color,border-color,transform;transition-duration:.18s;transition-timing-function:var(--bgr-ease)}.bgr-drop:hover{background:#f1f1f4;border-color:#c9c9d2}.bgr-drop[data-dragging=true]{background:var(--bgr-accent-soft);border-color:var(--bgr-accent);transform:translateY(-2px)}.bgr-drop:active{transform:scale(.99)}.bgr-drop-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:.25rem;color:var(--bgr-ink-2);background:var(--bgr-surface);border-radius:12px;box-shadow:0 1px 1px #80808014,0 0 0 1px #8080801a}.bgr-drop-title{font-size:.95rem;font-weight:600;letter-spacing:-.01em;text-wrap:balance}.bgr-drop-formats{font-size:.78rem;color:var(--bgr-ink-3)}.bgr-samples{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.bgr-samples-label{font-size:.78rem;color:var(--bgr-ink-3)}.bgr-samples-list{display:flex;gap:.5rem;margin:0;padding:0;list-style:none}.bgr-sample{display:block;width:52px;height:52px;padding:0;overflow:hidden;background:var(--bgr-ground);border:0;border-radius:10px;cursor:pointer;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;transition-property:transform,outline-color;transition-duration:.18s;transition-timing-function:var(--bgr-ease)}.bgr-sample img{display:block;width:100%;height:100%;object-fit:cover}.bgr-sample:hover{outline-color:#0000003d}.bgr-sample:active{transform:scale(.96)}.bgr-work{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:1.25rem;align-items:start}.bgr-root:not([data-stage=ready]) .bgr-work{grid-template-columns:minmax(0,1fr)}.bgr-stage{position:relative;display:grid;place-items:center;min-height:320px;padding:.75rem;background:var(--bgr-ground);border-radius:14px}.bgr-frame{position:relative;display:block;max-width:100%;line-height:0}.bgr-original{display:block;max-width:100%;max-height:min(58vh,520px);width:auto;height:auto;border-radius:6px}.bgr-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:6px;background-image:linear-gradient(45deg,#e3e3e8 25%,transparent 25%),linear-gradient(-45deg,#e3e3e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e3e8 75%),linear-gradient(-45deg,transparent 75%,#e3e3e8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#f7f7f9;transition:opacity .14s ease-out;touch-action:none}.bgr-canvas[data-revealing=true]{animation:bgr-wipe var(--bgr-reveal-ms, .62s) var(--bgr-ease) both}@keyframes bgr-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.bgr-stage[data-comparing=true] .bgr-canvas{opacity:0}.bgr-root[data-brushing=true] .bgr-canvas{cursor:crosshair}.bgr-busy{position:absolute;inset:.75rem;display:grid;place-content:center;gap:.5rem;justify-items:center;overflow:hidden;background:#ffffffb8;backdrop-filter:blur(2px);border-radius:6px}.bgr-sweep{position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(42,178,0,.16) 50%,transparent 60%);background-size:250% 100%;animation:bgr-sweep 1.4s linear infinite}@keyframes bgr-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}.bgr-busy-label{position:relative;display:inline-flex;align-items:baseline;gap:.4rem;padding:.4rem .75rem;font-size:.82rem;font-weight:500;color:var(--bgr-ink-2);background:var(--bgr-surface);border-radius:999px;box-shadow:0 1px 1px #80808014,0 0 0 1px #8080801a}.bgr-percent{font-variant-numeric:tabular-nums;color:var(--bgr-ink)}.bgr-error{position:absolute;inset:.75rem;display:grid;place-content:center;justify-items:center;gap:.6rem;padding:1.5rem;text-align:center;background:#ffffffeb;border-radius:6px}.bgr-error-title{margin:0;font-size:.9rem;font-weight:600;text-wrap:pretty}.bgr-controls{display:grid;gap:1.1rem;align-content:start}.bgr-group{display:grid;gap:.5rem}.bgr-group-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bgr-ink-3)}.bgr-swatches{display:flex;gap:.4rem;flex-wrap:wrap}.bgr-swatch{position:relative;width:30px;height:30px;padding:0;border:0;border-radius:8px;cursor:pointer;outline:1px solid rgba(0,0,0,.12);outline-offset:-1px;transition-property:transform,box-shadow;transition-duration:.18s;transition-timing-function:var(--bgr-ease)}.bgr-swatch:after{content:"";position:absolute;inset:-5px}.bgr-swatch:active{transform:scale(.96)}.bgr-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--bgr-surface),0 0 0 4px var(--bgr-accent)}.bgr-swatch[data-kind=transparent]{background-image:linear-gradient(45deg,#dcdce2 25%,transparent 25%),linear-gradient(-45deg,#dcdce2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dcdce2 75%),linear-gradient(-45deg,transparent 75%,#dcdce2 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#fff}.bgr-swatch-custom{display:grid;place-items:center;overflow:hidden;background:conic-gradient(from 210deg,#f97316,#eab308,#22c55e,#3b82f6,#a855f7,#f97316)}.bgr-swatch-custom input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.bgr-fix{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.bgr-tool,.bgr-ghost,.bgr-compare,.bgr-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:40px;padding:0 .6rem;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--bgr-ink);background:var(--bgr-surface);border:1px solid var(--bgr-line);border-radius:10px;cursor:pointer;transition-property:background-color,border-color,color,transform;transition-duration:.16s;transition-timing-function:var(--bgr-ease)}.bgr-tool:hover,.bgr-ghost:hover:not(:disabled),.bgr-compare:hover,.bgr-secondary:hover{background:var(--bgr-field-bg)}.bgr-tool:active,.bgr-ghost:active:not(:disabled),.bgr-compare:active,.bgr-secondary:active,.bgr-primary:active{transform:scale(.96)}.bgr-tool[aria-pressed=true]{color:var(--bgr-accent);background:var(--bgr-accent-soft);border-color:color-mix(in srgb,var(--bgr-accent) 34%,transparent)}.bgr-ghost{min-height:34px;font-size:.76rem;color:var(--bgr-ink-2);border-color:transparent;background:transparent}.bgr-ghost:disabled{color:var(--bgr-ink-3);cursor:not-allowed;opacity:.55}.bgr-brush{display:grid;gap:.5rem;overflow:hidden}.bgr-brush-actions{display:flex;gap:.25rem}.bgr-range{width:100%;accent-color:var(--bgr-accent)}.bgr-actions{display:grid;gap:.4rem;padding-top:.9rem;border-top:1px solid var(--bgr-line)}.bgr-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:0 1rem;font-family:inherit;font-size:.86rem;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--color-cta-green-start, #028a3a),var(--color-cta-green-end, #03702f));border:1px solid var(--color-cta-green-border, #0e8a38);border-radius:12px;cursor:pointer;box-shadow:0 1px 1px #03702f29,0 2px 6px #03702f24;transition-property:transform,filter;transition-duration:.16s;transition-timing-function:var(--bgr-ease)}.bgr-primary:hover{filter:brightness(1.06)}.bgr-icon-swap{position:relative;display:inline-grid;place-items:center;width:16px;height:16px}.bgr-icon-swap>span{position:absolute;display:grid;place-items:center}.bgr-restart{margin-top:.5rem;position:relative}.bgr-restart:before{content:"";position:absolute;top:calc(-.45rem - 1px);left:0;right:0;border-top:1px solid var(--bgr-line);pointer-events:none}.bgr-note{margin:0;font-size:.74rem;line-height:1.45;color:var(--bgr-ink-3);text-wrap:pretty}@media(max-width:860px){.bgr-work{grid-template-columns:minmax(0,1fr)}.bgr-actions{grid-template-columns:1fr 1fr;align-items:stretch}.bgr-primary,.bgr-restart{grid-column:1 / -1}.bgr-original{max-height:46vh}}@media(max-width:560px){.bgr-console{padding:1rem}.bgr-drop{min-height:260px;border-radius:15px}.bgr-fix{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.bgr-root[data-entrance=running] .bgr-console,.bgr-root[data-entrance=running] [data-enter],.bgr-canvas[data-revealing=true],.bgr-sweep{animation:none}.bgr-drop,.bgr-swatch,.bgr-sample,.bgr-tool,.bgr-ghost,.bgr-compare,.bgr-secondary,.bgr-primary{transition-duration:1ms}}