#bg-drop.is-dragover{border-color:var(--accent);background:var(--accent-soft)}#bg-stage.hidden,#bg-overlay.hidden,#bg-options.hidden,#bg-empty.hidden,#bg-error.hidden,#bg-orig.hidden,#bg-crop.hidden,#bg-crop-controls.hidden,#bg-crop-actions.hidden,#bg-resetcrop.hidden{display:none}.bg-stage{position:relative}.bg-checker{border:1px solid var(--edge);background-color:var(--inset);background-image:linear-gradient(45deg, color-mix(in oklab, var(--fg) 8%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklab, var(--fg) 8%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklab, var(--fg) 8%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklab, var(--fg) 8%, transparent) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:1rem;justify-content:center;align-items:center;min-height:16rem;display:flex;position:relative;overflow:hidden}.bg-canvas{object-fit:contain;max-width:100%;height:auto;max-height:70vh;display:block}.bg-orig{object-fit:contain;max-width:100%;max-height:70vh;margin:auto;position:absolute;inset:0}.bg-overlay{z-index:2;text-align:center;background:color-mix(in oklab, var(--canvas) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1rem;display:flex;position:absolute;inset:0}.bg-spinner{border:3px solid color-mix(in oklab, var(--accent) 28%, transparent);border-top-color:var(--accent);border-radius:9999px;width:1.85rem;height:1.85rem;animation:.8s linear infinite bg-spin}@keyframes bg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bg-spinner{animation-duration:1.6s}}.bg-overlay-label{color:var(--fg);font-size:.9rem;font-weight:600}.bg-overlay-sub{color:var(--muted);min-height:1rem;font-size:.78rem}.bg-bar{background:color-mix(in oklab, var(--fg) 12%, transparent);border-radius:9999px;width:min(15rem,70%);height:6px;position:relative;overflow:hidden}.bg-bar-fill{background:var(--accent);border-radius:9999px;width:40%;animation:1.15s ease-in-out infinite bg-indeterminate;position:absolute;inset:0}@keyframes bg-indeterminate{0%{transform:translate(-110%)}to{transform:translate(310%)}}@media (prefers-reduced-motion:reduce){.bg-bar-fill{opacity:.5;width:100%;animation:none}}.bg-swatches{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.bg-swatch{border:1px solid var(--edge);background:var(--card);color:var(--muted);cursor:pointer;border-radius:.6rem;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem .25rem;font-size:.72rem;transition:border-color .15s;display:flex}.bg-swatch:hover{border-color:color-mix(in oklab, var(--accent) 40%, var(--edge))}.bg-swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--fg)}.bg-swatch-chip,.bg-swatch-checker{border:1px solid var(--edge);border-radius:.4rem;width:1.6rem;height:1.6rem}.bg-swatch-checker{background-color:var(--inset);background-image:linear-gradient(45deg, color-mix(in oklab, var(--fg) 12%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklab, var(--fg) 12%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklab, var(--fg) 12%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklab, var(--fg) 12%, transparent) 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.bg-swatch-custom{position:relative}.bg-swatch-custom input[type=color]{cursor:pointer;border:1px solid var(--edge);background:0 0;border-radius:.4rem;width:1.6rem;height:1.6rem;padding:0}.bg-swatch-name{white-space:nowrap}.bg-crop{z-index:3;position:absolute;overflow:hidden}.bg-crop-rect{box-sizing:border-box;cursor:move;touch-action:none;border:1px solid #fff;outline:1px solid #00000073;position:absolute;box-shadow:0 0 0 9999px #00000080}.bg-crop-third{pointer-events:none;background:#fff6;position:absolute}.bg-crop-third--v{width:1px;top:0;bottom:0}.bg-crop-third--h{height:1px;left:0;right:0}.bg-crop-handle{touch-action:none;background:#fff;border:1px solid #00000080;border-radius:3px;width:14px;height:14px;position:absolute}.bg-crop-handle[data-dir=nw]{cursor:nwse-resize;top:-7px;left:-7px}.bg-crop-handle[data-dir=ne]{cursor:nesw-resize;top:-7px;right:-7px}.bg-crop-handle[data-dir=se]{cursor:nwse-resize;bottom:-7px;right:-7px}.bg-crop-handle[data-dir=sw]{cursor:nesw-resize;bottom:-7px;left:-7px}.bg-crop-handle[data-dir=n]{cursor:ns-resize;top:-7px;left:50%;transform:translate(-50%)}.bg-crop-handle[data-dir=s]{cursor:ns-resize;bottom:-7px;left:50%;transform:translate(-50%)}.bg-crop-handle[data-dir=w]{cursor:ew-resize;top:50%;left:-7px;transform:translateY(-50%)}.bg-crop-handle[data-dir=e]{cursor:ew-resize;top:50%;right:-7px;transform:translateY(-50%)}