.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)}.brush-ring{position:fixed;left:0;top:0;z-index:50;pointer-events:none;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #0009}.brush-ring[hidden]{display:none}#outPane{scroll-margin-top:84px}.help{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0 12px}.help[hidden]{display:none}.help summary{cursor:pointer;padding:10px 0;font-weight:600;font-size:14px;color:var(--accent)}.help[open] summary{margin-bottom:4px}.help .readout{margin:0 0 10px}.help .guide{margin-bottom:12px}.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}