.bg-canvas{cursor:crosshair;touch-action:none;max-width:100%;height:auto}.progress{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress__bar{height:100%;width:0;background:var(--accent);transition:width .15s}.progress--busy .progress__bar{width:40%!important;animation:slide 1.1s ease-in-out infinite alternate}@keyframes slide{0%{margin-left:0}to{margin-left:60%}}#bgColor{width:40px;height:32px;border:1px solid var(--border);border-radius:8px;background:none;padding:2px}.chip:disabled{opacity:.45;cursor:not-allowed}.pair{display:grid;gap:12px}.pair--two{grid-template-columns:1fr}.pane{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}.pane figcaption{font-size:14px;color:var(--text-2);font-weight:600}.pair--two .preview-box{padding:8px}.guide{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-2)}.guide li::marker{color:var(--accent);font-weight:700}.chip--keep:before,.chip--drop:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#14c83c}.chip--drop:before{background:#eb1e1e}.chip--edge:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#ffe600;box-shadow:0 0 0 1px #c9b400}