.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.bg-card{border:1px solid var(--color-line);border-radius:14px;overflow:hidden;background:var(--color-surface)}.bg-thumb{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-bg);background-image:linear-gradient(45deg,rgba(128,128,128,.16) 25%,transparent 25%),linear-gradient(-45deg,rgba(128,128,128,.16) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(128,128,128,.16) 75%),linear-gradient(-45deg,transparent 75%,rgba(128,128,128,.16) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.bg-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.bg-orig{transition:opacity .4s ease}.bg-rm{position:absolute;top:6px;right:6px;z-index:2;width:24px;height:24px;border:0;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;display:grid;place-items:center;font-size:13px;line-height:1}.bg-rm:hover{background:var(--color-accent)}.bg-over{position:absolute;inset:0;z-index:1;display:none;place-items:center;padding:10px;background:color-mix(in srgb,var(--color-bg) 42%,transparent);animation:bg-fade .4s ease both}.bg-cmode-on,.bg-bgtype-on{background:var(--color-accent);color:#fff!important;box-shadow:0 6px 16px -8px var(--color-accent)}.bg-preset{aspect-ratio:16 / 10;border-radius:10px;border:1px solid var(--color-line);cursor:pointer;padding:0;transition:box-shadow .15s,transform .1s}.bg-preset:hover{transform:translateY(-1px)}.bg-preset-on{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-accent)}.bg-prep{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:14px;padding:11px 16px;border-radius:12px;border:1px solid var(--color-line);background:var(--color-surface);animation:bg-fade .3s ease both}.bg-prep[hidden]{display:none}.bg-prep-text{font-size:13px;font-weight:500;color:var(--color-ink)}.bg-prep-spin{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid var(--color-line);border-top-color:var(--color-accent);animation:bg-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.bg-prep-spin{animation:none}}.bg-celebrate{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;padding:14px 18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--color-privacy) 35%,var(--color-line));background:color-mix(in srgb,var(--color-privacy) 9%,var(--color-surface))}.bg-celebrate[hidden]{display:none}.bg-celebrate-in{animation:bg-celin .5s cubic-bezier(.2,.9,.3,1.2)}.bg-celebrate-text{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--color-ink)}.bg-celebrate-check{width:30px;height:30px;flex:none}.bg-celebrate-check svg{width:100%;height:100%}.bg-cc-circle{fill:none;stroke:var(--color-privacy);stroke-width:3;stroke-dasharray:145;stroke-dashoffset:145;animation:bg-cc-draw .5s ease forwards .05s}.bg-cc-check{fill:none;stroke:var(--color-privacy);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:bg-cc-draw .35s ease forwards .45s}.bg-confetti{position:absolute;top:-8px;width:7px;height:11px;border-radius:2px;opacity:0;transform:rotate(var(--r, 0deg));animation:bg-confetti-fall 1.5s ease-in forwards}@keyframes bg-cc-draw{to{stroke-dashoffset:0}}@keyframes bg-celin{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}@keyframes bg-confetti-fall{0%{opacity:1;top:-8px}to{opacity:0;top:130%}}@media(prefers-reduced-motion:reduce){.bg-confetti{display:none}.bg-cc-circle,.bg-cc-check{animation:none;stroke-dashoffset:0}}.bg-loader{display:flex;flex-direction:column;align-items:center;gap:11px}.bg-scan{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;animation:bg-breathe 2.4s ease-in-out infinite}.bg-scan:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 6%,transparent) 62%,transparent 82%);animation:bg-spin 1.1s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px))}.bg-scan-in{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--color-accent);background:linear-gradient(45deg,color-mix(in srgb,var(--color-line) 45%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--color-line) 45%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--color-line) 45%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--color-line) 45%,transparent) 75%),var(--color-bg);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.bg-scan-in svg{width:24px;height:24px}.bg-beam{position:absolute;left:0;right:0;height:46%;top:-46%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-accent) 60%,transparent),transparent);animation:bg-scanmove 1.8s cubic-bezier(.45,0,.55,1) infinite}.bg-loadtext{font-size:11.5px;font-weight:600;color:var(--color-ink);letter-spacing:.01em}.bg-loadtext:after{content:"";animation:bg-dots 1.6s steps(1,end) infinite}@keyframes bg-spin{to{transform:rotate(360deg)}}@keyframes bg-scanmove{0%{top:-46%}50%{top:100%}to{top:-46%}}@keyframes bg-fade{0%{opacity:0}to{opacity:1}}@keyframes bg-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bg-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.bg-body{padding:10px 12px 12px}.bg-name{font-size:13px;font-weight:500;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-state{font-size:11px;color:var(--color-muted);margin-top:3px}.bg-save{margin-top:5px}.bg-save-top{display:flex;align-items:center;gap:3px;color:var(--color-privacy)}.bg-save-pct{font-family:var(--font-display);font-size:15px;font-weight:800;line-height:1;color:var(--color-privacy)}.bg-save-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-left:1px}.bg-save-track{margin-top:4px;height:4px;border-radius:4px;background:var(--color-line);overflow:hidden}.bg-save-fill{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--color-privacy),color-mix(in srgb,var(--color-privacy) 60%,#ffffff));transition:width .7s cubic-bezier(.2,.8,.2,1)}.bg-save-pop{animation:bg-savepop .45s cubic-bezier(.2,.9,.3,1.2)}@keyframes bg-savepop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}.bg-card.bg-err .bg-state{color:var(--color-accent)}.bg-dl{display:block;margin-top:10px;text-align:center;border:1px solid var(--color-line);border-radius:9px;padding:7px;font-size:13px;font-weight:500;color:var(--color-muted);text-decoration:none;pointer-events:none}.bg-dl.bg-dl-ready{color:var(--color-ink);pointer-events:auto}.bg-dl.bg-dl-ready:hover{border-color:var(--color-accent);color:var(--color-accent)}.bg-select{width:100%;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-line);border-radius:10px;padding:8px 30px 8px 12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.bg-select:hover{border-color:var(--color-accent)}.bg-sw{width:30px;height:30px;border-radius:50%;border:1px solid var(--color-line);cursor:pointer;padding:0;position:relative}.bg-sw[data-transparent]{background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#fff}.bg-sw-on{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-accent)}.bg-sw-picker{overflow:hidden;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:grid;place-items:center}.bg-sw-picker .bg-color{width:200%;height:200%;border:0;padding:0;background:transparent;cursor:pointer;opacity:0}@media(prefers-reduced-motion:reduce){.bg-scan:before,.bg-beam{animation:none}}