#bgr-editor{--editor-sidebar:300px;--editor-checker:20px;border:1px solid var(--color-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-dialog);background:var(--color-bg);color:var(--color-ink);width:min(calc(100vw - 2 * var(--space-8)), var(--container));height:calc(100dvh - 2 * var(--space-8));max-width:none;max-height:none;padding:0;overflow:hidden}#bgr-editor[open]{flex-direction:column;display:flex}#bgr-editor::backdrop{background:var(--color-scrim)}#bgr-editor .editor-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);display:flex}#bgr-editor .editor-title{color:var(--color-ink);font-family:var(--font-sans);line-height:var(--leading-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin:0}#bgr-editor .editor-info{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--color-muted);flex:1;overflow:hidden}#bgr-editor .editor-head .icon-btn{flex:none;width:36px;height:36px}#bgr-editor .editor-body{grid-template-columns:minmax(0, 1fr) var(--editor-sidebar);flex:1;min-height:0;display:grid}#bgr-editor .editor-canvas-area{background:var(--color-soft);min-width:0;min-height:0;position:relative}#bgr-editor .editor-stage{padding:var(--space-6);outline:none;display:flex;position:absolute;inset:0;overflow:auto}#bgr-editor .editor-canvas-wrap{flex:none;margin:auto;position:relative}#bgr-editor canvas{touch-action:none;cursor:none;background:repeating-conic-gradient(var(--color-checker) 0% 25%, var(--color-bg) 0% 50%) 0 0 / var(--editor-checker) var(--editor-checker);border:1px solid var(--color-line);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}#bgr-editor .editor-canvas-wrap.panning canvas{cursor:grab}#bgr-editor .editor-canvas-wrap.panning.dragging canvas{cursor:grabbing}#bgr-editor .editor-cursor{pointer-events:none;border-radius:var(--radius-pill);border:1.5px solid var(--color-ink);box-shadow:0 0 0 1.5px var(--color-bg), inset 0 0 0 1.5px var(--color-bg);position:absolute;top:0;left:0}#bgr-editor .editor-zoom{left:var(--space-3);bottom:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);display:flex;position:absolute}#bgr-editor .editor-zoom .icon-btn{width:var(--control-h-sm);height:var(--control-h-sm);border-radius:var(--radius-pill)}#bgr-editor .editor-zoom output{text-align:center;min-width:4ch;font-size:var(--text-xs)}#bgr-editor .editor-zoom-sep{width:1px;height:var(--space-4);background:var(--color-line-strong);margin:0 var(--space-1)}#bgr-editor .editor-fit{min-height:var(--control-h-sm);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-ink);font:var(--weight-medium) var(--text-sm) / 1 var(--font-sans);cursor:pointer;background:0 0;border:0}#bgr-editor .editor-fit:hover{background:var(--color-soft)}#bgr-editor .editor-pan-hint{right:var(--space-3);bottom:var(--space-3);font-size:var(--text-2xs);color:var(--color-muted);pointer-events:none;margin:0;position:absolute}#bgr-editor .editor-side{gap:var(--space-5);min-height:0;padding:var(--space-4);border-left:1px solid var(--color-line);flex-direction:column;display:flex;overflow-y:auto}#bgr-editor .editor-field{gap:var(--space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}#bgr-editor .editor-label{font:var(--weight-regular) var(--text-xs) / 1 var(--font-sans);color:var(--color-muted);padding:0}#bgr-editor .editor-seg{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}#bgr-editor .editor-seg label{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h);color:var(--color-body);font:var(--weight-medium) var(--text-md) / 1 var(--font-sans);cursor:pointer;display:flex;position:relative}#bgr-editor .editor-seg label+label{border-left:1px solid var(--color-line-strong)}#bgr-editor .editor-seg input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}#bgr-editor .editor-seg label:has(input:checked){background:var(--color-ink);color:var(--color-bg)}#bgr-editor .editor-seg label:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:-2px}#bgr-editor kbd{font:var(--weight-regular) var(--text-2xs) / 1 var(--font-sans);opacity:.7}#bgr-editor .editor-size{align-items:center;gap:var(--space-3);display:flex}#bgr-editor .editor-size input{min-width:0;accent-color:var(--color-ink);flex:1}#bgr-editor .editor-size output{text-align:right;min-width:5ch;font-size:var(--text-sm)}#bgr-editor .editor-pair{gap:var(--space-2);display:flex}#bgr-editor .editor-pair .btn{flex:1}#bgr-editor .editor-check{align-items:center;gap:var(--space-2);font-size:var(--text-md);cursor:pointer;display:flex}#bgr-editor .editor-check input{accent-color:var(--color-ink);margin:0}#bgr-editor .editor-help{font-size:var(--text-sm);color:var(--color-muted);margin:auto 0 0}#bgr-editor .editor-foot{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-soft);border-top:1px solid var(--color-line);display:flex}#bgr-editor #bgr-strokes{font-size:var(--text-xs);color:var(--color-muted);margin-right:auto}@media (pointer:coarse){#bgr-editor .editor-zoom,#bgr-editor .editor-pan-hint{display:none}#bgr-editor .editor-check,#bgr-editor .editor-size,#bgr-editor .btn,#bgr-editor .btn-sm,#bgr-editor .editor-seg label{min-height:var(--tap-min)}#bgr-editor .icon-btn,#bgr-editor .editor-zoom .icon-btn,#bgr-editor .editor-head .icon-btn{width:var(--tap-min);height:var(--tap-min)}#bgr-editor .editor-fit{min-height:var(--tap-min)}}@media (width<=640px){#bgr-editor{border:0;border-radius:0;width:100vw;height:100dvh;margin:0}#bgr-editor .editor-body{display:block;overflow-y:auto}#bgr-editor .editor-canvas-area{height:60vh}#bgr-editor .editor-stage{padding:var(--space-3)}#bgr-editor .editor-side{border-left:0;border-top:1px solid var(--color-line);overflow:visible}#bgr-editor .editor-pan-hint{display:none}#bgr-editor .editor-check,#bgr-editor .editor-size,#bgr-editor .btn,#bgr-editor .btn-sm,#bgr-editor .editor-seg label,#bgr-editor .editor-fit{min-height:var(--tap-min)}#bgr-editor .icon-btn,#bgr-editor .editor-zoom .icon-btn,#bgr-editor .editor-head .icon-btn{width:var(--tap-min);height:var(--tap-min)}}.tool{border-radius:var(--radius-2xl);background:var(--t0);box-shadow:var(--shadow-stack);min-width:0}.tool [hidden]{display:none!important}.tool .toolbar{align-items:end;gap:var(--space-4) var(--space-5);padding:var(--space-5) var(--space-6);background:var(--t2);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;flex-wrap:wrap;display:flex}.tool .field{flex-direction:column;gap:6px;min-width:0;display:flex}.tool .field-label{align-items:center;gap:var(--space-2);font:var(--weight-heading) var(--text-caption) / 1.2 var(--font-sans);color:var(--color-ink);display:flex}.tool .control{height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--color-control-line);border-radius:var(--radius-md);background-color:var(--t0);max-width:100%;color:var(--color-ink);font:var(--weight-heading) var(--text-body) / 1 var(--font-sans)}.tool select.control{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.tool input.control{width:150px}.tool #bgr-method{width:270px}.tool #bgr-mode{width:240px}.tool[data-default-method=white] #bgr-method{width:auto}.tool .control:disabled{background-color:var(--t3);color:var(--color-muted);border-color:var(--color-line-strong)}.tool .range-row{align-items:center;gap:var(--space-3);height:var(--control-h);color:var(--color-ink);display:flex}.tool .range{accent-color:#000;width:100px;margin:0}.tool .range-row output{min-width:3ch;font-weight:var(--weight-heading)}.tool .color{width:56px;height:var(--control-h);cursor:pointer;border:1px solid var(--color-control-line);border-radius:var(--radius-md);background:var(--t0);margin:0;padding:4px}.tool .check-row{align-items:center;gap:var(--space-3);min-height:var(--control-h);cursor:pointer;font-weight:var(--weight-heading);color:var(--color-ink);display:flex}.tool .check-row input{accent-color:#000;flex:none;width:20px;height:20px;margin:0}.tool .check-row small{font-weight:var(--weight-body);font-size:var(--text-micro);color:var(--color-muted);line-height:1.3;display:block}.tool .counters{gap:var(--space-1) var(--space-4);font-size:var(--text-caption);color:var(--color-muted);flex-wrap:wrap;margin-left:auto;padding-bottom:14px;display:flex}.tool .progress{background:var(--t3);height:3px}.tool .progress span{background:#000;width:0;height:100%;display:block}.tool .body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.tool #bgr-status{font-size:var(--text-caption);color:var(--color-muted);margin:0;line-height:1.4}.tool #bgr-status:empty{display:none}.tool .upgrade{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-aloe);color:#000;flex-wrap:wrap;display:flex}.tool .upgrade p{font-size:var(--text-body);color:#000;flex:260px;margin:0;line-height:1.4}.tool .drop{border:1.5px dashed var(--color-control-line);border-radius:var(--radius-xl);cursor:pointer;color:var(--color-ink);background:var(--t0);justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:flex;position:relative}.tool .drop:has(input:focus-visible){outline-offset:3px;outline:2px solid #000}.tool .drop:hover,.tool .drop.over{background-color:var(--t2);border-color:#000}.tool .drop-zone{position:relative}.tool-band:has(>.tool-intro){padding-top:clamp(48px,6vw,88px)}.tool-intro{padding:0 var(--space-4) clamp(32px, 3.6vw, 48px);text-align:center}.tool-band:has(>.tool-intro) .tool:has(#bgr-list:empty){max-width:640px;margin-inline:auto}.tool-band:has(>.tool-intro) .tool:has(#bgr-list:empty) .drop:not(.compact){border-color:#0000}.tool-band:has(>.tool-intro) .tool:has(#bgr-list:empty) .drop-full{gap:var(--space-4);min-height:220px}.tool-band:has(>.tool-intro) .tool:has(#bgr-list:empty) .drop-full strong{font:var(--weight-body) var(--text-body) / 1.4 var(--font-sans);letter-spacing:0;color:var(--color-muted);order:2;margin:0}.tool-band:has(>.tool-intro) .tool:has(#bgr-list:empty) :is(.drop-hint,.freebar,.cpu-note){display:none}.drop-overlay{z-index:1000;padding:var(--space-6);pointer-events:none;background:#fffffff0;display:grid;position:fixed;inset:0}.drop-overlay[hidden]{display:none}.drop-overlay>div{place-content:center;gap:var(--space-2);border-radius:var(--radius-2xl);text-align:center;border:2px dashed #000;display:grid}.drop-overlay strong{font:var(--weight-display) var(--text-display-md) / 1.1 var(--font-sans);letter-spacing:var(--tracking-display);color:#000}.drop-overlay span{color:var(--color-muted)}.tool .drop-full{min-height:300px;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.tool .drop-full strong{margin-bottom:var(--space-2);text-wrap:balance;color:var(--color-ink);font:var(--weight-display) clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem) / 1.1 var(--font-sans);letter-spacing:var(--tracking-display)}.tool .drop-hint{font-size:var(--text-caption);color:var(--color-muted);line-height:1.4}.tool .drop-compact{padding:0 var(--space-6);font:var(--weight-strong) var(--text-body) / 1 var(--font-sans);display:none}.tool .drop.compact{min-height:var(--control-h);border-radius:var(--radius-pill);border:1px solid #000}.tool .drop.compact .drop-full{display:none}.tool .drop.compact .drop-compact{min-height:var(--control-h);align-items:center;display:inline-flex}.tool .drop-links{justify-content:center;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.tool .drop-wrap:not(.compact) .drop-links{left:50%;bottom:var(--space-3);width:max-content;max-width:calc(100% - var(--space-4));position:absolute;transform:translate(-50%)}.tool .drop-wrap:not(.compact):has(.drop-links .btn:not([hidden])) .drop-full{padding-bottom:calc(var(--space-8) + var(--control-h))}.tool .drop-wrap.compact .drop-zone{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.tool .drop-wrap.compact .drop-links .btn{color:#000;min-height:var(--control-h);padding-inline:var(--space-2);font-weight:var(--weight-strong);font-size:var(--text-body);background:0 0;border-color:#0000;text-decoration:underline}.tool .btn-link:disabled,.tool .btn-link:disabled:hover{background:0 0;border-color:#0000}.tool .unsupported{padding:var(--space-8) var(--space-6);background:var(--t2);border-radius:var(--radius-xl)}.tool .unsupported .unsupported-title{margin:0 0 var(--space-2);font-family:var(--font-sans);line-height:var(--leading-display);font-size:var(--text-heading-md);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);color:var(--color-ink)}.tool .unsupported p{color:var(--color-body);max-width:560px;margin:0}.tool .unsupported .btn{margin-top:var(--space-4)}.tool #bgr-list{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tool #bgr-list:empty{display:none}.tool .card{border-radius:var(--radius-xl);background:var(--t2);min-width:0;padding:var(--space-2);flex-direction:column;display:flex}.tool .card-preview{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--stage-n1);position:relative;overflow:hidden}.tool .card-preview[data-bg=white]{background:var(--t0)}.tool .card-preview[data-bg=checker]{background:repeating-conic-gradient(var(--color-checker-b) 0% 25%, var(--color-checker-a) 0% 50%) 0 0 / 16px 16px}.tool .card-preview img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.tool .card[data-status=error] .card-preview img{opacity:.35}.tool .card-preview.compare{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom}.tool .card-preview.compare img{pointer-events:none;-webkit-user-drag:none}.tool .card-preview.compare:focus-visible{outline-offset:2px;border-radius:var(--radius-lg);outline:2px solid #000}.tool .card-preview .card-orig{visibility:hidden}.tool .card-preview[data-compare=original]{background:var(--stage-n1)}.tool .card-preview[data-compare=original] .card-orig{visibility:visible}.tool .card-preview[data-compare=original] .card-img:not(.card-orig){visibility:hidden}.tool .card-hint{left:50%;bottom:var(--space-2);z-index:1;max-width:calc(100% - var(--space-4));text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--t3);border-radius:var(--radius-pill);color:#000;pointer-events:none;font:var(--weight-heading) var(--text-micro) / 1.2 var(--font-sans);opacity:0;background:#fff;padding:5px 10px;position:absolute;overflow:hidden;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.tool .card-preview.compare:hover .card-hint,.tool .card-preview.compare:focus-visible .card-hint{opacity:1}}@media (hover:none),(pointer:coarse){.tool .card-hint{opacity:1}}.tool .hint-short{display:none}@media (width<=560px){.tool .hint-long{display:none}.tool .hint-short{display:inline}}.tool .hint-key,.tool .hint-key-short,.tool .card-preview.compare:focus-visible .hint-long,.tool .card-preview.compare:focus-visible .hint-short{display:none}.tool .card-preview.compare:focus-visible .hint-key{display:inline}@media (width<=560px){.tool .card-preview.compare:focus-visible .hint-key{display:none}.tool .card-preview.compare:focus-visible .hint-key-short{display:inline}}.tool .card-bar{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-pill);background:#fff;border:1px solid #000;height:8px;position:absolute;overflow:hidden}.tool .card-bar span{width:40%;height:100%;animation:bgr-slide var(--duration-indeterminate) linear infinite;background:#000;display:block}@keyframes bgr-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes bgr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tool .card-bar span{width:100%;animation:none}.tool .spin{animation:none}}.tool .card-foot{padding:var(--space-3) var(--space-2) var(--space-2);flex-direction:column;gap:2px;display:flex}.tool .card-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.tool .card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-strong);font-size:var(--text-caption);color:var(--color-ink);overflow:hidden}.tool .card-meta{font-size:var(--text-micro);color:var(--color-muted);line-height:1.4}.tool .card-error{font-size:var(--text-micro);color:var(--color-error);line-height:1.4}.tool .chip{border-radius:var(--radius-pill);background:var(--t0);color:#000;min-height:26px;font:var(--weight-heading) var(--text-micro) / 1 var(--font-sans);flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.tool .chip .ico{color:currentColor}.tool .spin{border:2px solid #000;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.9s linear infinite bgr-spin}.tool .card[data-status=error] .chip{color:var(--color-error)}.tool .card-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.tool .card-actions .btn-dl{flex:1;min-width:0}.tool .btn-icon{width:var(--control-h-sm);flex:none;padding:0}.tool .freebar{align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-4) var(--space-6);background:var(--t2);flex-wrap:wrap;display:flex}.tool .freebar:has(+#bgr-actions[hidden]){border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.tool .freebar-label{font-weight:var(--weight-strong);font-size:var(--text-caption);color:var(--color-ink)}.tool .freebar-text{font-size:var(--text-caption);color:var(--color-muted)}.tool .meter{border-radius:var(--radius-pill);background:var(--color-line-strong);width:180px;height:8px;overflow:hidden}.tool .meter span{height:100%;width:calc(var(--fill,0) * 1%);border-radius:var(--radius-pill);background:#000;display:block}.tool .freebar-link{font-size:var(--text-caption);font-weight:var(--weight-strong);color:#000;margin-left:auto}.tool .freebar-link:hover{text-decoration-thickness:2px}.tool .review-ask{margin:var(--space-4) 0 0;text-align:center;font-size:var(--text-caption);color:var(--color-muted)}.tool .actions{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--t2);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);flex-wrap:wrap;display:flex}.tool .freebar+.actions{box-shadow:inset 0 1px 0 var(--t3)}.tool #bgr-add-slot{margin-right:auto}@media (pointer:coarse){.tool .control,.tool .color,.tool .icon-btn{height:var(--tap-min)}.tool .btn-sm,.tool .drop.compact,.tool .drop.compact .drop-compact,.tool .check-row,.tool .range-row{min-height:var(--tap-min)}.tool .btn-icon{width:var(--tap-min)}}@media (forced-colors:active){.tool{border:1px solid canvastext}}@media (width<=1080px){.tool #bgr-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tool .card-head{flex-wrap:wrap;row-gap:6px}.tool .card-name{flex:100%}}@media (width<=760px){.tool .toolbar{gap:var(--space-3);padding:var(--space-4)}.tool .toolbar .field{flex:100%}.tool .control,.tool input.control,.tool select.control,.tool #bgr-method,.tool[data-default-method] #bgr-method,.tool #bgr-mode{width:100%}.tool .range{flex:1;width:auto}.tool .counters{flex-basis:100%;margin-left:0;padding-bottom:0}.tool .body{padding:var(--space-3)}.tool .drop-full{min-height:0}.tool .drop-links{flex-direction:column}.tool .drop-wrap:not(.compact):has(.drop-links .btn:not([hidden])) .drop-full{padding-bottom:calc(var(--space-8) + var(--tap-min))}.tool .drop-links .btn{min-height:var(--tap-min)}.tool .upgrade{border-radius:var(--radius-xl);padding:var(--space-4)}.tool .upgrade p{flex-basis:100%}.tool #bgr-list{gap:var(--space-2)}.tool .freebar{padding:var(--space-4)}.tool .freebar-link{min-height:var(--tap-min);flex-basis:100%;align-items:center;margin-left:0;display:inline-flex}.tool .actions{padding:var(--space-3)}.tool #bgr-add-slot{flex-basis:100%;margin-right:0}.tool #bgr-add-slot .drop-wrap{width:100%}.tool #bgr-add-slot .drop{flex:auto}.tool .actions>.btn{flex:100%}.tool .btn-sm,.tool .card-actions .btn{min-height:var(--tap-min)}.tool .btn-icon{width:var(--tap-min)}.tool .check-row,.tool .range-row{min-height:var(--tap-min)}}@media (width<=560px){.tool #bgr-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool .card{padding:6px}.tool .card-foot{padding:var(--space-3) var(--space-1) var(--space-1)}.tool .card-actions .btn-dl{min-width:0;padding-inline:var(--space-2);flex:1 1 0}}