/* The flat photo-art makers (pixel art, halftone, spiral portrait, cookie cutter, stencil):
   only what style.css doesn't have already. */

/* second toolbar at the bottom of the viewer */
.art-tool .viewer-toolbar-bottom { top: auto; bottom: 12px; justify-content: center; }

/* equal-width segmented buttons over the full width */
.seg-fill { display: flex; width: 100%; background: var(--surface); }
.seg-fill button { flex: 1 1 0; min-width: 0; padding-left: 0; padding-right: 0; }

/* warning in the dark download panel */
.art-warn {
  margin: 0 0 14px; padding: 10px 12px; border-radius: var(--radius-sm);
  background: rgba(255, 210, 122, .14); color: #ffd27a; font-size: .86rem; line-height: 1.45;
}
.art-warn[hidden] { display: none; }

.art-tool .options.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.art-tool .options.four label { padding-left: 4px; padding-right: 4px; }
@media (max-width: 420px) { .art-tool .options.four label { font-size: .74rem; } }
.art-tool .options svg { width: 28px; height: 28px; margin: 0 auto 4px; display: block; }
.art-tool .note { margin: 0 0 14px; }
.art-tool .check + .check { margin-top: 8px; }
#crop-wrap canvas { width: auto; max-width: 100%; max-height: min(460px, 62vh); margin: 0 auto; display: block; }