.tm--cutout{--tm-cycle:7s}.tm-cut-outline{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-dasharray:6 4;animation:tm-cut-trace var(--tm-cycle) var(--ease) infinite}@keyframes tm-cut-trace{0%,16%{stroke-dashoffset:340px;opacity:0}20%{opacity:1}40%,92%{stroke-dashoffset:0;opacity:1}98%,to{stroke-dashoffset:340px;opacity:0}}.tm-cut-subject{animation:tm-cut-lift var(--tm-cycle) var(--ease) infinite}@keyframes tm-cut-lift{0%,20%{opacity:1}40%,92%{opacity:.55}98%,to{opacity:1}}.tm-cut-shaft,.tm-cut-head{stroke:var(--border-strong);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.tm-cut-arrow{animation:tm-cut-arrow var(--tm-cycle) var(--ease) infinite}@keyframes tm-cut-arrow{0%,42%{opacity:0;transform:translate(-6px)}52%,92%{opacity:1;transform:none}98%,to{opacity:0;transform:translate(-6px)}}.tm-cut-check{fill:var(--surface-inset)}.tm-cut-checks{animation:tm-cut-checks var(--tm-cycle) var(--ease) infinite}@keyframes tm-cut-checks{0%,50%{opacity:0}60%,92%{opacity:1}98%,to{opacity:0}}.tm-cut-result{animation:tm-cut-result var(--tm-cycle) var(--ease) infinite}@keyframes tm-cut-result{0%,58%{opacity:0;transform:scale(.9)}68%,92%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.9)}}.tm--cutout .tm-cut-done{animation:tm-cut-done var(--tm-cycle) var(--ease) infinite}@keyframes tm-cut-done{0%,74%{opacity:0;transform:scale(.8)}82%,92%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.8)}}.bgr{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.bgr__loading{flex-direction:column;gap:6px;display:flex}.bgr__stage{border:1px solid var(--border);border-radius:var(--r-lg);background:conic-gradient(from 90deg at 50% 50%, var(--surface-inset) 0 25%, transparent 0 50%, var(--surface-inset) 0 75%, transparent 0) 0 0 / 18px 18px, var(--surface);flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;height:clamp(300px,48vh,540px);min-height:240px;padding:14px;display:grid}.bgr__host .bgr{height:100%}.bgr__host .bgr__stage{height:calc(100dvh - 230px)}.bgr__canvas{object-fit:contain;max-width:100%;max-height:100%;display:block}.bgr__stage:not(.is-loaded){border-style:dashed;border-color:var(--border-input);background:var(--surface);height:auto;min-height:208px;padding:0}.bgr__empty{border-radius:var(--r-md);width:100%;height:100%;color:inherit;text-align:center;cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:4px;padding:1.25rem;transition:background .18s;display:grid}.bgr__empty svg{color:var(--accent-text);margin-bottom:8px}.bgr__emptytitle{font-size:.9375rem;font-weight:620}.bgr__emptyhint{color:var(--text-muted);max-width:44ch;font-size:.8125rem}.bgr__empty:hover,.bgr__stage.is-dragover .bgr__empty{background:var(--accent-soft)}.bgr__empty:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.bgr__stage.is-dragover{outline:2px dashed var(--accent);outline-offset:-3px}.bgr__stage input[type=file]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bgr__stage.is-picking .bgr__canvas{cursor:crosshair}.bgr__stage.is-comparing{outline:2px solid var(--border-strong);outline-offset:-1px}.bgr__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bgr__foot p{flex:1;min-width:0;margin:0}.bgr__actions{flex:none;align-items:center;gap:8px;display:flex}.bgr .optionbar__actions{margin-left:auto}.bgr__host [data-bg=expand]{display:none}.bgr__key{align-items:center;gap:8px;display:flex}.bgr__swatch{border-radius:var(--r-sm);border:1px solid var(--border-input);flex:none;width:26px;height:26px}.bgr__colour{border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;width:34px;height:30px;padding:2px}
