#squarebox {
  width: min(560px, calc(100% - 24px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  border: 3px solid var(--ink);
  border-radius: 24px;
  padding: 22px;
  background: var(--paper);
  color: var(--ink);
}
#squarebox::backdrop { background: rgba(42,30,20,.55); }
#squarebox > * { margin-block: 0 14px; }
#squarebox h2 { font-size: 28px; }
#squarebox p { font-size: 16px; }
#square-preview { display: block; width: 100%; height: auto; border-radius: 12px; }
#squarebox label { display: block; }
#squarebox textarea { width: 100%; font: inherit; font-size: 16px; }
#square-download { width: 100%; }
#squarebox form { margin-bottom: 0; }
#squarebox :focus-visible { outline: 4px solid var(--pumpkin); outline-offset: 3px; }