/* Screenshot beautifier */
.sb-swatches { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.sb-swatch { aspect-ratio: 1; border-radius: 50%; border: 2px solid transparent; box-shadow: 0 0 0 1px var(--line); cursor: pointer; padding: 0; }
.sb-swatch:hover { box-shadow: 0 0 0 2px rgba(14, 8, 7, 0.35); }
.sb-swatch.is-on { border-color: #fff; box-shadow: 0 0 0 2px var(--ink); }
.sb-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: end; }
.sb-two .field.is-on input[type="color"] { box-shadow: 0 0 0 2px var(--ink); }
.sb-transparent { height: 42px; background: repeating-conic-gradient(#e6e5e1 0 25%, #fff 0 50%) 0 0 / 12px 12px; }
.sb-transparent.is-on { background: var(--ink); color: #fff; }
.field .seg { display: inline-flex; }
.field .seg button { padding: 8px 12px; font-size: 13px; }
#sb-canvas { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.tool-panel #sb-download { width: 100%; }
.tool-panel .tool-actions .btn { flex: 1; }