/* Cover, don't blur */
#stage{display:grid;justify-items:center;gap:10px}
#frame{position:relative;max-width:100%}
#preview{display:block;width:100%;height:100%;border-radius:6px;background:#e9ede5;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}
#boxes{position:absolute;inset:0;pointer-events:none}
.cover-box{position:absolute;margin:0;padding:0;border:0;background:transparent;pointer-events:none;border-radius:0}
.cover-box:focus-visible{outline:3px solid #f2c94c;outline-offset:3px;box-shadow:0 0 0 6px #17221d}
.tool-panel.is-empty .needs-photo{opacity:.55}
.cover-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.cover-count{font-size:14px;color:#3d4a43;margin:0 0 12px;min-height:21px}
.tool-panel>.fine{margin-top:10px}
.swatch{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid #8a968a;vertical-align:-2px}
.swatch.black{background:#000}.swatch.white{background:#fff}.swatch.grey{background:#808080}
.cover-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 10px}.cover-pair figure{margin:0;min-width:0}
.cover-pair img{display:block;width:100%;height:auto;border:1px solid #dce1d8;border-radius:8px;background:#fff}
.cover-pair figcaption{font-size:14px;color:#5a665e;margin-top:6px;line-height:1.5}.cover-pair figcaption strong{color:#17221d}
@media(max-width:640px){.cover-pair{grid-template-columns:1fr}}